concevoir la navigation mobile, appdays2016

#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