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

27
iErgo Raphaël Yharrassarry Concevoir une apps

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

iErgoRaphaël Yharrassarry

Concevoir une apps

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

iErgo

Concevoir une application

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

iErgo

La métaphore du bureau

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

iErgo

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

iErgo

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

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

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

iErgo

Objet de l’interaction

Actions

Navigation

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

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

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

iErgo

Dialogue

Pour faire un choix simple (sans saisie).

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

iErgo

Le bon composant pour le bon usage.

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

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

iErgo

Respecter le guidelines de l’OS

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

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

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

iErgo

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

iErgo

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

iErgo

Mobile first

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

iErgo

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

iErgo

Faire des choix

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

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

iErgo

Supprimer les fonctions non indispensables

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

iErgo

Exercice pratique

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

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

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

Liste des recettes

Une Recette

Créer une recette

Modifier

Supprimer

Fenêtre primaire

Fenêtre modale

Alerte