Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

index.html 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Design centré sur l&#39;activité ET sur l&#39;attention — 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/20081015-design-centre-sur-activite-et-sur-attention">
  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">Design centré sur l&#39;activité ET sur l&#39;attention</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <img src="/static/david/biologeek/images/logos/cadeau.png" alt="vignette" style="float:left; margin: 0.5em 1em;" property="schema:thumbnailUrl" />
  45. <p>J'ai lu avec intérêt <a href="http://bokardo.com/archives/activity-centered-design/">Activity-Centered Design</a> mais je ne suis <del>pas</del> plus tout à fait d'accord avec cette méthode de conception d'une application. En ne se basant que sur les activités, on se concentre beaucoup trop sur la réalisation de cette activité et pas assez sur les motivations de réalisation de cette activité. Or il y a une question essentielle à se poser sur ces activités c'est pourquoi. Pourquoi sur votre service ? Pourquoi revenir alors qu'il y a des dizaines de concurrents ? En un mot, <strong>qu'est-ce qui a retenu votre attention ?</strong></p>
  46. <p>Prenons l'exemple d'Amazon, bien sûr l'activité est le shopping, mais pourquoi est-ce que je choisi souvent d'acheter mes livres sur ce site ? Pour deux raisons : les recommandations et les suggestions. Ce sont les avantages qui ont retenu mon attention la première fois et qui me font revenir car ils sont pertinents. <strong>Avec l'activité vous attirez votre visiteur mais ce n'est qu'avec l'attention que vous arriverez à le fidéliser.</strong></p>
  47. <p>Lors des entretiens du nouveau monde industriel, Marc Davis (de Yahoo!) a présenté une carte Flickr superposant non pas des photos mais <a href="http://tagmaps.research.yahoo.com/">les tags associés avec des tailles relatives à leurs occurrences</a>. C'est passionnant car on obtient ainsi <strong>une carte du monde des centres d'attention</strong> issue de ce que l'on pourrait qualifier d' « intelligence » collective (et oui on pourrait faire énormément avec des données ouvertes...).</p>
  48. <p>
  49. <img
  50. src="/static/david/biologeek/images/yahoo_tagmaps_attention.png"
  51. alt="Centres d'attention de la ville de paris"
  52. style="margin: 0pt auto; display: block;"/>
  53. </p>
  54. <p>Or si l'on ne pense pas à ces attentions, à ce cadeau offert en plus de l'activité principale, dès la conception du service, le visiteur viendra mais ne deviendra jamais un utilisateur, il restera un compte inutile dans votre base et continuera d'explorer la concurrence jusqu'à trouver un service qui lui fera <strong>la promesse d'attiser sa curiosité au quotidien</strong>.</p>
  55. <p>Au final, peu de services font cet effort (conséquent) mais ça fait une différence énorme sur le taux de réussite d'un projet à mon avis, l'activité ne suffit plus à elle seule. Trouvez les bonnes doses, le savant mélange d'activités et d'attentions qui constituera votre recette personnelle. De cette manière vos utilisateurs <em>n'utiliseront pas</em> votre application, <em>ne navigueront pas</em> sur votre site, ils les <em>dégusteront</em> et en <em>redemanderont</em>.</p>
  56. </div>
  57. </article>
  58. <footer>
  59. <h6 property="schema:datePublished">— 15/10/2008</h6>
  60. </footer>
  61. </section>
  62. <section>
  63. <div>
  64. <h3>Articles peut-être en rapport</h3>
  65. <ul>
  66. <li><a href="/david/biologeek/archives/20090327-reflexions-sur-les-conferences-de-geeks/" title="Accès à Réflexions sur les conférences de geeks">Réflexions sur les conférences de geeks</a></li>
  67. <li><a href="/david/biologeek/archives/20081117-le-web-semantique-ou-limportance-des-donnees-liees/" title="Accès à ★ Le Web Sémantique ou l&#39;importance des données liées">★ Le Web Sémantique ou l&#39;importance des données liées</a></li>
  68. <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>
  69. </ul>
  70. </div>
  71. </section>
  72. <section>
  73. <div id="comments">
  74. <h3>Commentaires</h3>
  75. <div class="comment" typeof="schema:UserComments">
  76. <p class="comment-meta">
  77. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">16/10/2008</span> :
  78. </p>
  79. <div class="comment-content" property="schema:commentText">
  80. <p>C&#39;est ignoble cette carte avec les majuscules mises au petit bonheur la chance. Folksonomies suck.</p>
  81. </div>
  82. </div>
  83. <div class="comment" typeof="schema:UserComments">
  84. <p class="comment-meta">
  85. <span class="comment-author" property="schema:creator">Nicolas Froidure</span> le <span class="comment-date" property="schema:commentTime">16/10/2008</span> :
  86. </p>
  87. <div class="comment-content" property="schema:commentText">
  88. <p>Bien résumé. J&#39;essaye toujours de trouver des idées originales pour mes clients, afin qu&#39;ils fidélisent leurs visiteurs (surtout que pour des sites d&#39;entreprise, fidéliser est très difficile).</p>
  89. <p>La carte illustre magnifiquement bien ce que tu avances.</p>
  90. <p>@Damien : Bien implémentée, la folksonomie est bien plus puissante qu&#39;on le croît. Regardes Google Search :).</p>
  91. </div>
  92. </div>
  93. <div class="comment" typeof="schema:UserComments">
  94. <p class="comment-meta">
  95. <span class="comment-author" property="schema:creator">Hypergraphe</span> le <span class="comment-date" property="schema:commentTime">16/10/2008</span> :
  96. </p>
  97. <div class="comment-content" property="schema:commentText">
  98. <p>Tout à fait, c&#39;est tout à fait ça ! L&#39;intelligence collective vaut mieux que n&#39;importe quel modèle mathématique dans ce genre de problématiques et on se rends compte qu&#39;elle est encore peu exploitée sur le web.</p>
  99. </div>
  100. </div>
  101. <div class="comment" typeof="schema:UserComments">
  102. <p class="comment-meta">
  103. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">16/10/2008</span> :
  104. </p>
  105. <div class="comment-content" property="schema:commentText">
  106. <p>Citer Google Search comme exemple d&#39;utilisation des folksonomies, c&#39;est donner le dernier coup d&#39;épée pour achever le concept :-D</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">Olivier G.</span> le <span class="comment-date" property="schema:commentTime">16/10/2008</span> :
  112. </p>
  113. <div class="comment-content" property="schema:commentText">
  114. <p>@Damien : tu n&#39;as rien compris, et tu le prouve, c&#39;est courageux.</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">Damien B</span> le <span class="comment-date" property="schema:commentTime">16/10/2008</span> :
  120. </p>
  121. <div class="comment-content" property="schema:commentText">
  122. <p>@Olivier G : tu n&#39;as rien compris, et tu le montres, c&#39;est téméraire. Wahou, on a progressé. En quoi Google Search est une &quot;implémentation&quot; de &quot;la&quot; folksonomie ?</p>
  123. </div>
  124. </div>
  125. <div class="comment" typeof="schema:UserComments">
  126. <p class="comment-meta">
  127. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">16/10/2008</span> :
  128. </p>
  129. <div class="comment-content" property="schema:commentText">
  130. <p>Ce billet n&#39;était pas sur la folksonomie.</p>
  131. </div>
  132. </div>
  133. <div class="comment" typeof="schema:UserComments">
  134. <p class="comment-meta">
  135. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">16/10/2008</span> :
  136. </p>
  137. <div class="comment-content" property="schema:commentText">
  138. <p>@David : qu&#39;est-ce-que tu peux être rabat-joie :)</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">Nicolas Froidure</span> le <span class="comment-date" property="schema:commentTime">20/10/2008</span> :
  144. </p>
  145. <div class="comment-content" property="schema:commentText">
  146. <p>@Damien : Google search exploite une recherche de, en gros, deux types possible :<br />- une expression (entre guillemets)<br />- des mots-clés</p>
  147. <p>Pour te sortir un résultat, il conserve :<br />- une copie des documents de son index (pour la recherche d&#39;expression).<br />- une liste de mots clés parmi les plus pertinents avec une pondération du type de ce que KGen peut te montrer (<a href="http://www.kgen.elitwork.com">http://www.kgen.elitwork.com</a>) en plus élaboré (gestion des déclinaisons, pluriels, conjugaisons, concepts etc...).</p>
  148. <p>Mis à part la recherche d&#39;expression, on a :<br />- en entrée : des mots-clés<br />- en sortie : des résultats en rapport avec des mots-clés.</p>
  149. <p>Ensuite, il y a l&#39;aspect collaboratif décrit par Wikipédia : <a href="http://fr.wikipedia.org/wiki/Folksonomie">http://fr.wikipedia.org/wiki/Folksonomie</a></p>
  150. <p>Google se sert des liens entre sites (faits par les gens avec des mots-clés dedans), il se sert du taux de rebond (équivalent à un vote : ce site ne correspond pas aux termes de recherche que j&#39;ai saisi ou l&#39;inverse) et des statistiques d&#39;utilisation via la Google Toolbar.</p>
  151. <p>D&#39;ailleurs, à leur origine, c&#39;était pareil sauf que c&#39;était un peu plus direct (les mots-clés fait par les gens étaient les méta-keywords des webmasters), mais bon, quand ils se sont tous mis à gruger, Google a dû trouver une manière plus indirecte.</p>
  152. <p>La différence, c&#39;&#39;est que dans Google Search, c&#39;est pas comme le port salut, c&#39;est pas marqué dessus :).</p>
  153. </div>
  154. </div>
  155. <div class="comment" typeof="schema:UserComments">
  156. <p class="comment-meta">
  157. <span class="comment-author" property="schema:creator">Jérôme</span> le <span class="comment-date" property="schema:commentTime">20/10/2008</span> :
  158. </p>
  159. <div class="comment-content" property="schema:commentText">
  160. <p>Donc, en gros, ce que tu dis là David, c&#39;est que l&#39;activité de base du site n&#39;est pas ce qui le rends plus performant (sur le plan de son business) par rapport à la concurrence.</p>
  161. <p>La valeur ajoutée d&#39;Amazon proviens du user-generated content, de sa bonne gestion et de son exploitation optimale.</p>
  162. <p>Ce qui est devenu une évidence en SEO deviens donc la base de la conception d&#39;une application web : intégrer toutes les sources de contenu et d&#39;enrichissement à la base même de l&#39;application permet d&#39;optimiser le potentiel, aussi bien en référencement qu&#39;en utilisation, du site ainsi construit.</p>
  163. <p>C&#39;est bien la conclusion de ton post ?</p>
  164. <p>A la première lecture du titre, j&#39;étais resté sur une autre approche de la conception par l&#39;activité, celle des rôles.</p>
  165. <p>Je bosse surtout sur de la concéption d&#39;applications métier et non de site web. Il se trouve que le web est à la mode dans les applis métier, et qu&#39;on utilise donc les mêmes technos. Mais en gros, ma démarche d&#39;analyse par activité consiste en l&#39;analyse de toutes les actions possible pour chaque profil utilisateur.</p>
  166. <p>En prenant conscience du rôle d&#39;un utilisateur dans sa globalité, et non uniquement dans l&#39;action de base d&#39;un site marchand qui est juste &quot;achetter&quot;, la mise en avant des systèmes de commentaires, recommandations et d&#39;autres fonctionalités de ce genre, qui sont toutes des actions intéressantes pour le profil utilisateur concerné, ces fonctionalités aparaissent assez tôt dans l&#39;analyse, et l&#39;analyse par activité en fonction du rôle reste tout à fait pertinante.</p>
  167. <p>Ou bien c&#39;est la formalisation de la méthode qui pose problème ?</p>
  168. </div>
  169. </div>
  170. <div class="comment" typeof="schema:UserComments">
  171. <p class="comment-meta">
  172. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">21/10/2008</span> :
  173. </p>
  174. <div class="comment-content" property="schema:commentText">
  175. <p>@Nicolas : et en quoi est-ce l&#39;&quot;implémentation&quot; de &quot;la&quot; folksonomie ?</p>
  176. </div>
  177. </div>
  178. <div class="comment" typeof="schema:UserComments">
  179. <p class="comment-meta">
  180. <span class="comment-author" property="schema:creator">Damien B</span> le <span class="comment-date" property="schema:commentTime">03/12/2008</span> :
  181. </p>
  182. <div class="comment-content" property="schema:commentText">
  183. <p>Bon, au final, ni Olivier ni Nicolas ne sont capables de définir &quot;la folksonomie&quot; et fatalement encore moins d&#39;en définir l&#39;implémentation. Ou alors on doit considérer qu&#39;un lien vers une page Wikipedia qui lie très justement en page connexe <a href="http://fr.wikipedia.org/wiki/Buzzword">http://fr.wikipedia.org/wiki/Buzzword</a> est une réponse ? J&#39;aime beaucoup d&#39;ailleurs la section &quot;Sites qui utilisent la folksonomie&quot; avec la mention suivante : &quot;certains sites fonctionnent *exclusivement* avec ce système de classification :&quot; ; ainsi formulé, on en déduit que toute la liste est concernée : on se marre à canard.</p>
  184. </div>
  185. </div>
  186. </div>
  187. </section>
  188. <footer>
  189. <nav>
  190. <p>
  191. <small>
  192. 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>
  193. </small>
  194. </p>
  195. </nav>
  196. </footer>
  197. </div>
  198. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  199. <script data-no-instant>InstantClick.init()</script>
  200. </body>
  201. </html>