À l'occasion des AppDays 2016, version allégée et révisée de ma conférence sur la navigation mobile. Enjoy!

1. #appdays
Concevoir
la navigation mobile
App Days 2016
Amélie Boucher
@amelieboucher

2. #appdays
présentation

3. #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é ?

4. #appdays
1.
Naviguer sur mobile

5. #appdays
Naviguer…
un plaisir tout relatif

6. #appdays

7. #appdays

8. #appdays
Le contexte mobile
est hyper-sensible aux défauts
d’architecture de l’information

9. #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)

10. #appdays
L’utilisateur mobile a cruellement
besoin d’aller vite et bien

11. #appdays
2.
Une architecture
de l’information
orientée usages clés

12. #appdays
Réduire la profondeur
pour les usages clés

13. #appdays
nécessite de faire
des choix, des compromis, de prioriser
… quitte à dévaloriser les usages
accessoires

14. #appdays
Surveiller chaque tap

15. #appdays LINXO

16. #appdays LINXO

17. #appdays
Faciliter la navigation,
ce peut aussi être
éviter la navigation

18. #appdays BNP

19. #appdays SHAZAM

20. #appdays

21. #appdays PARAPLUIE

22. #appdays
3.
Eduquer sans gêner
la navigation utile

23. #appdays
Choisir quoi dire
SKYPE / ARTE / MES COURSES

24. #appdays LA MATINALE

25. #appdays
En contexte

26. #appdays VIVINO / TWITTER / HANGOUTS

27. #appdays
“ Just in time education ”

28. #appdays DO NOTE / BETASERIES / INBOX

29. #appdays
4.
Menu visible
ou menu caché ?

30. #appdays
la mode du no-hamburger
est aussi gênante
que celle du tout-hamburger

31. #appdays
mais si je
montre je
dérange
si je montre
j’augmente
l’usage
« out of sight,
out of mind »

32. #appdays
Les usages mobiles demandent
de grandes ressources
d’attention sélective

33. #appdays
L’effet Cocktail party

34. #appdays
Ne pas surcharger l’écran,
c’est aider l’utilisateur à
inhiber les distracteurs

35. #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

36. #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

37. #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

38. #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

39. #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

40. #appdays
La notion de
moment d’interaction

41. #appdays STELLER

42. #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

43. #appdays
Merci pour
votre attention
App Days 2016
Amélie Boucher
@amelieboucher