Téléchargé 70 fois
Téléchargé parLaurence Vagner
Ergonomie : performance et satisfaction de nos clients
Le document aborde l'importance de l'ergonomie dans la conception de sites web pour améliorer l'expérience utilisateur. Il présente des approches et des bonnes pratiques en matière d'ergonomie, y compris des critères, heuristiques et méthodes de test pour garantir des interfaces conviviales. Pour réussir, il est essentiel d'impliquer les utilisateurs tout au long du processus de développement, en veillant à optimiser la satisfaction et la performance.
Contenu connexe
Ergonomie : performance et satisfaction de nos clients
- 1. Ergonomie : performanceet satisfaction de nos clients Annabelle Buffart & Laurence Vagner
- 2. Annabelle Front-end Consultant Agile Partner Laurence UXdesigner iKe Consulting
- 3.
- 6.
- 8. Ergonomie web (...) apour objectif de rendre les sites Web plus aisés d'utilisation pour l'utilisateur final, sans qu'il ait besoin de suivre un apprentissage dédié Design graphique (..) a pour objectif de créer des objets de communication visuelle (logotype, affiche, site web, etc.) Sources : fr.wikipedia.org
- 9.
- 10. UX User eXperience analyse, personas, emotional design, usecases, stories, workflows, archi de l’information, wireframes, supports/devices
- 11. UI User Interface maquettes graphiques, interactions, versionsmobiles, guides de styles, accessibilité
- 13.
- 14. 1. Objectifs ● Business ●Marketing ● Développeurs ● Utilisateurs
- 15. 2. Use Case& User Stories Comme en Agile! User Stories https://fr.wikipedia.org/wiki/Diagramme_des_cas_d%27utilisation Use Case
- 16.
- 17. 4. Architecture De quoiai-je besoin? http://www.renow.public.lu/fr/techniques-ux/tri-cartes-inverse/index.html
- 18.
- 19. 6. Rédaction “ Lessis more ”
- 20.
- 21.
- 22.
- 23. Normaliser ces informations en impliquantdes utilisateurs
- 24. Critères & bonnespratiques
- 25. 8 critères ergonomiques de Bastien& Scapin http://www.ergoweb.ca/criteres.html 1. Guidage 2. Charge de travail 3. Contrôle explicite 4. Adaptabilité 5. Gestion des Erreurs 6. Homogénéité/Cohérence 7. Signification des Codes et Dénominations 8. Compatibilité
- 26. Exemple : gestion deserreurs Moyens permettant d'une part d'éviter ou de réduire les erreurs, d'autre part de les corriger lorsqu'elles surviennent. Protection Contre les Erreurs Mettre en place des moyens pour détecter et prévenir les erreurs. Qualité des Messages d'Erreurs S'assurer que l'information donnée aux utilisateurs sur la nature des erreurs commises et sur les actions à entreprendre pour les corriger, soit pertinente, facile à lire et exacte. Correction des Erreurs Mettre à la disposition des utilisateurs des moyens pour corriger leurs erreurs.
- 27. 10 heuristiques de JakobNielsen http://www.nngroup.com/articles/ten- usability-heuristics/ Visibility of system status Match between system and the real world User control and freedom Consistency and standards Error prevention Recognition rather than recall Flexibility and efficiency of use Aesthetic and minimalist design Help and documentation
- 28.
- 29.
- 30.
- 31. ● Ergonomie Web- Amélie Boucher ● Memento “Sites web - Les bonnes pratiques” - Elie Sloïm ● Mobile First - Luke Wroblewski ● Responsive Web Design - Ethan Marcotte ● Emotional Design - Aarron Walter ● Designing the moment - Robert Hoekman ● Don’t make me think - Steve Krug Livres et sites ● http://opquast.com/fr/ ● http://www.renow.public. lu/fr/index.html ● https://goodui.org/ ● http://www.alsacreations.com/ ● http://uxchecklist.github.io/
- 32.
- 34. Remarques Architecture : 3menus Affordance : Où cliquer ? Contenu caché Colonne “description” Manque d’infos : TBS code? Légendes des icônes Hiérarchie
- 35. Vous êtes aussides UTILISATEURS.
- 36. Vous êtes aussides TESTEURS.
- 37. Comment faire destests ?
- 38. Heuristiques à faire soi-meme Utiliserles ressources précedentes Checklists Vischeck (daltoniens)
- 39.
- 41. Guerilla testing avec desutilisateurs potentiels (collègues, amis, inconnus) 5 à 10 min autour d’un café définir un objectif observer : neutre & bienveillant prendre des notes / enregistrer l’écran améliorer
- 42. Tests AB En production Testezde grands éléments Fiabilité 5000 visiteurs minimum 100 conversions / variation Attention Nécessite jusqu’à 2 fois plus de développement
- 43. « 5 utilisateurssuffisent pour trouver 85 % des problèmes » - Jakob Nielsen Étude récente: 9 utilisateurs est idéal
- 44. Conclusion impliquer l’utilisateur tout aulong du projet ● Taux de conversion ● Actions ● Performance ● Sondage ● Diminution des frustrations ● Travail en amont ● Impliquer l’utilisateur ● Impliquer les services!