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.

comments.html 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  1. <div class="comment" typeof="schema:UserComments">
  2. <p class="comment-meta">
  3. <span class="comment-author" property="schema:creator">Oncle Tom</span> le <span class="comment-date" property="schema:commentTime">18/11/2007</span> :
  4. </p>
  5. <div class="comment-content" property="schema:commentText">
  6. <p>Effectivement ce livre a l'air d'être une vraie mine d'or. J'espère que le Père Noël l'apportera dans sa hotte.<br />
  7. <br />
  8. Merci pour ce rapide retour sur lecture ;-)</p>
  9. </div>
  10. </div>
  11. <div class="comment" typeof="schema:UserComments">
  12. <p class="comment-meta">
  13. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">18/11/2007</span> :
  14. </p>
  15. <div class="comment-content" property="schema:commentText">
  16. <p>@Oncle Tom : il ne s'agit pas (encore) de la critique mais des notes prises pendant l'atelier consacré à l'ergonomie et animé par l'auteur du livre.</p>
  17. </div>
  18. </div>
  19. <div class="comment" typeof="schema:UserComments">
  20. <p class="comment-meta">
  21. <span class="comment-author" property="schema:creator">giz404</span> le <span class="comment-date" property="schema:commentTime">19/11/2007</span> :
  22. </p>
  23. <div class="comment-content" property="schema:commentText">
  24. <p>Une fois de plus, la majorité des points relève du bon sens, mais c'est toujours bien d'avoir un reminder sous la main.</p>
  25. </div>
  26. </div>
  27. <div class="comment" typeof="schema:UserComments">
  28. <p class="comment-meta">
  29. <span class="comment-author" property="schema:creator">Sunny</span> le <span class="comment-date" property="schema:commentTime">19/11/2007</span> :
  30. </p>
  31. <div class="comment-content" property="schema:commentText">
  32. <p>Pour moi la conférence d'Amélie était la meilleure de la journée. Pour avoir feuilleté le livre, ces règles s'y trouvent aux côtés de moultes autres perles. J'ai hâte qu'Audrey le finisse pour que je m'y plonge également.</p>
  33. </div>
  34. </div>
  35. <div class="comment" typeof="schema:UserComments">
  36. <p class="comment-meta">
  37. <span class="comment-author" property="schema:creator">Oncle Tom</span> le <span class="comment-date" property="schema:commentTime">19/11/2007</span> :
  38. </p>
  39. <div class="comment-content" property="schema:commentText">
  40. <p>Il se trouve que j'avais déjà lu une critique positive sur son livre et à la vue de ton appréciation, il n'y a pas de raison que son livre soit inintéressant ;-)<br />
  41. <br />
  42. Je te conseille aussi fortement la lecture de &quot;L'écrit Web&quot;, un concentré de bonnes pratiques digeste et qui devrait t'intéresser. Je suis prêt à te rembourser le bouquin s'il ne te plait pas ;-)</p>
  43. </div>
  44. </div>
  45. <div class="comment" typeof="schema:UserComments">
  46. <p class="comment-meta">
  47. <span class="comment-author" property="schema:creator">Samuel Martin</span> le <span class="comment-date" property="schema:commentTime">25/11/2007</span> :
  48. </p>
  49. <div class="comment-content" property="schema:commentText">
  50. <p><a href="http://www.rememberthemilk.com/signup/" title="http://www.rememberthemilk.com/signup/" rel="nofollow">www.rememberthemilk.com/s...</a> est t'il un exemple ou un contre exemple pour la gestion des erreurs, personnellement je le trouve très correct, je ne perçois pas la validation à droite des champs comme une distraction, au contraire, avant validation on est quasi certain que la soumission passera.<br />
  51. <br />
  52. Note : Je me rappelle avoir jeté un coup d'œil sur le code source d'ergolab.net il y a 2 ans, aujourd'hui encore, je friçonne (&lt;tr&gt;&lt;td&gt;...) </p>
  53. </div>
  54. </div>
  55. <div class="comment" typeof="schema:UserComments">
  56. <p class="comment-meta">
  57. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">26/11/2007</span> :
  58. </p>
  59. <div class="comment-content" property="schema:commentText">
  60. <p>Quitte à utiliser JavaScript pour vérifier un formulaire, je préfère un bouton de check avant d'avoir à valider qui m'assure que tout va bien se passer ensuite. Après il ne faut pas oublier l'effet &quot;Wow!&quot; qui peut être important d'un point de vue marketing (ou référencement, il n'y a qu'à voir le nombre de fois qu'il a été lié !).<br />
  61. <br />
  62. L'ergonomie doit aussi prendre en compte le niveau des utilisateurs, l'utilisateur 2.0 étant assez avancé on néglige bien souvent certaines règles de base car on sait qu'il va s'en sortir... au détriment de l'adoption par des personnes moins habituées à ce genre d'interactions. Du coup la courbe d'adoption des services est plus plate que ce qu'elle pourrait être, le département marketing s'est tiré une balle dans le pied sans même le savoir :-).</p>
  63. </div>
  64. </div>
  65. <div class="comment" typeof="schema:UserComments">
  66. <p class="comment-meta">
  67. <span class="comment-author" property="schema:creator">Mindfulness</span> le <span class="comment-date" property="schema:commentTime">28/11/2007</span> :
  68. </p>
  69. <div class="comment-content" property="schema:commentText">
  70. <p>En ce qui me concerne, j'ai lu avec intérêt l'articlee du même auteur &quot;ergonomie et flash&quot;, et je m'en suis inspiré pour créer à la demande d'un client un site 100% flash (www.pleineconscience.fr) dans lequel par exemple :<br />
  71. <br />
  72. la navigation précédent / suivant à l'aide des flèches du navigateur est possible, alors que c'est souvent un gros problème sur des sites flash (essayez vous verrez)<br />
  73. <br />
  74. L'actualisation d'une rubrique ne relance pas la totalité du site (et c'est agaçant) , mais la rubrique elle même.<br />
  75. <br />
  76. Les clics droits peuvent aider à la navigation et (cerise sur le gateau) le référencement du site est identique à celui d'une version HTML.<br />
  77. <br />
  78. Les solutions existent, mais bien souvent, on ne pense pas à explorer de nouvelles voies pour le bien du client et des utilisateurs finaux.<br />
  79. <br />
  80. L'intérêt du travail d'amélie est de nous éclairer dans cette voie.<br />
  81. <br />
  82. Manuel PETITJEAN</p>
  83. </div>
  84. </div>
  85. <div class="comment" typeof="schema:UserComments">
  86. <p class="comment-meta">
  87. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">04/12/2007</span> :
  88. </p>
  89. <div class="comment-content" property="schema:commentText">
  90. <p>@Oncle Tom :<br />
  91. <br />
  92. &gt; Je te conseille aussi fortement la lecture de &quot;L'écrit Web&quot;, un concentré de bonnes pratiques digeste et qui devrait t'intéresser. Je suis prêt à te rembourser le bouquin s'il ne te plait pas ;-)<br />
  93. <br />
  94. Je l'ai acheté et lu sur tes conseils et j'ai trouvé ça assez léger. Enfin les conseils sont pleins de bon sens mais je crois que je n'étais pas la cible adaptée. La partie sur les blogs est intéressante et bien écrite ce qui donne au final encore plus l'impression de rester sur sa faim. C'est dommage.</p>
  95. </div>
  96. </div>
  97. <div class="comment" typeof="schema:UserComments">
  98. <p class="comment-meta">
  99. <span class="comment-author" property="schema:creator">Mathias, étudiant en SRC à Mulhouse</span> le <span class="comment-date" property="schema:commentTime">09/12/2007</span> :
  100. </p>
  101. <div class="comment-content" property="schema:commentText">
  102. <!-- TB -->
  103. <p><strong>Les 12 règles d&#8217;ergonomie d&#8217;Amélie Boucher</strong></p>
  104. <p>Il y a tout juste un mois parraissait le livre &#8220;Ergonomie Web, Pour des sites Web efficaces&#8221; d&#8217;Amélie Boucher.
  105. L&#8217;occasion pour moi de citer ses 12 règles pour optimiser l&#8217;ergonomie d&#8217;un site Web :
  106. Architectur...</p>
  107. </div>
  108. </div>
  109. <div class="comment" typeof="schema:UserComments">
  110. <p class="comment-meta">
  111. <span class="comment-author" property="schema:creator">Nicolas Hoizey</span> le <span class="comment-date" property="schema:commentTime">08/10/2008</span> :
  112. </p>
  113. <div class="comment-content" property="schema:commentText">
  114. <p>Tiens, je retombe sur ce billet après quelque temps, et j&#39;en profite pour te signaler que mettre l&#39;identité d&#39;un &quot;commenteur&quot; après le commentaire ne me semble pas très intuitif, ni donc ergonomique... ;-)</p>
  115. </div>
  116. </div>
  117. <div class="comment" typeof="schema:UserComments">
  118. <p class="comment-meta">
  119. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">08/10/2008</span> :
  120. </p>
  121. <div class="comment-content" property="schema:commentText">
  122. <p>On m&#39;a déjà fait la remarque en effet, je pensais que ça ne gênerait pas tant que les commentaires ne dépassent pas un écran mais ça n&#39;est visiblement pas le cas.</p>
  123. <p>Je les mettrais bien en haut mais dans la marge du coup, je vais creuser ça. Merci.</p>
  124. </div>
  125. </div>
  126. <div class="comment" typeof="schema:UserComments">
  127. <p class="comment-meta">
  128. <span class="comment-author" property="schema:creator">Samuel Martin</span> le <span class="comment-date" property="schema:commentTime">09/10/2008</span> :
  129. </p>
  130. <div class="comment-content" property="schema:commentText">
  131. <p>Même remarque et même situtation que Mathias.</p>
  132. </div>
  133. </div>
  134. <div class="comment" typeof="schema:UserComments">
  135. <p class="comment-meta">
  136. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">09/10/2008</span> :
  137. </p>
  138. <div class="comment-content" property="schema:commentText">
  139. <p>Mathias ou Nicolas ? ou humour ? :-)</p>
  140. </div>
  141. </div>
  142. <div class="comment" typeof="schema:UserComments">
  143. <p class="comment-meta">
  144. <span class="comment-author" property="schema:creator">Nicolas Hoizey</span> le <span class="comment-date" property="schema:commentTime">09/10/2008</span> :
  145. </p>
  146. <div class="comment-content" property="schema:commentText">
  147. <p>Dans la marge au même niveau que le haut du texte du commentaire, ce serait pas mal, un peu comme un label de champ de formulaire devrait être aligné en haut du champ...</p>
  148. </div>
  149. </div>
  150. <div class="comment" typeof="schema:UserComments">
  151. <p class="comment-meta">
  152. <span class="comment-author" property="schema:creator">étudiant blogueur</span> le <span class="comment-date" property="schema:commentTime">25/11/2008</span> :
  153. </p>
  154. <div class="comment-content" property="schema:commentText">
  155. <p>Je n&#39;arrive jusqu&#39;à présent à distinguer accessibilité et ergonomie<br />merci de m&#39;éclaircir</p>
  156. </div>
  157. </div>
  158. <div class="comment" typeof="schema:UserComments">
  159. <p class="comment-meta">
  160. <span class="comment-author" property="schema:creator">Benoît Emile</span> le <span class="comment-date" property="schema:commentTime">26/11/2008</span> :
  161. </p>
  162. <div class="comment-content" property="schema:commentText">
  163. <p>Super article, merci<br />D&#39;accord avec #11</p>
  164. </div>
  165. </div>
  166. <div class="comment" typeof="schema:UserComments">
  167. <p class="comment-meta">
  168. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">27/11/2008</span> :
  169. </p>
  170. <div class="comment-content" property="schema:commentText">
  171. <p>@étudiant blogueur : l&#39;accessibilité s&#39;adresse aux personnes ayant des capacités réduites sur le web (handicapés, seniors, etc), l&#39;ergonomie s&#39;adresse davantage à l&#39;étude des interactions possibles entre l&#39;homme et la machine.</p>
  172. <p>Après la limite est assez floue en effet, car l&#39;ergonomie peut influer sur l&#39;accessibilité et l&#39;accessibilité empiète parfois sur les problématiques de l&#39;ergonomie...</p>
  173. <p>L&#39;article de wikipedia sur l&#39;accessibilité du web est assez complet :<br /><a href="http://fr.wikipedia.org/wiki/Accessibilit%25C3%25A9_du_Web">http://fr.wikipedia.org/wiki/Accessibilit%C3%A9_du_Web</a></p>
  174. </div>
  175. </div>
  176. <div class="comment" typeof="schema:UserComments">
  177. <p class="comment-meta">
  178. <span class="comment-author" property="schema:creator">Nicolas GOYER</span> le <span class="comment-date" property="schema:commentTime">10/02/2009</span> :
  179. </p>
  180. <div class="comment-content" property="schema:commentText">
  181. <p>J&#39;apporte un complément de réponse un peu tardif.</p>
  182. <p>L&#39;accessibilité est une partie de l&#39;ergonomie.</p>
  183. <p>L&#39;ergonomie consiste à adapter un produit à ses utilisateurs. Cela inclus la prise en compte des handicapes des utilisateurs.</p>
  184. <p>L&#39;ergonomie comprend diverses disciplines dont l&#39;accessibilité au même titre que la terminologie, ou l&#39;architecture de l&#39;information ou la conception d&#39;interface.</p>
  185. <p>De même qu&#39;il y a des experts de la terminologie, il y a des experts de l&#39;accessibilité mais il existe aussi des &quot;généralistes&quot;, des personnes ayant une vision d&#39;ensemble. C&#39;est pourquoi on considère parfois l&#39;accessibilité comme une discipline à part.</p>
  186. </div>
  187. </div>
  188. <div class="comment" typeof="schema:UserComments">
  189. <p class="comment-meta">
  190. <span class="comment-author" property="schema:creator">Matthieu</span> le <span class="comment-date" property="schema:commentTime">27/04/2011</span> :
  191. </p>
  192. <div class="comment-content" property="schema:commentText">
  193. <p>Très intéressant, les conférences d&#39;Amélie Boucher sont assez prenantes.<br />Pour ceux qui n&#39;ont pas la chance de pouvoir y assister les livres sur l&#39;Ergonomie 2.0 sont également très pertinents.</p>
  194. </div>
  195. </div>
  196. <div class="comment" typeof="schema:UserComments">
  197. <p class="comment-meta">
  198. <span class="comment-author" property="schema:creator">Sylvain</span> le <span class="comment-date" property="schema:commentTime">15/06/2011</span> :
  199. </p>
  200. <div class="comment-content" property="schema:commentText">
  201. <p>Amélie Boucher sait de quoi elle parle et elle l&#39;a une fois de plus prouvé lors du dernier SMX Paris ;)</p>
  202. </div>
  203. </div>
  204. <div class="comment" typeof="schema:UserComments">
  205. <p class="comment-meta">
  206. <span class="comment-author" property="schema:creator">Nelly osCommerce</span> le <span class="comment-date" property="schema:commentTime">12/08/2011</span> :
  207. </p>
  208. <div class="comment-content" property="schema:commentText">
  209. <p>Tous ces règles son toujours actuelle..je commençait les chercher avec des exemples..mais j&#39;ai trouvé très peu, peut être vous pouvez me conseiller quelque chose?</p>
  210. </div>
  211. </div>