journée thématique ateliers ux - concevoir une appli mobile - raphael yharrassarry
Upload: france-luxembourg-user-experience-professionals-association-flupa
Post on 21-Jun-2015
270 views
TRANSCRIPT
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 - [email protected]
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 - [email protected]
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 - [email protected]
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