Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 8.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  17. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  18. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  19. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  20. <meta name="msapplication-TileColor" content="#f0f0ea">
  21. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  22. <meta name="theme-color" content="#f0f0ea">
  23. <!-- Thank you Florens! -->
  24. <link rel="stylesheet" href="/static/david/css/style_2020-01-09.css">
  25. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  26. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" crossorigin>
  27. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" crossorigin>
  28. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" crossorigin>
  29. <body class="remarkdown h1-underline h2-underline hr-center ul-star pre-tick">
  30. <article>
  31. <h1>Datagouv</h1>
  32. <nav>
  33. <p class="center">
  34. <a rel="prev" href="/david/2020/01/15/" title="Publication précédente : Futurs">←</a> •
  35. <a href="/david/2020/" title="Liste des publications récentes">↑</a>
  36. • <a rel="next" href="/david/2020/01/22/" title="Publication suivante : Réponses">→</a>
  37. </p>
  38. </nav>
  39. <hr>
  40. <p><em>Récit d’une expérimentation lors d’un accompagnement.</em></p>
  41. <p>Note : cette page est en brouillon, le produit est en cours.</p>
  42. <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>
  43. <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>
  44. <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>
  45. <p><em>Note : Il peut paraître étonnant de commencer par se soucier des données avant de ré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>
  46. <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>
  47. <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>
  48. <p><strong>Et pour cela, il faut déjà les trouver !</strong></p>
  49. <h2 id="metaphore">Métaphore <a href="#metaphore" title="Ancre vers cette partie">#</a></h2><blockquote>
  50. <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>
  51. </blockquote>
  52. <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>
  53. <p>Mais pour cela nous avons besoin d’interviewer des personnes qui aiment se promener dans les données ouvertes. <em>Vous ?</em></p>
  54. <p><a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Contactez-moi directement.</a></p>
  55. <h2 id="interviews">Interviews <a href="#interviews" title="Ancre vers cette partie">#</a></h2><p>Nous avons échangé avec <a href="https://github.com/etalab/recherche.etalab.studio#interviews">deux personnes</a> pour le moment. C’est peu mais cela nous a déjà permis de favoriser certaines pistes au détriment d’autres. L’intérêt d’itérer au cours des interviews est de pouvoir réajuster en direct pour pouvoir essayer une nouvelle approche d’un entretien sur les suivants. Même avec un très faible panel, certaines choses qui peuvent sembler acquises ou évidentes ressortent rapidement comme étant des points de friction plus ou moins bloquants.</p>
  56. <p>À ce stade, nous aimerions avoir des retours de personnes qui ne sont pas forcément expertes de la donnée mais qui ont déjà eues à effectuer quelques recherches sur le site <a href="https://www.data.gouv.fr/">data.gouv.fr</a>. Si vous avez été dans cette situation par le passé ou si vous êtes en train de chercher des choses, votre avis nous intéresse pour tenter d’améliorer cette plateforme et que cela profite à toutes et tous.</p>
  57. <hr />
  58. <p>Bientôt la suite :-).</p>
  59. </article>
  60. <hr>
  61. <footer>
  62. <p>
  63. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  64. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  65. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  66. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  67. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  68. </p>
  69. </footer>
  70. <script src="/static/david/js/instantpage-3.0.0.min.js" type="module" defer></script>
  71. </body>
  72. </html>