Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Navigation principale
d'une app mobile
STEFAN NEGOUAI
@stefan_ne
Citations
• "Voici notre site web et je souhaite une app mobile
qui représente toute notre offre..."
• "Je veux ajouter un...
Vous qui avez la capacité de changer le
monde avec de meilleures app mobiles :

Comment obtenir la liste des actions
princ...
Quelques définitions
#intuitivité
• Caractère de ce qui est intuitif, qui peut être
compris par intuition

• Intuition: Connaissance directe, i...
#efficacité
• Caractère de ce qui est efficace ; effet, action
utile [...]
• [...] qui produit le maximum de résultats avec l...
#utilité
• Aptitude d'un bien à satisfaire un besoin ou à
créer les conditions favorables à cette
satisfaction.
larousse.fr
Est-ce que vous aimez passer du temps à
chercher les choses dont vous avez besoin
rapidement ?
Est-ce que vous appréciez être gênés /
ralentis pour accomplir une tâche qui vous
est confiée ?
☹
*SPOILER*
C'est pareil dans une app !
😟
Petit guide du concepteur de navigation
principale d'une app mobile
1. Déterminer une catégorie
principale
2. Choisir un t...
• Déterminer une catégorie principale
• quel est la raison d'être de cette app ?
• où est-ce qu'on trouve des apps similai...
• Choisir un type
OUTIL JEU
FUN
PERFORMANT
Exemple
• Une association éducative souhaite une app destinée aux
enfants de 4 ans sur la thématique "faire les courses"
•...
Exemple
• Une chaîne de magasins, souhaite une app pour ses
employés s'occupant de préparer les commandes des
clients
• ut...
• Trier toutes les actions possibles
• Connaître son produit
• Qu'est-ce qu'on peut faire avec mon app ?
• Identifier les plus importantes
• celles qui touchent les motivations de vos utilisateurs
(apprendre, effectuer une tâche...
Qu'est-ce qui va faire mon utilisateur sortir son
smartphone de sa poche ?
à part une notif push 😒
#utilité
appeler un ami
envoyer un message
calculer
trouver une adresse
consulter la météo
écouter de la musique
lire l'actualité
p...
Pour qui est l'action ?
souhaite
calculermr / mme tout le monde
une personne agée
un trader
un enfant de 5 ans
The Batman ®
Mais pourquoi ?
• Comprendre les motivations des utilisateurs
• "ce texte est bien trop petit pour ma vue"
• "trop d'anima...
🤕
• Tester les points d'accès pour y arriver
• Je suis [utilisateur] et je souhaite [action principale],
top chrono...

• pr...
Exemple
• [Mr / Mme tout le monde] souhaite [programmer le réveil]
du lendemain et lance son app...
• choisit le menu "rév...
tap sur l'icone "réveil"
tap sur le +
réglage / enregistrement
bottom nav empty state
• Ne pas faire de tuto
• Les coachs marks* c'est mieux
• Expliquer parce que trop compliqué ou pas suffisamment
clair, c'es...
En résumé
Vos utilisateurs n'ont pas que votre
app à gérer
La navigation principale de votre app
doit permettre de répondre rapidement
aux besoins de vos utilisateurs sans
{forcémen...
☺
Pas de question, tout
est parfaitement clair

😎👌
Au sujet de la navigation principale d'une app mobile
Au sujet de la navigation principale d'une app mobile
Au sujet de la navigation principale d'une app mobile
Au sujet de la navigation principale d'une app mobile
Prochain SlideShare
Chargement dans…5
×

Au sujet de la navigation principale d'une app mobile

1 782 vues

Publié le

technique pour dégager une liste d'actions reflétant la navigation principale d'une app mobile

Publié dans : Technologie
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Au sujet de la navigation principale d'une app mobile

  1. 1. Navigation principale d'une app mobile STEFAN NEGOUAI @stefan_ne
  2. 2. Citations • "Voici notre site web et je souhaite une app mobile qui représente toute notre offre..." • "Je veux ajouter un bouton ici, qui fait [telle action]" • "On veut une app qui claque! Avec des animations sympas comme [nom d'app populaire]"
  3. 3. Vous qui avez la capacité de changer le monde avec de meilleures app mobiles : Comment obtenir la liste des actions principales d'une app mobile. Ceci n'est pas une présentation sur le wireframing, design graphique ou l'ergonomie.
  4. 4. Quelques définitions
  5. 5. #intuitivité • Caractère de ce qui est intuitif, qui peut être compris par intuition • Intuition: Connaissance directe, immédiate de la vérité, sans recours au raisonnement, à l'expérience. larousse.fr
  6. 6. #efficacité • Caractère de ce qui est efficace ; effet, action utile [...] • [...] qui produit le maximum de résultats avec le minimum d'efforts, de moyens larousse.fr
  7. 7. #utilité • Aptitude d'un bien à satisfaire un besoin ou à créer les conditions favorables à cette satisfaction. larousse.fr
  8. 8. Est-ce que vous aimez passer du temps à chercher les choses dont vous avez besoin rapidement ?
  9. 9. Est-ce que vous appréciez être gênés / ralentis pour accomplir une tâche qui vous est confiée ?
  10. 10.
  11. 11. *SPOILER* C'est pareil dans une app !
  12. 12. 😟
  13. 13. Petit guide du concepteur de navigation principale d'une app mobile 1. Déterminer une catégorie principale 2. Choisir un type 3. Trier les actions possibles *sauf nouveau concept 4. Identifier les plus importantes 5. Tester les points d'accès pour y arriver 6. Ne pas faire de tuto*
  14. 14. • Déterminer une catégorie principale • quel est la raison d'être de cette app ? • où est-ce qu'on trouve des apps similaires ? • permet d'identifier les actions traitées par les concurrents #utilité
  15. 15. • Choisir un type OUTIL JEU FUN PERFORMANT
  16. 16. Exemple • Une association éducative souhaite une app destinée aux enfants de 4 ans sur la thématique "faire les courses" • jeu pédagogique • super fun! (couleurs vives, animations et sons captivants...)
  17. 17. Exemple • Une chaîne de magasins, souhaite une app pour ses employés s'occupant de préparer les commandes des clients • utilitaire / productivité • professionnel (une seule ou très peu de couleurs vives, peu ou pas d'effets de transition...)
  18. 18. • Trier toutes les actions possibles • Connaître son produit • Qu'est-ce qu'on peut faire avec mon app ?
  19. 19. • Identifier les plus importantes • celles qui touchent les motivations de vos utilisateurs (apprendre, effectuer une tâche spécialisée, se divertir...) • faire des grandes familles #utilité
  20. 20. Qu'est-ce qui va faire mon utilisateur sortir son smartphone de sa poche ? à part une notif push 😒 #utilité
  21. 21. appeler un ami envoyer un message calculer trouver une adresse consulter la météo écouter de la musique lire l'actualité prendre une photo identifier un morceau de musique enregistrer la voix magnifique de Thomas Lombard
  22. 22. Pour qui est l'action ? souhaite calculermr / mme tout le monde une personne agée un trader un enfant de 5 ans The Batman ®
  23. 23. Mais pourquoi ? • Comprendre les motivations des utilisateurs • "ce texte est bien trop petit pour ma vue" • "trop d'animations, c'est lent je n'ai pas le temps" • Trouver de nouvelles actions (ou modifier les existantes !) #efficacité
  24. 24. 🤕
  25. 25. • Tester les points d'accès pour y arriver • Je suis [utilisateur] et je souhaite [action principale], top chrono... • privilégier les composants de base • pas d'UI à ce stade • Est-ce que l'app répond rapidement au besoin ? #efficacité
  26. 26. Exemple • [Mr / Mme tout le monde] souhaite [programmer le réveil] du lendemain et lance son app... • choisit le menu "réveil / alarme" • sélectionne "nouvelle alarme" • paramétre / valide le réveil
  27. 27. tap sur l'icone "réveil"
  28. 28. tap sur le +
  29. 29. réglage / enregistrement
  30. 30. bottom nav empty state
  31. 31. • Ne pas faire de tuto • Les coachs marks* c'est mieux • Expliquer parce que trop compliqué ou pas suffisamment clair, c'est mettre un patch... 🙃 *coach mark #intuitivité
  32. 32. En résumé
  33. 33. Vos utilisateurs n'ont pas que votre app à gérer
  34. 34. La navigation principale de votre app doit permettre de répondre rapidement aux besoins de vos utilisateurs sans {forcément} faire appel à leur raisonnement
  35. 35.
  36. 36. Pas de question, tout est parfaitement clair 😎👌

×