Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 29KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Critique du livre Ergonomie Web — Biologeek — David Larlet</title>
  7. <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  9. <!-- Fake favicon, to avoid extra request to the server -->
  10. <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  11. <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  12. <link rel="manifest" href="/manifest.json">
  13. <link rel="stylesheet" href="/static/david/css/larlet-david-_J6Rv.css" data-instant-track />
  14. <noscript>
  15. <style type="text/css">
  16. /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
  17. body {
  18. font-family: 'EquityTextB', serif;
  19. }
  20. h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
  21. font-family: 'EquityCapsB', sans-serif;
  22. font-variant: normal;
  23. }
  24. </style>
  25. </noscript>
  26. <!-- Canonical URL for SEO purposes -->
  27. <link rel="canonical" href="https://larlet.fr/david/biologeek/archives/20080528-critique-du-livre-ergonomie-web">
  28. </head>
  29. <body>
  30. <div>
  31. <header>
  32. <nav>
  33. <p>
  34. <small>
  35. Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.
  36. </small>
  37. </p>
  38. </nav>
  39. </header>
  40. <section>
  41. <h1 property="schema:name">Critique du livre Ergonomie Web</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <img src="/static/david/biologeek/images/logos/livre_ergonomie_web.png" alt="vignette" style="float:left; margin: 0.5em 1em;" property="schema:thumbnailUrl" />
  45. <p>Après avoir assisté à l'atelier consacré à l'<a href="https://larlet.fr/david/biologeek/archives/20071117-12-regles-d-ergonomie-web-par-amelie-boucher/">ergonomie web</a> lors de <a href="https://larlet.fr/david/biologeek/archives/20071122-bilan-sur-paris-web-2007/">Paris Web</a>, j'étais vraiment motivé pour lire <a href="http://www.ergonomie-sites-web.com/">ce livre d'Amélie Boucher</a>.</p>
  46. <p><strong>[edit du 3 juin]</strong> : Yahoo! vient de sortir <a href="http://developer.yahoo.com/ypatterns/wireframes/">une bibliothèque de stencils</a> tout simplement hallucinante ! Format svg disponible (entre autres), tout simplement génial.</p>
  47. <h3>Préambule</h3>
  48. <p>S'il y a une chose qui me manque depuis mon <a href="https://larlet.fr/david/biologeek/archives/20080202-retour-en-provence/">déménagement</a> et mon <a href="https://larlet.fr/david/biologeek/archives/20071105-freelance-django-enfin-independant/">changement d'activité</a>, c'est de trouver le temps de lire. Les heures de métro avaient quand même du bon car elles me permettaient à la fois de me couper du travail et de lire. J'ai trouvé la solution pour la coupure (à venir) mais il faut absolument que je retrouve ces moments de lecture. Bon du coup la régularité de mes critiques de livres en pâtit.</p>
  49. <h2>Le livre Ergonomie web</h2>
  50. <p>Je ne vais pas tourner autour du pot, c'est vraiment un bon livre et je n'ai pas été déçu. <strong>C'est un concentré de conseils, de méthodologie, de bonnes pratiques qui devrait être lu par toutes les personnes impliquées dans un projet web</strong>. Il m'a aidé à évoluer à titre aussi bien personnel que professionnel dans un domaine qui m'intéresse de plus en plus. Je pourrais en ajouter des tartines mais je pense que vous avez saisi le concept !</p>
  51. <p>Le seul défaut que j'ai trouvé, c'est d'avoir déjà entendu parlé des <a href="https://larlet.fr/david/biologeek/archives/20071117-12-regles-d-ergonomie-web-par-amelie-boucher/">règles d'ergonomie web</a> mais l'apprentissage par la répétition est intéressant et il y a d'autres exemples pertinents donc je ne me suis jamais ennuyé.</p>
  52. <p>Ce que j'apprécie particulièrement dans cet ouvrage, c'est l'humilité de l'auteur. Elle n'hésite pas à écrire que <strong>tout le monde peut faire de l'ergonomie</strong> et ça me plaît car j'en suis convaincu aussi, bien sûr l'expérience fait la différence mais chaque regard critique sur un site est intéressant. <strong>L'ergonomie repose avant tout sur le bon sens et l'usage</strong>.</p>
  53. <p>Concernant l'usage, les versions bêta des applications web estampillées 2.0 sont assez révélatrice du phénomène de maturation d'un site. <strong>Le concepteur peut très difficilement anticiper quel sera l'utilisation du service et quels vont être les points sur lesquels se concentrer pour le rendre meilleur</strong>. Après plusieurs mois/années de développement, son avis est faussé et il est très difficile d'avoir suffisamment de recul à ce moment là.</p>
  54. <p>Pour finir, c'est également truffé de petits exemples qui font la différence, infime mais tellement importante, entre une bonne application et une application que l'on utilise. Ai-je besoin de préciser que je suis fan ? :-)</p>
  55. <p><em>En bonus, j'ai longtemps cherché un outil me permettant de réaliser des interfaces facilement pour faire des maquettes basiques afin de présenter l'ergonomie d'un site. Je teste <a href="http://www.omnigroup.com/applications/omnigraffle/">OmniGraffle</a> depuis quelques temps et c'est vraiment ce que je cherchais, surtout associé au <a href="http://graffletopia.com/stencils/362">stencil Django</a> !</em></p>
  56. <p>
  57. <img
  58. src="/static/david/biologeek/images/stencil_omnigraffle_admin_django.jpg"
  59. alt="Exemple d'interface d'administration Django avec OmniGraffle"
  60. style="margin: 0pt auto; display: block;"/>
  61. </p>
  62. <h2>Mauvaises pratiques web</h2>
  63. <p>Ça fait un moment que je voulais parler de certaines mauvaises pratiques et la récente recherche d'une télévision sur des sites de comparatifs et de vente en ligne m'a permis d'établir une liste en moins de 10 minutes !</p>
  64. <h3>Laissez faire le navigateur</h3>
  65. <p>L'avantage d'un navigateur, au même titre qu'un agrégateur de flux d'ailleurs, est d'uniformiser certaines interfaces afin que le visiteur ne soit pas désorienté et se base sur l'acquis. Je recommande donc de :</p>
  66. <ul>
  67. <li><strong>ne pas modifier à outrance les formulaires</strong>, si les boutons ne ressemblent plus à des boutons l'utilisateur est perdu, plus rapidement que vous ne le croyez. Théoriquement le navigateur s'adapte à la plateforme afin d'afficher des boutons cohérents avec le système d'exploitation du visiteur (merci firefox 3), vous arriverez difficilement à faire mieux. De même les scripts pour redimensionner des textarea devraient être laissés au navigateur, Safari le fait très bien.</li>
  68. <li><strong>ne pas utiliser des boutons pour modifier la taille du texte ou imprimer</strong>, les navigateurs intègrent ces fonctionnalités et vous êtes en train d'apprendre de mauvaises habitudes à votre utilisateur, et ça c'est mal©.</li>
  69. <li><strong>ne pas placer des boutons « Fermer cette fenêtre » sur les popups</strong> (à bannir si possible), avec l'arrivée des onglets ça ne veut plus rien dire et ça peut faire peur à l'utilisateur qui a décidé d'ouvrir les popups comme de nouveaux onglets (ça va vraiment fermer la fenêtre avec tous mes onglets ouverts ?).</li>
  70. </ul>
  71. <h3>Ne faites pas fuir le visiteur</h3>
  72. <p>La proportion d'internautes qui arrivent jusqu'à votre site est déjà faible, si vous déployez en plus des trésors d'ingéniosité pour le faire partir, votre taux de conversion va dangereusement tendre vers zéro et vous en serez le seul responsable ! Vous allez donc :</p>
  73. <ul>
  74. <li><strong>éviter les sons à l'ouverture d'une page</strong>, surtout si vous vous adressez à un public pouvant potentiellement être intéressé par votre site durant les heures de travail (difficile de justifier certains sons dans un openspace...). D'une manière générale, je ne connais personne qui est agréablement surpris par un son dont il ne connaît pas l'origine et qui est généralement désagréable.</li>
  75. <li><strong>proscrire les animations ou publicités trop coûteuses</strong>, les pages qui me rappellent gentiment que je suis doté d'un dual core sont rapidement fermées et je ne risque pas de remettre les pieds sur ce site de si tôt ! Et je ne parle même pas du code js qui leak à n'en plus finir (un bon exemple : l'aide de voyages-sncf a fait ramer le site pendant au moins 6 mois mais bon ce site mériterait un billet à lui tout seul... 19 version pour en arriver là !)</li>
  76. <li><strong>supprimer la page d'introduction</strong>, que ce soit une animation flash ou un publicité, ça n'a aucune utilité si ce n'est distraire le visiteur. Et en plus c'est ringard. Vraiment.</li>
  77. </ul>
  78. <h3>Gagnez ma confiance</h3>
  79. <p>Que ce soit pour concrétiser un achat ou pour fidéliser un lecteur, le contrat ne pourra s'établir que si les deux parties y croient. Voici quelques écueils qui vont immanquablement me faire douter :</p>
  80. <ul>
  81. <li><strong>un manque de cohérence</strong>, je veux bien qu'il faille faire discount mais quand même, avoir ne serait-ce qu'une charte graphique un peu soignée et cohérente sur le site ça ne devrait pas avoir un impact négatif, si ?</li>
  82. <li><strong>des informations négligées</strong>, la différence (outre le prix) peut vraiment se faire à ce niveau, c'est ce qui va rendre le site plus attractif grâce à la pertinence de ses conseils/expériences/commentaires/etc.</li>
  83. <li><strong>des images de piètre qualité</strong>, c'est un point qui a une importance énorme pour un magasin en ligne, on ne peut pas toucher, sentir, examiner, il va falloir uniquement se baser sur des spécifications assez incompréhensibles. Le seul lien qu'il reste avec l'objet c'est une simple photo de 300*200 pixelisée (à laquelle on accède via une lightbox en carrousel alors qu'il n'y a bien souvent qu'une seule image...), difficile de se décider dans ces conditions.</li>
  84. </ul>
  85. <p>Ces quelques conseils sont assez subjectifs et je peux me tromper (j'ai jamais fait de tests utilisateur sur des sites de commerce en ligne) mais qu'est-ce que j'aimerais qu'ils soient respectés ! <strong>Des fois j'ai l'impression que le web n'est encore qu'un vaste brouillon</strong>. C'est ce qui le rend si passionnant, soit, mais qu'est-ce que c'est <a href="http://xkcd.com/386/">fatigant</a>.</p>
  86. </div>
  87. </article>
  88. <footer>
  89. <h6 property="schema:datePublished">— 28/05/2008</h6>
  90. </footer>
  91. </section>
  92. <section>
  93. <div>
  94. <h3>Articles peut-être en rapport</h3>
  95. <ul>
  96. <li><a href="/david/biologeek/archives/20081015-design-centre-sur-activite-et-sur-attention/" title="Accès à Design centré sur l&#39;activité ET sur l&#39;attention">Design centré sur l&#39;activité ET sur l&#39;attention</a></li>
  97. <li><a href="/david/biologeek/archives/20081008-critique-du-livre-designing-obvious/" title="Accès à Critique du livre Designing the obvious">Critique du livre Designing the obvious</a></li>
  98. <li><a href="/david/biologeek/archives/20071117-12-regles-d-ergonomie-web-par-amelie-boucher/" title="Accès à 12 règles d&#39;ergonomie web par Amélie Boucher">12 règles d&#39;ergonomie web par Amélie Boucher</a></li>
  99. </ul>
  100. </div>
  101. </section>
  102. <section>
  103. <div id="comments">
  104. <h3>Commentaires</h3>
  105. <div class="comment" typeof="schema:UserComments">
  106. <p class="comment-meta">
  107. <span class="comment-author" property="schema:creator">Pouet</span> le <span class="comment-date" property="schema:commentTime">28/05/2008</span> :
  108. </p>
  109. <div class="comment-content" property="schema:commentText">
  110. <p>J&#39;espère que ça te fera changer d&#39;avis sur ton site et que tu vas vite faire quelque chose d&#39;agréable à la vue en plus d&#39;être ergonomique :)</p>
  111. </div>
  112. </div>
  113. <div class="comment" typeof="schema:UserComments">
  114. <p class="comment-meta">
  115. <span class="comment-author" property="schema:creator">giz404</span> le <span class="comment-date" property="schema:commentTime">28/05/2008</span> :
  116. </p>
  117. <div class="comment-content" property="schema:commentText">
  118. <p>Tout à fait d&#39;accord avec ta liste des badpractices. C&#39;est des choses souvent simples à éviter, mais tellement de sites se plantent... C&#39;est malheureux.</p>
  119. </div>
  120. </div>
  121. <div class="comment" typeof="schema:UserComments">
  122. <p class="comment-meta">
  123. <span class="comment-author" property="schema:creator">Brutasse</span> le <span class="comment-date" property="schema:commentTime">28/05/2008</span> :
  124. </p>
  125. <div class="comment-content" property="schema:commentText">
  126. <p>Les bonnes pratiques, finalement, ce sont des choses qui relèvent du bon sens... Il faut croire que le bon sens n&#39;est pas inné !</p>
  127. <p>@Pouet: je trouve que le design épuré et minimaliste, ça a du bon parfois. On ne se perd pas ;-)</p>
  128. </div>
  129. </div>
  130. <div class="comment" typeof="schema:UserComments">
  131. <p class="comment-meta">
  132. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">28/05/2008</span> :
  133. </p>
  134. <div class="comment-content" property="schema:commentText">
  135. <p>@Pouet : pas besoin de me faire changer d&#39;avis, j&#39;en suis déjà convaincu. J&#39;y travaille, j&#39;y travaille.</p>
  136. <p>@giz404 : oui, tiens j&#39;ai oublié de parler aussi du petit bout de js qui met le focus dans le champ de recherche et qui ne permet plus d&#39;utiliser les raccourcis clavier. Pour un moteur de recherche ça se comprend, pour un autre site non.</p>
  137. <p>@Brutasse : le bon sens est inné, le problème c&#39;est qu&#39;on perd rapidement l&#39;inné au profit du jetenmetpleinlavueinutilement pour débloquer les budgets...</p>
  138. <p>Et sinon concernant le design, ça restera très épuré.</p>
  139. </div>
  140. </div>
  141. <div class="comment" typeof="schema:UserComments">
  142. <p class="comment-meta">
  143. <span class="comment-author" property="schema:creator">Massive</span> le <span class="comment-date" property="schema:commentTime">31/05/2008</span> :
  144. </p>
  145. <div class="comment-content" property="schema:commentText">
  146. <p>Je l&#39;ai lu aussi ce livre, vraiment très bien fait et très interessant. Très souvent tout les trucs et les ptites astuces coulent de source (d&#39;ailleurs l&#39;auteur le précise au début du livre) mais une piqure de rappel ne fait pas de mal et le livre est bien organisé pour que l&#39;on puisse structuré et expliqué simplement ce qui nous semblait une évidence. Bref, je le recommande vivement à tous les acteurs qui participe à la création d&#39;un site web !</p>
  147. </div>
  148. </div>
  149. <div class="comment" typeof="schema:UserComments">
  150. <p class="comment-meta">
  151. <span class="comment-author" property="schema:creator">Mat</span> le <span class="comment-date" property="schema:commentTime">28/06/2008</span> :
  152. </p>
  153. <div class="comment-content" property="schema:commentText">
  154. <p>Un petit mot pour dire un GRAND merci !<br />J&#39;ai acheté le bouquin d&#39;Amelie Boucher grâce à cet article et je le trouve vraiment bien fait. Merci pour le conseil, n&#39;hesite pas a nous faire partager tes autres lectures :)</p>
  155. </div>
  156. </div>
  157. <div class="comment" typeof="schema:UserComments">
  158. <p class="comment-meta">
  159. <span class="comment-author" property="schema:creator">Arnaud Jibaut</span> le <span class="comment-date" property="schema:commentTime">25/07/2008</span> :
  160. </p>
  161. <div class="comment-content" property="schema:commentText">
  162. <p>Le livre apporte effectivement beaucoup d&#39;informations intéressantes. Cela dit, je le trouve plutôt mal écrit et donc pas très agréable à lire. J&#39;ai d&#39;autres livres sur le référencement très très agréable à lire.</p>
  163. </div>
  164. </div>
  165. <div class="comment" typeof="schema:UserComments">
  166. <p class="comment-meta">
  167. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">25/07/2008</span> :
  168. </p>
  169. <div class="comment-content" property="schema:commentText">
  170. <p>Je ne suis pas de cet avis mais si tu as des noms d&#39;ouvrages sous la main je suis preneur.</p>
  171. </div>
  172. </div>
  173. <div class="comment" typeof="schema:UserComments">
  174. <p class="comment-meta">
  175. <span class="comment-author" property="schema:creator">Nickko</span> le <span class="comment-date" property="schema:commentTime">22/10/2008</span> :
  176. </p>
  177. <div class="comment-content" property="schema:commentText">
  178. <p>Le bon sens et l&#39;usage...</p>
  179. <p>Je ne suis pas d&#39;accord et c&#39;est la première chose que l&#39;on apprend lorsque l&#39;on étudie l&#39;ergonomie.</p>
  180. <p>Le bon sens est l&#39;usage produise surtout des abominations.</p>
  181. <p>Si le bon sens et l&#39;usage, l&#39;ergonomie ne serait pas une spécialité sanctionner par un master, on n&#39;aurait pas non plus été obligé d&#39;en normaliser les différentes composantes.</p>
  182. <p>Par exemple, pourquoi limiter un menu à 7 éléments ?<br />Le bon sens et l&#39;usage n&#39;y sont pour rien. L&#39;étude des sciences cognitives y est pour beaucoup.</p>
  183. <p>Quelle couleur de fond est préférable ? Hors de toutes considération esthétique (chacun son domaine, l&#39;esthétisme est celui de infographistes et des DA).<br />Là aussi, l&#39;étude du fonctionnement de l&#39;oeil et des processus inconscients qui se cachent derrières sont indispensables.</p>
  184. </div>
  185. </div>
  186. <div class="comment" typeof="schema:UserComments">
  187. <p class="comment-meta">
  188. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">22/10/2008</span> :
  189. </p>
  190. <div class="comment-content" property="schema:commentText">
  191. <p>@Nickko :</p>
  192. <p>&gt; Par exemple, pourquoi limiter un menu à 7 éléments ?<br />&gt; Le bon sens et l&#39;usage n&#39;y sont pour rien. L&#39;étude des sciences cognitives y est pour beaucoup.</p>
  193. <p>Tout dépend du bon sens de chacun, il n&#39;y a pas forcément besoin d&#39;un master en sciences cognitives pour déduire de telles conclusions de sa propre expérience. Je pense qu&#39;il est plus absurde de s&#39;en tenir à des règles strictes comme ça, chaque situation/projet est une occasion de redécouvrir l&#39;ergonomie.</p>
  194. <p>Les études devraient ouvrir des portes et non mettre des œillères...</p>
  195. </div>
  196. </div>
  197. <div class="comment" typeof="schema:UserComments">
  198. <p class="comment-meta">
  199. <span class="comment-author" property="schema:creator">Duael</span> le <span class="comment-date" property="schema:commentTime">06/02/2009</span> :
  200. </p>
  201. <div class="comment-content" property="schema:commentText">
  202. <p>J&#39;ai acheté ce livre il y a déjà quelques temps mais je n&#39;ai eu le temps d&#39;en lire que le premier tiers.</p>
  203. <p>Je suis aussi d&#39;accord sur le fait qu&#39;il n&#39;est pas mal écrit et que le style permet une lecture fluide.</p>
  204. <p>Il est aéré par de nombreux exemples visuels et les marges regorgent de précisions, de détails et de pistes pour aller plus loin.</p>
  205. <p>Du coup, ton article m&#39;a donné envie de le finir. Cependant, je me pose une question existentielle : où trouves-tu le temps de lire ?</p>
  206. </div>
  207. </div>
  208. <div class="comment" typeof="schema:UserComments">
  209. <p class="comment-meta">
  210. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">06/02/2009</span> :
  211. </p>
  212. <div class="comment-content" property="schema:commentText">
  213. <p>&gt; où trouves-tu le temps de lire ?</p>
  214. <p>Mmmh si la question porte vraiment sur le « où » au sens propre je dirais dans mon lit et plus souvent... aux toilettes :D</p>
  215. <p>Maintenant des fois je prends le temps aussi dans l&#39;après-midi ou après manger car je considère que c&#39;est important d&#39;accorder une partie de mon temps à la veille.</p>
  216. </div>
  217. </div>
  218. <div class="comment" typeof="schema:UserComments">
  219. <p class="comment-meta">
  220. <span class="comment-author" property="schema:creator">paolo</span> le <span class="comment-date" property="schema:commentTime">06/02/2009</span> :
  221. </p>
  222. <div class="comment-content" property="schema:commentText">
  223. <p>Je viens de finir cet ouvrage.<br />Il apporte non seulement plein d&#39;informations pertinentes mais ouvre également d&#39;autres horizons: IA, paper prototyping, personnas...<br />Une mine d&#39;or !</p>
  224. </div>
  225. </div>
  226. <div class="comment" typeof="schema:UserComments">
  227. <p class="comment-meta">
  228. <span class="comment-author" property="schema:creator">Nickko</span> le <span class="comment-date" property="schema:commentTime">10/02/2009</span> :
  229. </p>
  230. <div class="comment-content" property="schema:commentText">
  231. <p>@ David<br />&quot;Je pense qu&#39;il est plus absurde de s&#39;en tenir à des règles strictes comme ça, chaque situation/projet est une occasion de redécouvrir l&#39;ergonomie.&quot;</p>
  232. <p>Évidement, il est parfois nécessaire de transiger cependant ergonomie signifie &quot;adapter l&#39;outil, l&#39;objet à son utilisateur&quot; les êtres humains sont fait de telle manière que certaines choses leurs sont adaptées et d&#39;autres le sont moins, pour ne pas dire ne le sont pas.</p>
  233. <p>&quot;Les études devraient ouvrir des portes et non mettre des œillères...&quot;</p>
  234. <p>Mais c&#39;est ce qu&#39;elle font, elles nous ouvrent les yeux à tout un tas de limitation induite pas notre nature même, par le fonctionnement du cerveau, de l&#39;œil et de tous nos sens.</p>
  235. <p>&quot;Tout dépend du bon sens de chacun, il n&#39;y a pas forcément besoin d&#39;un master en sciences cognitives pour déduire de telles conclusions de sa propre expérience. &quot;<br />Et comment tu fais cela, nous sommes tous différents et pour continuer sur le même exemple, 7 est un chiffres statistiques, selon les individus on se situe à 7 + ou - 2.</p>
  236. <p>Si ça se trouve, une personne avec des facultés un peu au dessus de la moyenne déduira que 9 à 12 éléments sont un bon chiffre ce qui sera peut-être tout à fait faux car les utilisateurs de sont produit, sans doute des gens normaux, moyens auront déjà une charge cognitive élevée parce qu&#39;ils n&#39;utilisent qu&#39;occasionnellement le produit.</p>
  237. <p>Penses-tu que le bon sens ou que l&#39;expérience personnelle puisse permettre d&#39;évaluer la charge cognitive d&#39;un sujet ?<br />Ou même de mesurer la désorientation sur un site web ?</p>
  238. <p>L&#39;ergonomie commence là ou s&#39;arrête le bon sens.</p>
  239. </div>
  240. </div>
  241. <div class="comment" typeof="schema:UserComments">
  242. <p class="comment-meta">
  243. <span class="comment-author" property="schema:creator">Delphine</span> le <span class="comment-date" property="schema:commentTime">01/12/2009</span> :
  244. </p>
  245. <div class="comment-content" property="schema:commentText">
  246. <p>L&#39;ergonomie ne s&#39;occupe pas que de la forme mais également du contenu!! Par exemple, quelles infos pertinentes fournir à des utilisateurs novices versus experts ou bien à des personnes malvoyantes (sans vocaliser bêtement des infos écrites) ou encore comment favoriser l&#39;émergence de processus cognitifs non automatiques etc etc.<br />Le bon sens ne permet pas d&#39;aller bien loin, à moins que zut pendant 5 ans d&#39;études je n&#39;ai fait que développer mon bon sens, on m&#39;aurait trahi?!! Pfff enfin bon je suis sur un site de développeur. Allez, continuez à dire que l&#39;ergonomie n&#39;est que du bon sens et que vous aussi êtes un peu ergonomes finalement, ça boostera votre CV et la France continuera à prendre du retard dans le domaine de l&#39;utilisabilité... A bon entendeur</p>
  247. </div>
  248. </div>
  249. <div class="comment" typeof="schema:UserComments">
  250. <p class="comment-meta">
  251. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">02/12/2009</span> :
  252. </p>
  253. <div class="comment-content" property="schema:commentText">
  254. <p>C&#39;est marrant de lire ce style de réaction, puéril mais marrant. Heureusement que les ergonomes que j&#39;ai rencontré avaient un discours plus humble, la lucidité de l&#39;expérience ? :-)</p>
  255. <p>Le pire c&#39;est que je suis convaincu que l&#39;ergonomie tient une place centrale dans un projet web et que la place de l&#39;ergonome n&#39;est pas assez (re)connue. J&#39;espère juste que vous ne justifiez pas vos choix devant le client avec vos années d&#39;étude...</p>
  256. </div>
  257. </div>
  258. <div class="comment" typeof="schema:UserComments">
  259. <p class="comment-meta">
  260. <span class="comment-author" property="schema:creator">Delphine</span> le <span class="comment-date" property="schema:commentTime">18/12/2009</span> :
  261. </p>
  262. <div class="comment-content" property="schema:commentText">
  263. <p>Je ne vois pas en quoi mon discours manque d&#39;humilité. Quand je parle des études, je voulais simplement répondre à cette phrase: <br />&quot;Tout dépend du bon sens de chacun, il n&#39;y a pas forcément besoin d&#39;un master en sciences cognitives pour déduire de telles conclusions de sa propre expérience.&quot;</p>
  264. <p>Non justement, on ne se dit jamais: &quot;l&#39;utilisateur pense et agit sûrement comme moi&quot;. Notre formation (et la pratique qui en suit bien sur) nous pousse à nous questionner sans cesse sur les processus cognitifs impliqués dans les IHM, et notamment leur variabilité en fonction des individus, du contexte d&#39;utilisation etc.</p>
  265. <p>Ce qui m&#39;énerve c&#39;est que des développeurs, non ergonomes, continuent à véhiculer des idées fausses (souvent simplistes) sur notre métier! Je respecte votre métier mais je ne le connais pas assez pour le définir, je l&#39;observe sous un angle d&#39;ergonome mais je ne me permettrai jamais de dire: &quot;développer c&#39;est comme ci, comme ça&quot;.</p>
  266. <p>Vous dîtes que la place de l&#39;ergonome n&#39;est pas assez (re)connue&quot;. Alors, je vous renvoie à la lecture de Falzon et Mas: &quot;les objectifs de l&#39;ergonomie&quot; et notamment à ce passage:<br />&quot;Hendrick avançait plusieurs explications : trop de charlatans et de contre-exemples pseudo-ergonomiques, la perception de l’ergonomie comme relevant du bon sens,&quot;</p>
  267. <p>En espérant que cette fois vous comprendrez ma position.</p>
  268. </div>
  269. </div>
  270. <div class="comment" typeof="schema:UserComments">
  271. <p class="comment-meta">
  272. <span class="comment-author" property="schema:creator">Robin</span> le <span class="comment-date" property="schema:commentTime">28/02/2011</span> :
  273. </p>
  274. <div class="comment-content" property="schema:commentText">
  275. <p>Éviter les sons sur la première page :D ! Probablement l&#39;erreur la plus grossière qui existe. Quand je tombe sur un tel site et que j&#39;écoute de la musique et que le son vient par dessus je quitte immédiatement. De manière général c&#39;est une question de bon sens, il faut réussir à &quot; penser visiteur&quot;. Certains Webmaster on ce sens, d&#39;autre non. </p>
  276. </div>
  277. </div>
  278. </div>
  279. </section>
  280. <footer>
  281. <nav>
  282. <p>
  283. <small>
  284. Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>
  285. </small>
  286. </p>
  287. </nav>
  288. </footer>
  289. </div>
  290. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  291. <script data-no-instant>InstantClick.init()</script>
  292. </body>
  293. </html>