iErgoRaphaëlYharrassarry
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,
p...
iErgo
Respecter le guidelines de l’OS
www.iergo.fr - raphael@iergo.fr
Guidelines
‣iOS : https://developer.apple.com/library/ios/
documentation/UserExperience/Co...
iErgohttps://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html#//apple_ref/doc/...
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.	...
www.iergo.fr - raphael@iergo.fr
Miamothéque
Fonctionnalités	

-Voir la liste des recettes	

-Voir une recette	

- La suppr...
Liste des
recettes
Une
Recette
Créer une recette
Modifier
Supprimer
Fenêtre
primaire
Fenêtre modale
Alerte
Prochain SlideShare
Chargement dans…5
×

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

681 vues

Publié le

Publié dans : Technologie
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
681
Sur SlideShare
0
Issues des intégrations
0
Intégrations
7
Actions
Partages
0
Téléchargements
17
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

  1. 1. iErgoRaphaëlYharrassarry Concevoir une apps
  2. 2. iErgo Concevoir une application
  3. 3. iErgo La métaphore du bureau
  4. 4. iErgo
  5. 5. iErgo
  6. 6. iErgo Objet de l’interaction Palette d’outils Actions et propriétés
  7. 7. iErgo Objet de l’interaction Palette d’outils Actions et propriétés Différentes vues
  8. 8. iErgo Objet de l’interaction Actions Navigation
  9. 9. iErgo Modal Après un verbe d’action, pour compléter des infos.
  10. 10. iErgo Alerte Pour éviter une erreur ! Utiliser le verbe de l’action
  11. 11. iErgo Dialogue Pour faire un choix simple (sans saisie).
  12. 12. iErgo Le bon composant pour le bon usage.
  13. 13. 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 secondaire Scénarios d’usages Structure de l’application Spécifications détaillées Vé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
  14. 14. iErgo Respecter le guidelines de l’OS
  15. 15. 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
  16. 16. iErgohttps://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html#//apple_ref/doc/uid/TP40006556
  17. 17. iErgo
  18. 18. iErgo
  19. 19. iErgo Mobile first
  20. 20. iErgo
  21. 21. iErgo Faire des choix
  22. 22. iErgo Se centrer sur les fonctions clefs dans le contexte d’usage
  23. 23. iErgo Supprimer les fonctions non indispensables
  24. 24. iErgo Exercice pratique
  25. 25. 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
  26. 26. 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
  27. 27. Liste des recettes Une Recette Créer une recette Modifier Supprimer Fenêtre primaire Fenêtre modale Alerte

×