Pressés, interrompus, distraits… les utilisateurs mobiles ne peuvent certainement pas se payer le luxe d’écrans inutiles, de parcours trop longs, et encore moins de se perdre. Que pouvons-nous faire pour leur faciliter la vie ? Pour qu’ils accèdent aux contenus qu’ils souhaitent, le plus rapidement possible ?
Cette présentation liste quelles options peuvent être envisagées, mais surtout comment les choisir selon votre contexte : menu visible ou menu caché, hamburger, onglets, navigation par gestes... Nous abordons aussi comment optimiser la navigation peut passer par supprimer la nécessité de naviguer : travailler l’efficience au maximum, cela peut être salvateur !
37. À réserver aux éléments stratégiques ou
discriminants pour l’utilisateur
Attention au volume d’informations
En contexte plutôt que précédant l’usage
Avec une porte de sortie si besoin
64. 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
66. Quand utiliser un menu caché ?
Lorsque le menu ne contient rien de stratégique
Lorsque votre écran par défaut couvre déjà la majorité des
usages
Lorsque l’utilisateur sait ou se doute que la fonctionnalité existe,
de manière générale ou spécifique au service
Lorsque les rubriques seront de toute façon rencontrées par
l’usager dans un flux d’interaction normal
Lorsque la liste des rubriques est longue.
84. la visibilité importe plus que la localisation
9 utilisateurs sur 10
appuient sur le picto en
première intention
1 sur 10 en deuxième
stratégie
YAHOO NEWS DIGEST
85. tip #3 : un picto descriptif du contenu s’il est
homogène
UBER
86. tip #4 : accompagner d’un libellé ou d’un
système de notifications
PETIT BATEAU / RATP / COUPLE
87. tip #5 : utiliser « là où je suis » pour indiquer
la présence du menu
PICTURELIFE
88. tip #6 : un flux d’interaction rendant visible le
menu
VSCO
89. pourquoi c’est utile de cacher ?
il y a compétition entre la navigation
et l’espace nécessaire
à la libre expression du contenu.
101. Pour compenser le manque de découvrabilité :
Utiliser des gestes conventionnels
Doubler le geste
Le faire deviner (sursauts et animations, cut-off
design, affichages temporaires, installation de
l’interface via une animation)
108. Réserver les gestes aux actions les plus
importantes
Choisir des gestes faciles à réaliser
Attention aux gestes pour se faire plaisir
109. 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 se frotter aux usages réels pour
redescendre sur terre