UX guidelines

559 vues

Publié le

Présentation élaborée par Mlle. Sihem Misseoui dans le cadre des sessions de Lightning Talks à l'Orange Developer Center.

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
559
Sur SlideShare
0
Issues des intégrations
0
Intégrations
33
Actions
Partages
0
Téléchargements
10
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

UX guidelines

  1. 1. UX Guidelines In mobile Apps MESSAOUI Sihem Le 06/03/2014
  2. 2. 2 PLAN  Introduction  Les éléments de l’expérience utilisateur mobile  Les composants  Les lignes directrices  Conclusion
  3. 3. 3 INTRODUCTION (1)  Les écrans mobiles sont beaucoup plus petits : Augmente la charge cognitive . Les utilisateurs mobiles sont encore plus pressés.
  4. 4. 4 INTRODUCTION (2) UX Les comportements Les attitudes Les émotions Produit, Système, Service  .
  5. 5. 5 INTRODUCTION (3)  Concevoir des produits en tenant compte de l'expérience utilisateur : Aller au-delà du fonctionnel et de l'esthétique. Intégrer la psychologie et le comportement des utilisateurs.
  6. 6. 6 ELEMENTS DE L’UX MOBILE
  7. 7. 7  Outils et Fonctionnalités qui permettent aux utilisateurs d’effectuer des tâches et atteindre leurs objectifs .  Veiller à ce que les caractéristiques fondamentales et le contenu sont optimisés pour le mobile.  Offrir des capacités clés dans tous les canaux .  Redirection vers d’autres canaux si nécessaire. Fonctionnalités
  8. 8. 8
  9. 9. 9  l'organisation de la fonctionnalité et contenu dans une structure logique .  Suivre des modèles de navigation primaires / secondaires.  Utilisez des étiquettes concises , claires, cohérentes et descriptifs des articles de navigation et des liens.  Trois clics (ou robinets ). Architecture de l’information
  10. 10. 10
  11. 11. 11  Présenter une combinaison appropriée et équilibrée des contenus aux utilisateurs.  Toujours donner le contrôle de l'utilisateur sur le contenu multimédia.  S'assurer que le contenu de l'échantillon est convaincante, concentré, et pertinent pour la proposition de valeur .  S'assurer que le contenu principal est présenté dans un format pris en charge sur le périphérique cible Le Contenu
  12. 12. 12 Volkswagen demande aux utilisateurs d'Ios de télécharger Flash.
  13. 13. 13
  14. 14. 14  la présentation visuelle et l'expérience interactive de la téléphonie mobile, y compris la conception graphique, l'image de marque et la mise en page. «mobiliser, ne pas miniaturiser» - Barbara Ballard «Ne pas réduire, repenser« -NOKIA Le Design (1)
  15. 15. 15 Le Design (2)  La façon dont rapidement et facilement la conception visuelle transmet l'information.  Il faut savoir comment gérer le flux visuel  Portrait et orientations du paysage  Guide des utilisateurs de l'élément initial vers d'autres éléments pour les aider à accomplir leurs tâches .
  16. 16. 16
  17. 17. 17 Entrée Utilisateur  L'effort requis pour entrer des données  Réduit, ne nécessite pas l’utilisation des deux mains.  Utilisations des alternatives plus courtes(code postal).  Afficher les valeurs par défaut chaque fois que possible.  Pensez à offrir l'auto-complétion.
  18. 18. 18 Exemples
  19. 19. 19
  20. 20. 20  le multitâche, le mouvement, les conditions de faible éclairage et une mauvaise connectivité !!!  iCookbook : paginer une recette en utilisant des commandes vocales - une fonctionnalité intéressante lorsque vos mains sont couvertes dans la pâte!  Navfree GPS: passe automatiquement du mode jour au mode nuit.  Exploiter les informations que l'utilisateur a fourni et respecter leurs préférences (Triplet) Le Contexte Mobile
  21. 21. 21
  22. 22. 22  Les objectifs tactiles sont convenablement dimensionnées et bien espacées pour éviter les erreurs de sélection .  Avertir les utilisateurs à éviter d'écraser les onglets déjà ouverts (Passage du mobile vers navigateur) .  Les actions destructives : « Reach Zone ». La Convivialité
  23. 23. 23
  24. 24. 24  Le niveau de confiance et de confort.  La vie privée et la sécurité sont les deux principales préoccupations.  Evitez l’utilisation des informations personnelles(Carnet d’adresse, emplacement…) La Fiabilité
  25. 25. 25 Les principales préoccupations
  26. 26. 26
  27. 27. 27  Réduire le nombre d'alertes avec l'affichage.  Chaque alerte doit être brève et claire (Boutons bien étiquetés, La cause ?, Quoi faire?)  Confirmez sans interrompre. La réaction
  28. 28. 28
  29. 29. 29  Faciliter l’accès à l'aide et les options d'assistance (Action Bar) .  Présenter une introduction rapide et à court tutoriel sur l'utilisation de l'application lors de son premier lancement. L’aide
  30. 30. 30
  31. 31. 31  Créer et maintenir une présence sur les réseaux sociaux.  Intégrer des fonctionnalités de réseautage social. La participation Sociale
  32. 32. 32
  33. 33. 33  Les méthodes par lesquelles un utilisateur trouve une application et les facteurs qui favorisent l'usage répété.  Utilisez des URLs plus courtes (Garantie de la trouvabilité) QR_Code : conduit à une page d'atterrissage optimisé pour les mobiles, au lieu d'une page traditionnelle qui nécessite un zoom. La Commercialisation
  34. 34. 34 CONCLUSION  L’expérience utilisateur mobile est encore un domaine en développement , et les possibilités d'amélioration continuent d'émerger .
  35. 35. 35 Merci

×