Une petite définition

L’ergonomie web s’entend de l’ensemble des connaissances et règles nécessaires dans le cadre d’un site pour maximaliser confort et efficacité d’utilisation.

Cet objectif de qualité nécessite d’être fixé dès le départ car c’est lui qui guide toute la conception ultérieure. Au même titre que l’aménagement d’une maison, la réflexion ergonomique doit accompagner la conception. Une ergonomie défectueuse ou tardivement prise en considération entraîne le plus souvent une refonte totale du site (coûts et délais exorbitants).

L’ergonomie n’est pas une notion absolue, elle se réfléchit dans un contexte particulier, en fonction d’un public cible et d’objectifs clairs.

Un site pour ados n’affichera pas les mêmes exigences qu’un site pour senior, de même qu’un site business to business par rapport à un site business to consumer, un site de vente par rapport à un portail d’informations … Certaines règles forment certes un tronc commun, nous y reviendrons mais chaque public a aussi des codes propres qu’il convient de connaître pour que celui-ci se sente à l’aise.

Et au bout de chemin, deux objectifs : efficacité et satisfaction.

Les enjeux

Nous reviendrons à plusieurs reprises sur l’ergonomie, mais sachons déjà, qu’une bonne ergonomie signifie :

  1. Des visites qualitativement (temps passé) et quantitativement (nombre de pages vues)
  2. Des clients plus satisfaits et donc plus fidèles
  3. Un meilleur taux de conversion des objectifs (formulaire de contact, appels, ventes …)
  4. Une image plus professionnelle

De nombreuses études font état de gains très significatifs à la suite d’améiorations ergonomiques.

Nous citerons l’exemple vécu d’un formulaire de demande de renseignements dont le taux de transformation a grimpé de près de 500%, simplement en ayant amélioré les deux points suivants :

  • Bouton d’accès visuellement plus attractif et mieux placé (remonté dans la partie visible de l’écran, le « fold », accompagné d’un effet 3D plus attirant, plus « affordant »).
  • Informations collectées moins nombreuses = taux d’abandon plus faible.

Sur quel bouton cliqueriez-vous  ?

ergo_01

NB : ces boutons n’ont aucun lien activé, à ne jamais faire sur un site web ergonomique. Tout ce qui semble cliquable doit l’être … tout ce qui est cliquable doit le paraître … (euh, est-ce clair ?).

Les bases de l’ergonomie

Des centaines de pages ont été écrites sur le sujet, mais l’ergonomie c’est avant tout du bon sens :

  1. Se mettre dans la peau de votre visiteur, connaître ses attentes, son univers et ses références.
  2. Collecter des informations de comportement (mode de navigation, durée, pages vues, taux d’abandon …)
  3. Comprendre les spécificités du web (délai très court pour convaincre, hyperliens, scanning visuel …)
  4. L’ergonomie n’a en soi rien à voir avec la technique, celle-ci doit être au service de l’internaute, pas l’inverse
  5. Fixez-vous des objectifs clairs : informer, fidéliser, acquérir de nouveaux prospects, déclencher des demandes de contact … l’ergonomie doit se charger d’appuyer ces objectifs
  6. Le graphisme a un rôle important à jouer. Il doit faciliter la compréhension du message et rendre la navigation confortable.
  7. La structure de navigation (architecture) doit être mûrement réfléchie et doit permettre au visiteur de trouver l’information qu’il recherche en un minimum de clics.
  8. Tout le monde n’entre pas par la page d’accueil. Pensez à ceux qui arrivent depuis un moteur de recherche … Chaque page doit être claire et s’intégrer dans la structure. Le visiteur qui se pose la question « Où suis-je ? » doit trouver immédiatement la réponse.
  9. Prévoyez plusieurs modes de navigation :
    1. Classique / vertical : menus structurés
    2. Horizontal : mots clés, contenus liés
    3. Moteur de recherche
  10. Mettez votre site à l’épreuve, faites des tests, demandez des avis.
  11. Notez enfin que l’ergonomie (comme tous les autres ingrédients du site web) n’a aucun sens … sans un contenu pertinent et de qualité. On ne le répétera jamais assez.

102 commentaires pour “L’ergonomie, parent pauvre de la stratégie web ?”

  1. L’ergonomie n’est pas du bon sens, l’ergonomie commence là où s’arrête le bon sens. Pour concevoir des interfaces multimodales, les critères et normes ne seront JAMAIS suffisantes, seule une analyse approfondie du comportement des utilisateurs garantit l’ergonomie! Et ça, ça nécessite pour moi de faire appel à des ergonomes ou ingénieurs en facteurs humains qui ont étudié durant 5 à 8 ans le comportement humain!!

  2. Bonjour Delphine. Merci de nous éclairer de cet avis tranché. Mon billet est en effet simplificateur, voire simpliste. Il n’a pour objectif que d’attirer l’attention sur la nécessité d’une réflexion en la matière. Nos clients sont essentiellement des PME et leurs préoccupations (comme leurs budgets) sont très loin de pouvoir intégrer une véritable étude ergonomique. Le bon sens que j’évoque est avant tout celui qui est nécessaire pour admettre qu’il faut réaliser des tests, anticiper les attentes … On en est très loin dans le monde du web.

  3. 1designed

  4. 2aboriginal

  5. writing help https://professionaldissertationwriting.org/

  6. phd without dissertation https://professionaldissertationwriting.com/

  7. dissertation methodology https://helpwithdissertationwritinglondon.com/

  8. citing a dissertation https://dissertationwritingcenter.com/

  9. dissertation acknowledgements https://dissertationhelpexpert.com/

  10. citing a dissertation https://accountingdissertationhelp.com/

  11. uk dissertation writing help quotes https://examplesofdissertation.com/

  12. best dissertation help services https://writing-a-dissertation.net/

  13. dissertation help glasgow https://bestdissertationwritingservice.net/

  14. phd dissertation editing help https://businessdissertationhelp.com/

  15. dissertation proposal sample https://customdissertationwritinghelp.com/

  16. masters dissertation https://dissertationhelpspecialist.com/

  17. buy dissertation https://customthesiswritingservices.com/

  18. online casino black jack https://download-casino-slots.com/

  19. online casino no deposit welcome bonus https://firstonlinecasino.org/

  20. playnet.fun online casino https://newlasvegascasinos.com/

  21. parx online casino nj https://trust-online-casino.com/

  22. casino game online https://onlinecasinosdirectory.org/

  23. online casino usa legal https://9lineslotscasino.com/

  24. 888 casino online support https://free-online-casinos.net/

  25. bovada casino online https://internet-casinos-online.net/

  26. four winds online casino app https://cybertimeonlinecasino.com/

  27. online casino usa legal https://1freeslotscasino.com/

  28. new online casino with free signup bonus real money usa https://casino-online-jackpot.com/

  29. pa online casino real money no deposit bonus https://onlineplayerscasino.com/

  30. hollywood online casino pa https://ownonlinecasino.com/

  31. online casino california https://all-online-casino-games.com/

  32. online casino freispiele https://casino8online.com/

  33. free vpn app https://freevpnconnection.com/

  34. best vpn to change location https://shiva-vpn.com/

  35. tor vpn free https://freehostingvpn.com/

  36. free vpn for laptop https://ippowervpn.net/

  37. buy vpn server https://imfreevpn.net/

  38. best vpn 2022 reddit https://superfreevpn.net/

  39. trust zone vpn https://rsvpnorthvalley.com/

  40. hiv gay black men dating sites https://gay-singles-dating.com/

  41. gay dating websites for teens https://gayedating.com/

  42. senior gay hiv dating sites https://datinggayservices.com/

  43. dating sites for totally free for usa https://onlinedatingbabes.com/

  44. best online dating and chatrooms travel https://adult-singles-online-dating.com/

  45. dating gratis https://adult-classifieds-online-dating.com/

  46. best free dating site https://online-internet-dating.net/

  47. dating https://speedatingwebsites.com/

  48. women dates local no fee https://datingpersonalsonline.com/

  49. best dating website https://wowdatingsites.com/

  50. matchmaking dating https://lavaonlinedating.com/

  51. dating sjtes https://freeadultdatingpasses.com/

  52. new dating https://virtual-online-dating-service.com/

  53. free web girl https://zonlinedating.com/

  54. senior dating sites free https://onlinedatingservicesecrets.com/

  55. four winds online casino https://onlinecasinos4me.com/

  56. foxwoods online casino promo code https://online2casino.com/

  57. how to beat online casino slot machines https://casinosonlinex.com/

  58. wed chat gay free https://newgaychat.com/

  59. free iowa gay chat rooms https://gaychatcams.net/

  60. gay teen cam chat room https://gaychatspots.com/

  61. gay phone chat manhole https://gay-live-chat.net/

  62. xray gay chat https://chatcongays.com/

  63. free gay chat rooms online https://gayphillychat.com/

  64. gay chat apps https://gaychatnorules.com/

  65. free gay chat fcn free chat network https://gaymusclechatrooms.com/

  66. gay incest chat https://free-gay-sex-chat.com/

  67. free bi-gay chat lines https://gayinteracialchat.com/

  68. chat for free gay webcam https://gaymanchatrooms.com/

  69. purchase college papers https://term-paper-help.org/

  70. pay to do my paper https://sociologypapershelp.com/

  71. write my business paper https://uktermpaperwriters.com/

  72. white paper writing services https://paperwritinghq.com/

  73. help with college papers https://writepapersformoney.com/

  74. online paper writer https://write-my-paper-for-me.org/

  75. pay to write papers https://doyourpapersonline.com/

  76. college paper writing services https://top100custompapernapkins.com/

  77. college papers writing service https://researchpaperswriting.org/

  78. college paper writing help https://cheapcustompaper.org/

  79. pay people to write papers https://writingpaperservice.net/

  80. ghost writer college papers https://buyessaypaperz.com/

  81. buying papers for college https://writemypaperquick.com/

  82. finished custom writing paper https://essaybuypaper.com/

  83. can someone write my paper for me https://papercranewritingservices.com/

  84. buying papers for college https://premiumpapershelp.com/

  85. help in writing paper https://ypaywallpapers.com/

  86. college paper writers https://studentpaperhelp.com/

  87. 2drought

  88. design technology coursework https://brainycoursework.com/

  89. coursework online https://courseworkninja.com/

  90. do my coursework for me https://writingacoursework.com/

  91. coursework uk https://mycourseworkhelp.net/

  92. coursework help uk https://courseworkdownloads.com/

  93. custom coursework writing service https://coursework-expert.com/

  94. coursework moderation https://teachingcoursework.com/

  95. coursework help https://buycoursework.org/

  96. europe online dating https://freewebdating.net/

  97. dating service https://jewish-dating-online.net/

  98. f dating site https://free-dating-sites-free-personals.com/

  99. best dating site https://sexanddatingonline.com/

  100. free chat online singles https://onlinedatingsurvey.com/

  101. datijg websites https://datingwebsiteshopper.com/

  102. meet people online https://freedatinglive.com/

Laissez un commentaire

You must be connecté pour laisser un commentaire.