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 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  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 Donne moi ce que je veux ! — 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/20071014-critique-du-livre-donne-moi-ce-que-je-veux">
  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 Donne moi ce que je veux !</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <img src="/static/david/biologeek/images/logos/donne_moi_ergonomie.png" alt="vignette" style="float:left; margin: 0.5em 1em;" property="schema:thumbnailUrl" />
  45. <p><a href="http://fredericdevillamil.com/internet-donne-moi-ce-que-je-veux-60-mod%C3%A8les-de-navigation-pour-satisfaire-vos-internautes">Frédéric</a> m'avait vivement conseillé la lecture de ce livre qui change un peu de mes critiques habituelles davantage orientées programmation. Patricia m'a gentiment fait parvenir le <a href="http://www.strategy-interactive.com/blog/index.php/2007/08/28/44-ca-y-est-je-les-ai">dernier exemplaire disponible</a> de <a href="http://www.navigation-web.com/">Donne moi ce que je veux !</a> que j'ai pris plaisir à lire.</p>
  46. <h2>L'ergonomie jusqu'au bout</h2>
  47. <p>Ce qui est intéressant avec ce livre, c'est la première réaction que j'ai eu&nbsp;: «&nbsp;Mais il est tout petit&nbsp;! ». Heureusement, <strong>qualité et quantité n'ont rien à voir</strong> et au bout de quelques pages, j'ai vite été conquis par ce concentré de bonnes pratiques. Ne vous laissez pas avoir, il y a vraiment beaucoup de contenu dans ce livre qui réunit <strong>une soixantaine de fiches (en fait un peu plus) dédiées à la navigation web, à l'ergonomie, au référencement et finalement aux bonnes pratiques web</strong>. Au bout d'une dizaine de fiches, je pensais que ça allait se répéter car j'avais déjà fait le tour des navigations les plus courantes mais heureusement l'auteur a su alterner entre les navigation traditionnelles et modernes, voire innovantes. C'est un des intérêts d'un livre écrit directement en français&nbsp;: il est à jour&nbsp;! Et on peut donc y retrouver les widgets ou les univers virtuels.</p>
  48. <h2>Astuces de professionnelle</h2>
  49. <p>Ce qui m'a le plus plu dans cet ouvrage, outre le contenu principal, c'est surtout <strong>la myriade de petites astuces qu'on trouve tout au long des fiches et qui donnent une valeur ajoutée énorme</strong> de mon point de vue. Le reste peut être trouvé sur le net (bon ok, en cherchant bien) mais ce concentré de petits détails aussi pertinents prendrait énormément de temps. Ça doit être le premier livre informatique que j'annote pour ne pas oublier certains de ces détails.</p>
  50. <p>Un autre point fort réside dans <strong>les exemples et les témoignages de professionnels</strong>. Ils sont très nombreux et pertinents ce qui donne du relief à l'ouvrage.</p>
  51. <h2>Quelques critiques</h2>
  52. <ul>
  53. <li>Le titre est un sérieux clin d'œil à «&nbsp;<em>Don't make me think</em> » mais est-ce que ça ne prête pas à confusion&nbsp;? Le lecteur s'attend peut-être à un traduction...</li>
  54. <li>Je ne suis pas toujours d'accord avec les difficultés d'implémentation et l'accessibilité de certaines des fiches mais ça reste quand même cohérent.</li>
  55. <li>Sur le site une version PDF du livre est proposée à 97€, uh ?!</li>
  56. <li>Il y a un petit témoignage qui m'a fait hurler de rire mais j'aurais l'occasion d'en reparler, c'est indépendant du livre.</li>
  57. </ul>
  58. <p><strong>Au final, un bilan très positif</strong>. Si vous êtes amené à réfléchir à l'ergonomie d'un site, professionnellement ou pas, les <a href="http://www.navigation-web.com/autour-du-livre/extraits-du-livre">quelques extraits</a> achèveront peut-être de vous convaincre. Pour ma part, j'ai bien plus appris que ce à quoi je m'attendais donc merci Patricia&nbsp;! Je suis impatient de mettre tout ça en application et de <a href="https://larlet.fr/david/biologeek/archives/20070224-objectifs-et-motivations-de-la-refonte-de-ce-blog/">vous donner enfin ce que vous voulez</a> ;-).</p>
  59. </div>
  60. </article>
  61. <footer>
  62. <h6 property="schema:datePublished">— 14/10/2007</h6>
  63. </footer>
  64. </section>
  65. <section>
  66. <div>
  67. <h3>Articles peut-être en rapport</h3>
  68. <ul>
  69. <li><a href="/david/biologeek/archives/20080528-critique-du-livre-ergonomie-web/" title="Accès à Critique du livre Ergonomie Web">Critique du livre Ergonomie Web</a></li>
  70. <li><a href="/david/biologeek/archives/20060219-critique-du-livre-le-zen-des-css/" title="Accès à Critique du livre le Zen des CSS">Critique du livre le Zen des CSS</a></li>
  71. <li><a href="/david/biologeek/archives/20080613-artiste-qui-sommeille-en-chaque-geek/" title="Accès à ★ L&#39;artiste qui sommeille en chaque geek">★ L&#39;artiste qui sommeille en chaque geek</a></li>
  72. </ul>
  73. </div>
  74. </section>
  75. <section>
  76. <div id="comments">
  77. <h3>Commentaires</h3>
  78. <div class="comment" typeof="schema:UserComments">
  79. <p class="comment-meta">
  80. <span class="comment-author" property="schema:creator">Thomas</span> le <span class="comment-date" property="schema:commentTime">14/10/2007</span> :
  81. </p>
  82. <div class="comment-content" property="schema:commentText">
  83. <p>Une remarque sur &quot;Le titre est un sérieux clin d'œil à « Don't make me think » mais est-ce que ça ne prête pas à confusion ? Le lecteur s'attend peut-être à un traduction...&quot;<br />
  84. <br />
  85. Je pensais justement que c'était la suite de &quot;Don't make me think&quot;, que j'ai en français (&quot;Je ne veux pas chercher&quot;). Ce n'est donc pas le cas ? Même l'image de la première de couverture porte à confusion du coup !</p>
  86. </div>
  87. </div>
  88. <div class="comment" typeof="schema:UserComments">
  89. <p class="comment-meta">
  90. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">14/10/2007</span> :
  91. </p>
  92. <div class="comment-content" property="schema:commentText">
  93. <p>@Thomas : non ce n'est pas le cas. Et oui tout prête à penser qu'il y a un lien de parenté entre les deux. Ça n'enlève rien la qualité de l'ouvrage, c'est juste qu'il vaut mieux en être informé :-).</p>
  94. </div>
  95. </div>
  96. <div class="comment" typeof="schema:UserComments">
  97. <p class="comment-meta">
  98. <span class="comment-author" property="schema:creator">Super Chinois</span> le <span class="comment-date" property="schema:commentTime">14/10/2007</span> :
  99. </p>
  100. <div class="comment-content" property="schema:commentText">
  101. <p>Je l'ai commandé vendredi sur Amazon. Il arrive demain.</p>
  102. </div>
  103. </div>
  104. <div class="comment" typeof="schema:UserComments">
  105. <p class="comment-meta">
  106. <span class="comment-author" property="schema:creator">oulala</span> le <span class="comment-date" property="schema:commentTime">16/10/2007</span> :
  107. </p>
  108. <div class="comment-content" property="schema:commentText">
  109. <p>Quand j'ai vu le prix du PDF j'ai failli m'étouffer. Du coup ça me donne même pas envie de feuilleter le livre à la FNAC.</p>
  110. </div>
  111. </div>
  112. <div class="comment" typeof="schema:UserComments">
  113. <p class="comment-meta">
  114. <span class="comment-author" property="schema:creator">Patricia Gallot-Lavallée</span> le <span class="comment-date" property="schema:commentTime">19/10/2007</span> :
  115. </p>
  116. <div class="comment-content" property="schema:commentText">
  117. <p>@David, @oulala : Le PDF à 97 euros est le PDF &quot;agence&quot;, pour permettre aux agences de joindre à des offres, les modèles de navigation qu'ils préconisent à leurs clients. <br />
  118. Très bientôt, sortira le pdf standard à moins de 30 euros.<br />
  119. <br />
  120. @David : Tout d'abord, merci pour cette revue. Je suis terriblement curieuse, mais quel témoignage ? Pourquoi ?<br />
  121. <br />
  122. Je suis désolée de la confusion qu'il semble y avoir, il est juste dans la même lignée que &quot;Submit now&quot; d'Andrew Chak et &quot;Call to action&quot; de Eisenberg, Eisenberg et Davis.<br />
  123. <br />
  124. Ce sont tous de très bons livres. <br />
  125. Les livres ne sont pas concurrents. Plusieurs lecteurs m'ont dit les trouver complémentaires. Amazon.fr les vend d'ailleurs ensemble.</p>
  126. </div>
  127. </div>
  128. <div class="comment" typeof="schema:UserComments">
  129. <p class="comment-meta">
  130. <span class="comment-author" property="schema:creator">Un Electron Libre...</span> le <span class="comment-date" property="schema:commentTime">29/10/2007</span> :
  131. </p>
  132. <div class="comment-content" property="schema:commentText">
  133. <!-- TB -->
  134. <p><strong>Lecture : Internet, donne moi ce que je veux !</strong></p>
  135. <p>Toujours dans mes trajets parisiens, j'en ai profité pour lire cette fois ci &quot;Internet, donne-moi ce que je veux !&quot; de Patricia Gallot-Lavallée. Le livre présente et analyse 60 modèles de navigation selon trois critères : note, coût et</p>
  136. </div>
  137. </div>
  138. <div class="comment" typeof="schema:UserComments">
  139. <p class="comment-meta">
  140. <span class="comment-author" property="schema:creator">Pierre</span> le <span class="comment-date" property="schema:commentTime">14/02/2008</span> :
  141. </p>
  142. <div class="comment-content" property="schema:commentText">
  143. <p>Le livre &quot;call to action&quot; des Eisenberg est une vraie référence. c'est du très haut niveau. Une lecture indispensable pour tous ceux dont le métier est de concevoir des sites internet.<br />
  144. </p>
  145. </div>
  146. </div>
  147. </div>
  148. </section>
  149. <footer>
  150. <nav>
  151. <p>
  152. <small>
  153. 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>
  154. </small>
  155. </p>
  156. </nav>
  157. </footer>
  158. </div>
  159. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  160. <script data-no-instant>InstantClick.init()</script>
  161. </body>
  162. </html>