Ergonomie web: 3 principes à garder en tête pour une ergonomie e

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:

Editorialisation Caractéristiques Niveau débutant Est un processus d'écriture Utilise un dispositif technologique Organise une sélection de contenus Niveau avancé Utilise le design informationnel Consiste en un processus ouvert et continu Définitions Niveau de formulation débutant L'éditorialisation est un processus qui consiste à utiliser un dispositif technologique pour mettre des ressources à disposition. Niveau de formulation avancé L'éditorialisation est un processus qui consiste à utiliser un dispositif technologique pour mettre des ressources à disposition. Par son activité d'éditorialisation, tout internaute peut : proposer une sélection de contenus qu'il choisit ou non de structurer (structuration thématique ou indexation libre avec des tags) ; définir l'accessibilité de ces contenus, leur structuration et leur partage futurs ; attirer l'attention sur ces contenus (c'est la question du design informationnel : couleurs, photographies, pictogrammes, travail sur la police du texte etc.). Exemples

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. 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. Mais j’ai récemment découvert celui de Ballpark qui est plus sophistiqué :

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. Via BenjaminF 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: