A place to cache linked articles (think custom and personal wayback machine)
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371
  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` element
  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,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Année 2022 en revue (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Is that even respected? Retrospectively? What a shAItshow…
  28. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  29. <meta name="robots" content="noai, noimageai">
  30. <!-- Documented, feel free to shoot an email. -->
  31. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  32. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  36. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  37. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  38. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  39. <script>
  40. function toggleTheme(themeName) {
  41. document.documentElement.classList.toggle(
  42. 'forced-dark',
  43. themeName === 'dark'
  44. )
  45. document.documentElement.classList.toggle(
  46. 'forced-light',
  47. themeName === 'light'
  48. )
  49. }
  50. const selectedTheme = localStorage.getItem('theme')
  51. if (selectedTheme !== 'undefined') {
  52. toggleTheme(selectedTheme)
  53. }
  54. </script>
  55. <meta name="robots" content="noindex, nofollow">
  56. <meta content="origin-when-cross-origin" name="referrer">
  57. <!-- Canonical URL for SEO purposes -->
  58. <link rel="canonical" href="https://blog.hello-bokeh.fr/2022/12/30/annee-2022-en-revue/">
  59. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  60. <article>
  61. <header>
  62. <h1>Année 2022 en revue</h1>
  63. </header>
  64. <nav>
  65. <p class="center">
  66. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  68. </svg> Accueil</a> •
  69. <a href="https://blog.hello-bokeh.fr/2022/12/30/annee-2022-en-revue/" title="Lien vers le contenu original">Source originale</a>
  70. </p>
  71. </nav>
  72. <hr>
  73. <p><strong>2022 était ma troisième année à mon compte</strong>. Alors, pour fêter ça, j’avais envie de faire un petit bilan de ce qui s’est passé cette année là pour moi, du côté professionnel.</p>
  74. <p>Comme cet article est un peu long, je vous propose aussi d’aller directement à la section qui vous intéresse :</p>
  75. <ol><li><a class="wp-block-table-of-contents__entry" href="https://blog.hello-bokeh.fr/2022/12/30/annee-2022-en-revue/#des-missions-variees">Des missions variées</a></li><li><a class="wp-block-table-of-contents__entry" href="https://blog.hello-bokeh.fr/2022/12/30/annee-2022-en-revue/#du-remote-principalement">Du remote principalement</a></li><li><a class="wp-block-table-of-contents__entry" href="https://blog.hello-bokeh.fr/2022/12/30/annee-2022-en-revue/#un-rythme-soutenu-pour-moi">Un rythme soutenu (pour moi)</a></li><li><a class="wp-block-table-of-contents__entry" href="https://blog.hello-bokeh.fr/2022/12/30/annee-2022-en-revue/#des-rencontres-avec-la-communaute-du-web">Des rencontres avec la communauté du web</a></li><li><a class="wp-block-table-of-contents__entry" href="https://blog.hello-bokeh.fr/2022/12/30/annee-2022-en-revue/#de-la-presence-sur-internet">De la présence sur internet</a></li><li><a class="wp-block-table-of-contents__entry" href="https://blog.hello-bokeh.fr/2022/12/30/annee-2022-en-revue/#peu-de-projets-personnels">Peu de projets personnels</a></li><li><a class="wp-block-table-of-contents__entry" href="https://blog.hello-bokeh.fr/2022/12/30/annee-2022-en-revue/#mais-beaucoup-d-apprentissages">Mais beaucoup d’apprentissages</a></li><li><a class="wp-block-table-of-contents__entry" href="https://blog.hello-bokeh.fr/2022/12/30/annee-2022-en-revue/#en-conclusion">En conclusion</a></li></ol>
  76. <p></p>
  77. <h2 class="wp-block-heading" id="des-missions-variees">Des missions variées</h2>
  78. <p>En 2022, j’ai eu 12 clients différents. Mon activité a principalement tourné autour des compétences suivantes :</p>
  79. <ul>
  80. <li><strong>UX Design</strong>, mon coeur de métier. Cette année, j’ai pu (re)faire de la recherche utilisateur (dont je m’étais écartée les années précédentes). J’ai par exemple interviewé des chauffeurs de camions, des maires ou des développeuses. Et puis sinon, la routine : maquettes, prototypes, tests…</li>
  81. <li><strong>Accessibilité</strong> : j’ai fait du conseil et des « audits rapides ». J’ai aussi produit des ressources à destinations d’équipes web, pour construire des produits plus accessibles.</li>
  82. <li><strong>UX Writing</strong> (la petite nouveauté de l’année ❤️) : ça fait un moment que je m’intéresse particulièrement aux contenus dans mon travail (c’est directement lié au design et à l’accessibilité) ; mais c’est la première fois cette année que j’ai fait des missions spécifiquement sur ce sujet. Je me suis vraiment éclatée : j’ai pu travailler en collaboration avec des UX Designers, et me concentrer sur le contenu, c’était vraiment chouette !</li>
  83. </ul>
  84. <p>Et puis j’ai aussi fait deux prestations de mise en place de site sous <strong>Kirby CMS</strong>. C’est clairement un truc que je n’aurai jamais anticipé ! Mais il se trouve que, comme j’adore ce CMS et que j’en parle à toutes les sauces, ça ouvre des opportunités 😇. J’ai accepté car je voulais surtout voir si j’en étais capable ! La réponse est : oui, dans une certaine mesure. Mais j’ai encore beaucoup à apprendre pour mieux gérer ça à titre professionnel, et ce n’est pas mon ambition. En 2023, je n’ai pas prévu de retenter l’expérience. Pour les professionnels, je redirigerai ces demandes à des personnes vraiment spécialisées 😊. En revanche, pourquoi pas continuer à titre gracieux pour des associations.</p>
  85. <p>En 2022, j’ai aussi continué à faire <strong>quelques pas dans le monde de la formation</strong> :</p>
  86. <ul>
  87. <li>aux professionnels. C’était à chaque fois une super expérience. Et un super moteur contre le syndrome de l’imposteur : je réalise que je sais tout un tas de choses !</li>
  88. <li>en école de design, où là, c’était un gros fail. J’ai fait l’erreur de préparer un support de cours avant que le contrat soit signé 😬. Et finalement nous n’avons pas trouvé d’accord… (Le tarif journée qu’on me proposait était 2 fois plus bas que mon tarif normal. Ni le transport ni l’hôtel n’étaient pris en charge, alors que l’école était à 3 h 30 de chez moi. Ça dépassait les efforts que je pouvais faire… Bref, j’ai passé du temps sur le sujet pour rien… Ça arrive !)</li>
  89. </ul>
  90. <p>Côté cœur de métier, plus de <strong>la moitié de mes clients viennent du service public</strong>, et plus particulièrement du réseau beta.gouv.fr. Pas de doute, je suis <a href="https://blog.hello-bokeh.fr/2022/05/24/designer-pour-le-service-public/">designer pour le service public</a>, comme je souhaitais le devenir quand je me suis mise à mon compte 😇. Mes autres clients sont une association, un outil SaaS, une école, un site de ecommerce… Au final, <strong>en 2022 j’ai eu la chance de travailler sur des produits ou services très variés !</strong></p>
  91. <p>En 2023, j’aimerais garder cette <strong>variété de missions</strong>. C’est ce que j’aime tant dans la vie de freelance par rapport à un travail en entreprise : <strong>je peux jouer sur pleins de terrains différents</strong> (même si UX, accessibilité et contenus sont étroitement liés pour moi). J’aimerais cependant aller encore plus loin sur le côté « Numérique responsable » en liant accessibilité et éco-conception par exemple. Une affaire à suivre avec les <a href="https://designersethiques.org/">Designers Éthiques</a> 😊.<br>Et bien évidemment, <strong>j’ai envie de continuer à travailler principalement pour le service public</strong> !<br>Quant à la formation, c’est toujours quelque chose que j’aimerais faire, en évitant si possible de refaire les mêmes erreurs 🙈.</p>
  92. <p>En revanche, s’il y a un point sur lequel je dois m’améliorer, c’est de <strong>mieux gérer ma charge de travail</strong>. Après un petit creux dans l’été où je me suis retrouvée sans missions, j’ai paniqué à la rentrée, et donc dit oui à tout… Erreur classique… Et c’est ainsi qu’en fin d’année je me suis retrouvée sur <strong>6 projets en même temps</strong> : bonjour la charge mentale et le contexte switching… J’espère commencer 2023 plus raisonnablement (mais arrêtez de me proposer des trucs chouettes aussi) !</p>
  93. <p></p>
  94. <h2 class="wp-block-heading" id="du-remote-principalement">Du remote principalement</h2>
  95. <p>En 2022, <strong>j’ai travaillé essentiellement en remote</strong>, avec des équipes elles-mêmes explosées un peu partout en France (ou même ailleurs). Pour moi, c’est idéal : vivant un peu excentrée de Lyon et n’ayant pas de voiture, je m’épargne des trajets longs à vélo. Ainsi, je peux travailler l’équivalent d’un temps plein puisque mon bureau est sur place.</p>
  96. <p>Pour autant, cette année, j’ai eu l’occasion de passer quelques journées à Lyon, dans l’espace de coworking du <a href="https://www.tuba-lyon.com/">Tuba</a>. En fin d’année, j’ai même découvert un nouveau lieu à seulement 30-40 minutes de chez moi !</p>
  97. <p>Au final, j’ai fait au moins une journée en présentiel par client. Cette année, nous nous sommes retrouvés :</p>
  98. <ul>
  99. <li>parfois à <strong>Lyon</strong>,</li>
  100. <li>souvent à <strong>Paris</strong>. Comptez sur moi pour faire la provinciale à chaque fois ! Je prends en photo la Tour Eiffel, l’Opéra ou n’importe quel bâtiment brillant. Je m’ébahis devant les perks des gens qui travaillent en bureau : <em>« Ooh des fruits frais, la classe ! Et vous avez une cantine ! »</em>. Je m’épate des librairies à chaque coin de rue. Etc etc 😅.</li>
  101. <li>et même une session de travail à <strong>Bruxelles</strong> avec les <a href="https://designersethiques.org/">Designers Éthiques</a> !</li>
  102. </ul>
  103. <p>Pour 2023, je vais essayer de <strong>trouver un rythme acceptable de journée en présentiel à Lyon</strong> sachant que :</p>
  104. <ul>
  105. <li>Voir du monde c’est chouette.</li>
  106. <li>Mais globalement, en présentiel, je bosse beaucoup moins (entre les temps de trajets et de socialisation) que seule chez moi (où je sais être hyper focus).</li>
  107. <li>Il y a toujours le covid en tâche de fond : être la seule masquée me stresse (<em>« Que pensent les gens de moi ? Quelle image je renvoie ? »</em>) et mais ne pas être masquée aussi (<em>« Mais ça ne vous dérange pas d’être regroupés non masqués ? Vous avez entendu parler du covid long ? Vous ne pensez pas que porter le masque vaut le coup ? »</em>)… Au moins chez moi, je suis tranquille.</li>
  108. </ul>
  109. <p></p>
  110. <h2 class="wp-block-heading" id="un-rythme-soutenu-pour-moi">Un rythme soutenu (pour moi)</h2>
  111. <p>Dans l’année, <strong>j’ai facturé une centaine de jours</strong>. Comme l’explique Raphaël dans son article <a href="https://blocnotes.iergo.fr/articles/comprendre-le-tjm-dun-freelance/">Comprendre la vie de freelance</a>, il y a une différence entre jours facturés, et jours travaillés ! La comptabilité, les échanges avec les prospects, la veille, etc sont des tâches vitales, mais non facturées dans la vie de freelance.<br>Globalement, je travaille donc l’<strong>équivalent d’un temps plein</strong>, même si je ne facture pas tout. Toutefois, cette année, je n’ai pas compté précisément mes congés, mais j’ai pris 7-8 semaines plutôt que 5 😇.</p>
  112. <p>Et puis, il y a les journées « enfants malades ». Je les prends plus facilement que mon amoureux (pas de hiérarchie à prévenir). Je dois alors jongler entre réunions, travail promis et temps avec l’enfant malade… Mais ça reste bien plus simple à gérer en freelance qu’en CDI. Pas de certificats médicaux à gérer, de jour de carence, etc. Je dois simplement m’assurer de pouvoir livrer mon travail à temps.</p>
  113. <p>En 2023, j’aimerais ne pas augmenter ce nombre de jours facturés. <strong>J’aime avoir du temps libre pour expérimenter des choses, écrire des articles, tester des outils…</strong> Et là, j’ai parfois eu l’impression de manquer de ce temps précieux !</p>
  114. <p></p>
  115. <h2 class="wp-block-heading" id="des-rencontres-avec-la-communaute-du-web">Des rencontres avec la communauté du web</h2>
  116. <p>En 2022, <strong>j’ai participé à plusieurs événements en présentiel, en tant qu’oratrice ou auditrice</strong>.</p>
  117. <p>J’ai <strong>donné une conférence à MiXiT</strong>, sur ce que veut dire être <a href="https://blog.hello-bokeh.fr/2022/05/24/designer-pour-le-service-public/">Designer pour le service public</a>. C’est une conférence que j’ai adorée préparer, même si elle est loin d’être exhaustive, et représente surtout mon expérience.</p>
  118. <p>J’ai <strong>organisé une conférence sur l’éco-conception</strong> avec des membres de beta.gouv.fr, de LeBonCoin et de LunaWeb. C’était un petit événement, organisé en comité restreint, mais qui a montré que beaucoup de professionnels s’intéressent au sujet. L’agence LunaWab en a fait un <a href="https://www.lunaweb.fr/blog/la-journee-de-l-eco-conception-avec-beta-gouv-leboncoin-et-les-designers-ethiques/">chouette article</a>. </p>
  119. <p><strong>J’ai parlé accessibilité plusieurs fois</strong>. À une communauté engagée lors d’un meetup avec <a href="https://www.latitudes.cc/">Latitudes</a> ; ou avec Chloé Beghin dans le cadre de l’événement <a href="https://www.rebootcommunication.org/">Reboot</a> (je vous invite d’ailleurs à visiter le site, qui est un bel exemple de site accessible et éco-conçu joli !). Je connaissais Chloé depuis des années, et c’était un plaisir de travailler avec elle.</p>
  120. <p>Et puis 2022 fut aussi <strong>l’année de mes retrouvailles avec <a href="https://blog.hello-bokeh.fr/2022/10/09/au-retour-de-paris-web-2022/">Paris Web</a></strong>. Y a pas à dire, malgré les années qui passent, ça reste ma conférence chouchou où j’y retrouve pleins de gens que j’admire et/ou apprécie ❤️. Je ressors toujours avec le cerveau en ébullition et plein de motivation.</p>
  121. <p>Enfin, j’ai participé à <strong>plusieurs événements organisés par les Designers Éthiques</strong> : des meetups de l’antenne lyonnaise, et l’événement <a href="http://ethicsbydesign.fr/">ethics by design</a>. Les sujets évoqués sont assez pointus mais toujours inspirants !</p>
  122. <p></p>
  123. <h2 class="wp-block-heading" id="de-la-presence-sur-internet">De la présence sur internet</h2>
  124. <p>En 2022, <strong>j’ai été active sur internet</strong>. Avant tout <strong>sur mon blog, où j’ai écrit 6 articles</strong>, dont la plupart lors de la seconde moitié de l’année. En effet, dans l’été, j’ai eu un regain d’énergie : j’ai envie de publier plus ! J’ai alors décidé que <em>« chaque long message à un‧e ami‧e ou à des collègues sur un Slack devrait être un post de blog ! »</em> . C’est comme ça qu’est né l’article sur <a href="https://blog.hello-bokeh.fr/2022/09/15/quelles-methodes-pour-apprendre-litalien/">Quelles méthodes pour apprendre l’italien</a>, ou mes revues de lectures.<br></p>
  125. <p>Pour 2023, j’ai déjà en stock quelques brouillons à formaliser :</p>
  126. <ul>
  127. <li>un article sur ma méthode d’UX Writing préférée, découverte grâce à <a href="https://www.gladysdiandoki.com/">Gladys Diandoki</a>, et dont il n’existe aucune ressource en ligne en français.</li>
  128. <li>des ressources pour designer pour le service public</li>
  129. <li>une méthode guérilla pour tester l’accessibilité d’un outil SaaS en 3 minutes…</li>
  130. </ul>
  131. <p></p>
  132. <p>Côté réseaux sociaux, je tâtonne encore et toujours.</p>
  133. <ul>
  134. <li><strong><a href="https://twitter.com/annso_">Twitter</a></strong>, est mon réseau préféré depuis plus de 10 ans. Et même si je l’utilise aussi pour raconter les frasques de mes adorables enfants, il me sert avant tout pour du professionnel (c’est sur Twitter que j’ai trouvé mon premier boulot !). C’est le réseau où j’ai (avais) le plus de visibilité. Mais le rachat d’Elon Musk a mis un coup à tout ça… Malgré de nombreux départs, j’y suis encore, mais je poste moins (en tout cas, je tends à le faire).</li>
  135. <li><strong><a href="https://www.linkedin.com/in/tranchet/">Linkedin</a></strong>, que j’utilise « parce qu’il faut y être » mais brrr, tout me hérisse. Les phrases avec les sauts de lignes, les posts affichés de manière randoms… J’y communique en essayant de trouver le juste milieu entre écrire « pour la visibilité » et « de manière sincère ». Pour autant, on me contacte parfois sur ce réseau pour des missions. Je continue donc à faire acte de présence !</li>
  136. <li>Enfin, j’ai rejoint récemment <strong><a href="https://framapiaf.org/@annso">Mastodon</a></strong>. Je ne sais pas encore trop quel usage je vais y faire, ni si j’accroche vraiment. Il est encore trop tôt pour savoir si le réseau pourra m’être utile à titre professionnel.</li>
  137. </ul>
  138. <p>En 2023, <strong>j’espère réduire mon temps sur les réseaux, sans totalement disparaître</strong>. Sinon, qui saura que je publie des articles fleuves comme celui ci ? Où pourrais-je parler de mes dernières lubies ?</p>
  139. <p>Enfin, je suis aussi <strong>membre (active) de plusieurs communautés</strong> Slack ou Mattermost : web, content design, accessibilité… Ce sont des espaces riches d’échanges, de conseils et de découvertes. Je peux y poser des questions plus pointues que sur les réseaux sociaux, et même parfois trouver des missions (ou quelqu’un pour me remplacer car je suis surbookée). </p>
  140. <p>Ces échanges m’ont permis de faire des rencontres très chouettes cette année !</p>
  141. <p></p>
  142. <h2 class="wp-block-heading" id="peu-de-projets-personnels">Peu de projets personnels</h2>
  143. <p>En 2022, peu d’activité de ce côté-là.</p>
  144. <p><strong>J’ai peu fait vivre <a href="https://design-accessible.fr/">design-accessible.fr</a>,</strong> principalement par manque de temps. Pourtant, j’ai des envies :</p>
  145. <ul>
  146. <li>Mettre en ligne la cinquantaine de ressources amassées dans l’année.</li>
  147. <li>Revoir la partie « tags » qui n’est pas facilement navigable. J’ai travaillé sur plusieurs tentatives de refonte de l’architecture de l’information. Mais hélas, rien de concluant encore (Quelqu’un disponible pour brainstormer ?)</li>
  148. <li>Finir de designer (puis d’implémenter) un darkmode (et son switch évidemment ! On n’impose pas le darkmode !)</li>
  149. </ul>
  150. <p>Sur mon site personnel <strong>hello-bokeh.fr</strong>, je gardais trace de mon activité, comme depuis 2 ans, mais j’ai laissé tomber la semaine 3… Je vais essayer de reprendre en 2023, peut-être <a href="https://www.24joursdeweb.fr/2022/traces-de-developpements/">sous un autre format</a>.</p>
  151. <p></p>
  152. <h2 class="wp-block-heading" id="mais-beaucoup-d-apprentissages">Mais beaucoup d’apprentissages</h2>
  153. <p>En 2022, <strong>j’ai testé les formations en ligne</strong>. Plus exactement, j’en ai acheté 3, commencées 2 et fini aucune 🤪 :</p>
  154. <ul>
  155. <li><a href="https://smart-interface-design-patterns.com">Smart Interface Design Pattern</a> de <a href="https://www.smashingmagazine.com/">Vitaly Friedman</a>. J’avais envie de m’améliorer en pattern sur mobile (je fais plutôt de l’UX pour desktop). Mais après plusieurs mois, j’en suis seulement à 12 %, moitié par manque de temps, moitié parce que je n’apprends pas tant de choses que ça…</li>
  156. <li><a href="https://testingaccessibility.com/">Testing Accessibility</a> de <a href="https://marcysutton.com/">Marcy Sutton</a> pour apprendre à tester l’accessibilité plus en profondeur. J’en ai fait les deux tiers ! Assez chouette même s’il faut un bon background tech pour suivre.</li>
  157. <li><a href="https://practical-accessibility.today/">Practical Accessibility</a> de <a href="https://www.sarasoueidan.com/">Sara Souaidan</a>, qui est en fait une pré-commande. Ce sera un cours plutôt orienté front-end que UX mais je suis une fan absolue de Sara qui propose toujours des articles extrêmement poussés et étudiés. Je l’attends donc avec impatience !<br>Bon, en 2023, le message est clair : peut être que je pourrais par exemple… finir ces formations 🙈.</li>
  158. </ul>
  159. <p><strong>J’ai assisté à plusieurs ateliers, fresques ou formations autour de l’éco-conception</strong> (fresque du numérique éthique, design systémique…) organisés par Designer Éthiques. Ce sont des formats légers, qui s’intègrent bien dans mon emploi du temps chargé !</p>
  160. <p>Enfin, <strong>j’ai aussi lu beaucoup</strong><em> </em>! J’ai participé au book club <a href="https://twitter.com/contentdesignfr">Content Design FR</a> , ce qui m’a motivé à lire des livres que je possédais parfois déjà ! Et <strong>je cherche encore comment partager sur mes lectures</strong>. Cette année, j’ai pris le temps de rédiger deux revues de lecture sur mon blog. Mais ça reste un format difficile à maîtriser pour moi. Faut-il retranscrire ce que le livre raconte ? (au risque de déformer le message, et en sachant que ça peut être très chronophage) ? Ou faut-il plutôt garder trace des pistes que m’ont ouvert le livre (« J’ai appris ceci, j’ai envie d’essayer cela… »). Je tâtonne encore !</p>
  161. <p></p>
  162. <h2 class="wp-block-heading" id="en-conclusion">En conclusion</h2>
  163. <p>Pour moi, <strong>l’année 2022 aura été riche en opportunités, en rencontres et en apprentissages</strong> ! Je me sens extrêmement privilégiée de pouvoir faire un métier qui me passionne et de pouvoir échanger et travailler avec des gens brillants.</p>
  164. <p>En 2023, je pourrais souhaiter me recentrer sur un sujet en particulier, mais je n’en ai clairement pas envie ! J’apprécie ne pas avoir à choisir entre UX, accessibilité, contenu (ou tout autre sujet qui m’intéressera dans les mois qui viennent). Alors <strong>je me souhaite plutôt de pouvoir continuer à m’amuser professionnellement</strong> : c’est un beau projet de vie, non ?<strong> 😊.</strong></p>
  165. </article>
  166. <hr>
  167. <footer>
  168. <p>
  169. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  170. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  171. </svg> Accueil</a> •
  172. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  173. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  174. </svg> Suivre</a> •
  175. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  176. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  177. </svg> Pro</a> •
  178. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  179. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  180. </svg> Email</a> •
  181. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  182. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  183. </svg> Légal</abbr>
  184. </p>
  185. <template id="theme-selector">
  186. <form>
  187. <fieldset>
  188. <legend><svg class="icon icon-brightness-contrast">
  189. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  190. </svg> Thème</legend>
  191. <label>
  192. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  193. </label>
  194. <label>
  195. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  196. </label>
  197. <label>
  198. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  199. </label>
  200. </fieldset>
  201. </form>
  202. </template>
  203. </footer>
  204. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  205. <script>
  206. function loadThemeForm(templateName) {
  207. const themeSelectorTemplate = document.querySelector(templateName)
  208. const form = themeSelectorTemplate.content.firstElementChild
  209. themeSelectorTemplate.replaceWith(form)
  210. form.addEventListener('change', (e) => {
  211. const chosenColorScheme = e.target.value
  212. localStorage.setItem('theme', chosenColorScheme)
  213. toggleTheme(chosenColorScheme)
  214. })
  215. const selectedTheme = localStorage.getItem('theme')
  216. if (selectedTheme && selectedTheme !== 'undefined') {
  217. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  218. }
  219. }
  220. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  221. window.addEventListener('load', () => {
  222. let hasDarkRules = false
  223. for (const styleSheet of Array.from(document.styleSheets)) {
  224. let mediaRules = []
  225. for (const cssRule of styleSheet.cssRules) {
  226. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  227. continue
  228. }
  229. // WARNING: Safari does not have/supports `conditionText`.
  230. if (cssRule.conditionText) {
  231. if (cssRule.conditionText !== prefersColorSchemeDark) {
  232. continue
  233. }
  234. } else {
  235. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  236. continue
  237. }
  238. }
  239. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  240. }
  241. // WARNING: do not try to insert a Rule to a styleSheet you are
  242. // currently iterating on, otherwise the browser will be stuck
  243. // in a infinite loop…
  244. for (const mediaRule of mediaRules) {
  245. styleSheet.insertRule(mediaRule.cssText)
  246. hasDarkRules = true
  247. }
  248. }
  249. if (hasDarkRules) {
  250. loadThemeForm('#theme-selector')
  251. }
  252. })
  253. </script>
  254. </body>
  255. </html>