background preloader

Bonnes pratiques

Facebook Twitter

Design d’interface et critère ergonomique : Contrôle Utilisateur. Ma liste de critères ergonomiques pour la conception d’interface contient 11 critères. C’est une liste personnelle, établie au départ sur la base des normes & standards existants (ISO 9241, AFNOR Z67 133, Bastien & Scapin, Heuristiques US …), que je m’efforce de partager au quotidien avec les équipes de développement tout en sensibilisant le métier sur la question. Critère n°1 : Incitation Critère n°2 : Lisibilité Critère n°3 :Groupement-Distinction entre items Critère n°4 : Feedback Direct Critère n°5: Contrôle Utilisateur Critère n°6 : ConcisionCritère n°7 : Gestion des erreursCritère n°8: AdaptabilitéCritère n°9: CohérenceCritère n°10: SignifianceCritère n°11: Compatibilité Contrôle Utilisateur : en quoi ça consiste ?

C’est l’art de toujours laisser à l’utilisateur le contrôle sur les actions du système et sur l’interface. Ce critère concerne la capacité du système à laisser l’initiative à l’utilisateur via l’interface . Quelques exemples de recommandations Mauvaise pratique Follow Me: Les 55 questions que devrait se poser tout site internet | Super. Je vous propose aujourd’hui une liste de 55 questions dans laquelle chaque site web pourra se reconnaître. Le but est très simple : obtenir un maximum de « oui ». D’une manière générale, les questions sont assez vastes et j’ai essayé de les séparer par thème. Certaines questions demanderaient des réponses beaucoup plus détaillées mais le but de l’article n’étant pas d’apporter les réponses, cela se fera sûrement dans un futur proche ! Assez de blabla, mettez votre site à l’épreuve et celui qui obtiendra 55 « oui » gagnera la reconnaissance de plus d’un visiteur… et c’est déjà pas mal !

Visibilité / Acquisition de trafic 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. Ergonomie / Accessibilité 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. Contenu 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. Sécurité / Droits 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. Aspect technique / Autres 47. 48. 49. 50. 51. 52. 53. 54. 55. Vous apprécierez peut-être également:

Ergonomie web: 3 principes à garder en tête pour une ergonomie e. Ergonomie web: 3 principes à garder en tête pour une ergonomie efficace de votre site Internet (PARTIE 6) Avant dernier article de la série “Les étapes détaillées pour créer un site capable de persuader et convertir ses visiteurs.” Je considère personnellement l’ergonomie comme: « LE » levier de performance par excellenceet un important levier de différenciation pour votre site web. Le magazine papier « de référence », Ecommerce mag, a relayé une étude réalisée par Benchmark Group: 75 % des internautes rencontrent “souvent” des difficultés pour trouver ce qu’ils cherchent sur les sites66 % trouvent les contenus des sites “souvent mal présentés” 58 % sont “souvent” confrontés à des problèmes de navigation Découvrez 3 grands principes valables pour tout projet web et à garder constamment en tête pour concevoir les fondations d’un site « ergonomiquement » efficace. 1 – L’internaute ne lit pas; il scanne des mots clés Ensuite, balisez vos textes avec.

Une autre étude sur la mise en page des formulaires. Les formulaires ont toujours été au coeur de nombreux débats dans le petit monde de l’ergonomie web. J’ai d’ailleurs déjà eu l’occasion de m’exprimer à ce sujet sur ce blog. L’auteur de référence sur ce thème est pour moi Luke Wroblewski avec son livre Web Form Design: Filling in the Blanks. Malgré quelques différents, les avis convergent tous grosso-modo vers un ensemble de bonnes pratiques bien résumées ici : Web Form Design Patterns: Sign-Up Forms. Une récente étude vient relancer le débat avec des conclusions tout à fait intéressantes et surtout des données statistiques issues d’un test d’oculométrie pour cautionner le tout : Web form design guidelines: an eyetracking study. Les enseignements de cette étude sont les suivants : Des enseignements très instructifs qui pourtant ne vont pas forcément dans mon sens (j’ai toujours été un fervent defenseur des intitulés de champs alignés à droite).

Jusqu’à très récemment mon formulaire favori était celui de Remember The Milk (cf. RIA patterns. Les interfaces utilisateurs évoluent sans cesse, le web prend le look des applications dans le cas des RIA et les applications prennent un orientation web, les deux se retrouvant à mi chemin dans ce phénomène de convergence. Designing web interfaces nous propose un post très intéressant, une synthèse illustrée des typologies de pages, de fonctions : recherche, browse, dashboard, … Le post est illustré d’une 100aine d’exemples d’écrans pour transposer ces templates sur des sites existants.

Les grandes lignes des principes de zoning en synthèse pour se remettre les idées au clair, top. C’est par la. Ils nous proposent également le post dans une version PDF. Via BenjaminF.