Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Au sujet de la navigation principale d'une app mobile

1,775 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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 😎👌

×