Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry

Post on 21-Jun-2015

269 views 0 download

Transcript of Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry

iErgoRaphaël Yharrassarry

Concevoir une apps

iErgo

Concevoir une application

iErgo

La métaphore du bureau

iErgo

iErgo

iErgo

Objet de l’interaction

Palette d’outils

Actions et propriétés

iErgo

Objet de l’interaction

Palette d’outils

Actions et propriétés

Différentes vues

iErgo

Objet de l’interaction

Actions

Navigation

iErgo

Modal

Après un verbe d’action, pour

compléter des infos.

iErgo

Alerte

Pour éviter une erreur !

Utiliser le verbe de l’action

iErgo

Dialogue

Pour faire un choix simple (sans saisie).

iErgo

Le bon composant pour le bon usage.

iErgo

Analyse de l’activité, étude

des usages

Modélisation

Objet de l’interaction >

Fenêtre primaire

Actions, fonctions, propriétés >

Menus

Dialogues, messages > Fenêtre

secondaireScénarios d’usages

Structure de l’application

Spécifications détailléesVérifier si les spécifications permettent

de répondre aux scénarios d’usages

Travailler avec les utilisateurs pour valider les spécifications

L’utilisateur

Persona

© blocnotes.iergo.fr

iErgo

Respecter le guidelines de l’OS

www.iergo.fr - raphael@iergo.fr

Guidelines

‣ iOS : https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html#//apple_ref/doc/uid/TP40006556

‣Android : http://developer.android.com/design/index.html

‣Windows 8 : http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx

15

iErgohttps://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html#//apple_ref/doc/uid/TP40006556

iErgo

iErgo

iErgo

Mobile first

iErgo

iErgo

Faire des choix

iErgo

Se centrer sur les fonctions clefs dans le contexte d’usage

iErgo

Supprimer les fonctions non indispensables

iErgo

Exercice pratique

www.iergo.fr - raphael@iergo.fr

Miamothéque

Cette application a pour but de permettre de lister les recettes de cuisines. !C’est l’équivalent du cahier de recette papier.

25

www.iergo.fr - raphael@iergo.fr

Miamothéque Fonctionnalités - Voir la liste des recettes - Voir une recette - La supprimer - La modifier !!!!!!

- Créer une recette qui contient : - Un titre - Une photo - Un niveau de difficulté sur une échelle de 1 à 5 (Très facile ... Très complexe) - Un temps de préparation - Les ingrédients sous la forme d’un champ texte multilignes - Les instructions sous la forme d’un champ texte

26

Liste des recettes

Une Recette

Créer une recette

Modifier

Supprimer

Fenêtre primaire

Fenêtre modale

Alerte