Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry
-
Upload
france-luxembourg-user-experience-professionals-association-flupa -
Category
Technology
-
view
270 -
download
0
Transcript of Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry
![Page 1: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/1.jpg)
iErgoRaphaël Yharrassarry
Concevoir une apps
![Page 2: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/2.jpg)
iErgo
Concevoir une application
![Page 3: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/3.jpg)
iErgo
La métaphore du bureau
![Page 4: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/4.jpg)
iErgo
![Page 5: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/5.jpg)
iErgo
![Page 6: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/6.jpg)
iErgo
Objet de l’interaction
Palette d’outils
Actions et propriétés
![Page 7: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/7.jpg)
iErgo
Objet de l’interaction
Palette d’outils
Actions et propriétés
Différentes vues
![Page 8: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/8.jpg)
iErgo
Objet de l’interaction
Actions
Navigation
![Page 9: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/9.jpg)
iErgo
Modal
Après un verbe d’action, pour
compléter des infos.
![Page 10: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/10.jpg)
iErgo
Alerte
Pour éviter une erreur !
Utiliser le verbe de l’action
![Page 11: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/11.jpg)
iErgo
Dialogue
Pour faire un choix simple (sans saisie).
![Page 12: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/12.jpg)
iErgo
Le bon composant pour le bon usage.
![Page 13: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/13.jpg)
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
![Page 14: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/14.jpg)
iErgo
Respecter le guidelines de l’OS
![Page 15: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/15.jpg)
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
![Page 16: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/16.jpg)
iErgohttps://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html#//apple_ref/doc/uid/TP40006556
![Page 17: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/17.jpg)
iErgo
![Page 18: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/18.jpg)
iErgo
![Page 19: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/19.jpg)
iErgo
Mobile first
![Page 20: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/20.jpg)
iErgo
![Page 21: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/21.jpg)
iErgo
Faire des choix
![Page 22: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/22.jpg)
iErgo
Se centrer sur les fonctions clefs dans le contexte d’usage
![Page 23: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/23.jpg)
iErgo
Supprimer les fonctions non indispensables
![Page 24: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/24.jpg)
iErgo
Exercice pratique
![Page 25: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/25.jpg)
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
![Page 26: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/26.jpg)
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
![Page 27: Journée Thématique Ateliers UX - Concevoir une appli mobile - Raphael Yharrassarry](https://reader035.fdocuments.net/reader035/viewer/2022062405/5586916cd8b42ac1788b46d5/html5/thumbnails/27.jpg)
Liste des recettes
Une Recette
Créer une recette
Modifier
Supprimer
Fenêtre primaire
Fenêtre modale
Alerte