concevoir la navigation mobile, appdays2016
TRANSCRIPT
#appdays
Concevoir la navigation mobile
App Days 2016 Amélie Boucher @amelieboucher
#appdays
présentation
#appdays
1 Naviguer sur mobile
2 Une architecture de l’information orientée usages clés
3 Eduquer sans gêner la navigation utile
4 Menu visible ou menu caché ?
#appdays
1.
Naviguer sur mobile
#appdays
Naviguer… un plaisir tout relatif
#appdays
#appdays
#appdays
Le contexte mobile est hyper-sensible aux défauts d’architecture de l’information
#appdays
Lenteurs Ruptures
Durée des sessions d’usage parfois ultra-limitée
Contexte attentionnel dégradé
Souvent de grandes récurrences d’usage (sur-exposition)
Besoins pressants (du fait de l’objectif et / ou du contexte)
#appdays
L’utilisateur mobile a cruellement besoin d’aller vite et bien
#appdays
2.
Une architecture de l’information
orientée usages clés
#appdays
Réduire la profondeur pour les usages clés
#appdays
nécessite de faire des choix, des compromis, de prioriser
… quitte à dévaloriser les usages accessoires
#appdays
Surveiller chaque tap
#appdays LINXO
#appdays LINXO
#appdays
Faciliter la navigation, ce peut aussi être éviter la navigation
#appdays BNP
#appdays SHAZAM
#appdays
#appdays PARAPLUIE
#appdays
3.
Eduquer sans gêner la navigation utile
#appdays
Choisir quoi dire
SKYPE / ARTE / MES COURSES
#appdays LA MATINALE
#appdays
En contexte
#appdays VIVINO / TWITTER / HANGOUTS
#appdays
“ Just in time education ”
#appdays DO NOTE / BETASERIES / INBOX
#appdays
4.
Menu visible ou menu caché ?
#appdays
la mode du no-hamburger est aussi gênante
que celle du tout-hamburger
#appdays
mais si je montre je dérange
si je montre j’augmente l’usage
« out of sight, out of mind »
#appdays
Les usages mobiles demandent de grandes ressources d’attention sélective
#appdays
L’effet Cocktail party
#appdays
Ne pas surcharger l’écran, c’est aider l’utilisateur à inhiber les distracteurs
#appdays
Quand utiliser un menu directement visible ?
• Lorsque le menu doit avoir un pouvoir suggestif
• Lorsque l’utilisateur a un besoin d’efficience fort
• Lorsque le menu contient peu d’items
• Lorsque vous avez peu de problématiques de place à l’écran
• Lorsque l’utilisateur passe souvent d’une rubrique à une autre
ARTSY
#appdays
Quand utiliser un menu directement visible ?
• Lorsque le menu doit avoir un pouvoir suggestif
• Lorsque l’utilisateur a un besoin d’efficience fort
• Lorsque le menu contient peu d’items
• Lorsque vous avez peu de problématiques de place à l’écran
• Lorsque l’utilisateur passe souvent d’une rubrique à une autre
VIVINO
#appdays
Quand utiliser un menu caché ?
• Lorsque le menu ne contient rien de stratégique
• Lorsque la fonctionnalité n’est utilisée que rarement et que l’écran par défaut couvre déjà la majorité des usages
• Lorsque l’utilisateur sait ou se doute que la fonctionnalité existe
• Lorsque les rubriques seront de toute façon rencontrées par l’usager
• Lorsque la liste des rubriques est longue (et difficile à hiérarchiser)
UBER
#appdays
Quand utiliser un menu caché ?
• Lorsque le menu ne contient rien de stratégique
• Lorsque la fonctionnalité n’est utilisée que rarement et que l’écran par défaut couvre déjà la majorité des usages
• Lorsque l’utilisateur sait ou se doute que la fonctionnalité existe
• Lorsque les rubriques seront de toute façon rencontrées par l’usager
• Lorsque la liste des rubriques est longue (et difficile à hiérarchiser)
COUPLE
#appdays
Quand utiliser un menu caché ?
• Lorsque le menu ne contient rien de stratégique
• Lorsque la fonctionnalité n’est utilisée que rarement et que l’écran par défaut couvre déjà la majorité des usages
• Lorsque l’utilisateur sait ou se doute que la fonctionnalité existe
• Lorsque les rubriques seront de toute façon rencontrées par l’usager
• Lorsque la liste des rubriques est longue (et difficile à hiérarchiser)
DUOLINGO
#appdays
La notion de moment d’interaction
#appdays STELLER
#appdays
En bref :
• Respecter l’utilisateur et son besoin, limiter les entraves aux usages principaux
• Ne pas adopter de solution d’interface toute faite, mais LA solution adaptée à votre contexte
• Utiliser les gestes en complément
• Aller observer les usages réels pour redescendre sur terre
#appdays
Merci pour votre attention
App Days 2016 Amélie Boucher @amelieboucher