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

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Datagouv — David Larlet</title>
  13. <!-- Lightest blank gif, avoids an extra query to the server. -->
  14. <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  15. <!-- Thank you Florens! -->
  16. <link rel="stylesheet" href="/static/david/css/style_2020-01-06.css">
  17. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  18. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" crossorigin>
  19. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>
  20. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" crossorigin>
  21. <body class="remarkdown h1-underline h2-underline hr-center ul-star pre-tick">
  22. <article>
  23. <h1>Datagouv</h1>
  24. <nav>
  25. <p class="center">
  26. <a href="/david/2020/" title="Liste des publications récentes">↑</a>
  27. </p>
  28. </nav>
  29. <hr>
  30. <p><em>Récit d’une expérimentation.</em></p>
  31. <p>Note : cette page est en brouillon, le produit est en cours.</p>
  32. <h2 id="contexte">Contexte <a href="#contexte" title="Ancre vers cette partie">#</a></h2><p>Nous avions tous les deux — avec <a href="https://vinyll.anonym.dev/">Vincent</a> — travaillé sur le site <a href="https://www.data.gouv.fr/">data.gouv.fr</a> qui est la plateforme des données ouvertes françaises pendant quelques années par le passé. Cette collaboration m’avait fait réfléchir au <a href="/david/blog/2016/minimalisme-esthetique/">minimalisme</a> et à la <a href="/david/blog/2016/simplicite-defaut/">simplicité</a> en raison des diverses frustrations plus ou moins techniques que je pouvais avoir sur le produit.</p>
  33. <p>Fin 2019, Vincent m’indique que nous pourrions avoir l’opportunité d’expérimenter des choses de manière relativement frugale, itérative et prenant en compte les besoins des utilisateur·ice·s. Je n’ai pas été bien long à accepter sachant que ça trotte dans un bout de mon cerveau <a href="https://github.com/davidbgk/justdata">depuis un long moment</a>.</p>
  34. <h2 id="approche">Approche <a href="#approche" title="Ancre vers cette partie">#</a></h2><p>Nous avons commencé par analyser l’existant, il y avait les <a href="https://github.com/etalab/user-research">précédentes interviews</a> réalisées par <a href="https://oncletom.io/">Thomas</a>, une équipe d’éditorialisation en interne qui fait <a href="https://www.data.gouv.fr/fr/posts/">état des sorties mensuelles</a> que nous avons interviewée, l’<a href="https://doc.data.gouv.fr/api/reference/">API</a> avec laquelle nous avons commencé à jouer et les <a href="https://stats.data.gouv.fr">statistiques</a> que j’ai toujours du mal à appréhender.</p>
  35. <p><em>Note : Il peut paraitre étonnant de commencer par se soucier des données avant d’interviewer les utilisateur·ice·s, dans ce cas cela nous a semblé pertinent car nous ne savions pas ce que nous allions être en mesure de pouvoir leur proposer.</em></p>
  36. <p>À partir de ces différentes sources, on a commencé un <a href="http://recherche.etalab.studio/">prototype sous la forme d’une page statique</a> à ce jour. Le <a href="https://github.com/etalab/recherche.etalab.studio">code est bien sûr ouvert</a> si vous voulez aller voir de quoi il retourne. Cette page constitue une base de discussion pour interviewer des utilisateur·ice·s et identifier leurs frustrations actuelles.</p>
  37. <p>L’objectif n’est pas de faire un produit qui nous convienne ou qui soit dirigé par l’équipe d’Etalab mais de proposer une interface qui soit motivée par les besoins des personnes utilisant le site régulièrement.</p>
  38. <p><strong>Et pour cela, il faut déjà les trouver !</strong></p>
  39. <h2 id="metaphore">Métaphore <a href="#metaphore" title="Ancre vers cette partie">#</a></h2><blockquote>
  40. <p>Je suis dans la forêt. Je cherche une plante comestible. J’observe et j’espère en trouver une qui me soit suffisamment familière. Par chance, j’ai emporté avec moi un ouvrage permettant d’identifier les plantes. Cinq cent pages de descriptions dans un jargon d’experts qui n’est pas le mien. Je me risque à utiliser l’index, mais celui-ci est agencé d’une manière qui n’est techniquement compréhensible que pour un latiniste. Pas pour le promeneur que je suis. Je me couche le ventre creux.</p>
  41. </blockquote>
  42. <p>Si cette situation vous évoque une frustration que vous avez pu avoir en consultant le site <a href="https://www.data.gouv.fr/">data.gouv.fr</a>, manifestez-vous ! Nous sommes en train de <a href="https://github.com/etalab/recherche.etalab.studio">travailler sur un outil</a> qui présélectionne quelques plantes comestibles et vous permettra de nourrir vos scripts, de cuisiner vos bases de données et de partager vos recettes autour d’un feu de camp.</p>
  43. <p>Mais pour cela nous avons besoin d’interviewer des personnes qui aiment se promener dans les données ouvertes. <em>Vous ?</em></p>
  44. <h2 id="interviews">Interviews <a href="#interviews" title="Ancre vers cette partie">#</a></h2><p>En cours.</p>
  45. </article>
  46. <hr>
  47. <footer>
  48. <p>
  49. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  50. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  51. <a href="http://larlet.com" title="Go to my English profile">🇨🇦</a> •
  52. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  53. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  54. </p>
  55. </footer>
  56. </body>
  57. </html>