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

733 views

Published on

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
733
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
18
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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

×