{"id":7509,"date":"2019-07-28T13:24:12","date_gmt":"2019-07-28T11:24:12","guid":{"rendered":"https:\/\/stephaniewalter.design\/fr\/?p=7509"},"modified":"2019-09-03T21:24:28","modified_gmt":"2019-09-03T19:24:28","slug":"la-semaine-en-pixels-28-juillet-2019","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/","title":{"rendered":"La semaine en pixels \u2013 28 juillet 2019"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 5 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Chaque semaine, je publie un condens\u00e9 de ma veille web design, UX (exp\u00e9rience utilisateurs), design d’interface et mobilit\u00e9, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre.<\/p>\n

Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

Au programme de la version\u00a0 fran\u00e7aise<\/strong> : conseils sur les interactions au survol, CSS Grid layout et un petit outil pour vos audits d’ergonomie.<\/p>\n

Au programme de la version anglaise<\/strong> : animations \u00e0 l’aquarelle cam\u00e9l\u00e9ons, posters de femmes \u00ab\u00a0role model\u00a0\u00bb dans les STEMs (science, technologie, ing\u00e9nierie et math\u00e9matiques), recherche utilisateurs avec des personnes vuln\u00e9rables, faire sa veille UX, conseils pour les interfaces sombres, CSS :not(), animations CSS, un outil de podcast, l’histoire g\u00e9opolitique derri\u00e8re le .io, bases de la ligne de commande en vid\u00e9o, une API pour d\u00e9tecter les formes dans le navigateur, un robot de pr\u00e9dictions biens funs, de l’accessibilit\u00e9 et plus.<\/p>\n

Pixels of the Week \u2013 July 28, 2019 <\/use><\/svg><\/span><\/a><\/p>\n

Ce que j’ai fait cette semaine<\/h2>\n

#Conference<\/p>\n

In y a deux semaines j’\u00e9tais \u00e0 Barcelone au CSSCamp pour parler de perception de performance et experience utilisateur. Les slides sont disponibles, la vid\u00e9o arrive bient\u00f4t : Mind over Matter: Optimize Performance Without Code \u2013 CSSCamp 2019<\/a><\/span><\/p>\n

#Expertise<\/p>\n

Je suis \u00e9galement super contente de vous annoncer que je suis officiellement \u00a0Google Dev Expert Web Technology<\/a>\u00a0\ud83d\ude42<\/p>\n

Mon conseil de la semaine<\/h2>\n

#UX #Interaction<\/p>\n

Conseil rapide bas\u00e9 sur quelques heures d’observation utilisateur pour faire un audit d’utilisabilit\u00e9 : si \u00ab\u00a0\u00e7a\u00a0\u00bb ressemble \u00e0 un bouton ET que la couleur change au survol, l’utilisatrice va sans doute cliquer dessus, plusieurs fois, pensant que c’est un bouton ou un lien<\/a>.\u00a0 Mon conseil : \u00e9viter l’effet de survol sur les \u00e9l\u00e9ments non interactions<\/strong>. C’est encore plus complexe sur mobile : l’\u00e9l\u00e9ment garde l’effet CSS \u00ab\u00a0:hover\u00a0\u00bb, donc les utilisatrices pensent que ce sur quoi elles viennent de cliquer est un bouton et que quelque chose va se passer ensuite (comme un chargement de page).<\/p>\n

La veille francophone<\/h2>\n

#CSS<\/p>\n

Apprendre le positionnement en s\u2019amusant \u2013 Partie 2 : Grid Layout<\/a><\/p>\n

#BD<\/p>\n

P\u00e9l\u00e9nope Bagieu a gagn\u00e9 un Eisner \u00e0 la comicon<\/a>, whooooo !!!<\/p>\n

#Ergonomie #Outils<\/p>\n

Le petit outil pratique de la semaine : Capian<\/a>. Il vous permet de simplifier la cr\u00e9ation d’audits d’ergonomie, permet de capturer dans le navigateur (mobile et desktop), ajouter la description du probl\u00e8me, des recommandations et la s\u00e9v\u00e9rit\u00e9 et d’ensuite tout exporter dans diff\u00e9rents formats (PDF, pptx).<\/p>\n","protected":false},"excerpt":{"rendered":"

Votre dose de veille design et UX de la semaine : conseils sur les interactions au survol, CSS Grid layout et un petit outil pour vos audits d’ergonomie.<\/p>\n","protected":false},"author":3,"featured_media":7512,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-7509","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"\nLa semaine en pixels \u2013 28 juillet 2019 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Votre dose de veille design et UX de la semaine : conseils sur les interactions au survol, CSS Grid layout et un petit outil pour vos audits d'ergonomie.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"La semaine en pixels \u2013 28 juillet 2019 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Votre dose de veille design et UX de la semaine : conseils sur les interactions au survol, CSS Grid layout et un petit outil pour vos audits d'ergonomie.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/\" \/>\n<meta property=\"og:site_name\" content=\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-28T11:24:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-03T19:24:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2019\/07\/liensemaine-28juillet2019.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"St\u00e9phanie Walter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:site\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"St\u00e9phanie Walter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/\",\"name\":\"La semaine en pixels \u2013 28 juillet 2019 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2019\/07\/liensemaine-28juillet2019.jpg\",\"datePublished\":\"2019-07-28T11:24:12+00:00\",\"dateModified\":\"2019-09-03T19:24:28+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Votre dose de veille design et UX de la semaine : conseils sur les interactions au survol, CSS Grid layout et un petit outil pour vos audits d'ergonomie.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2019\/07\/liensemaine-28juillet2019.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2019\/07\/liensemaine-28juillet2019.jpg\",\"width\":850,\"height\":350},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/\",\"name\":\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\",\"description\":\"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l'utilisabilit\u00e9 et l'accessibilit\u00e9.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\",\"name\":\"St\u00e9phanie Walter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"caption\":\"St\u00e9phanie Walter\"},\"description\":\"UX Researcher & Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)\",\"sameAs\":[\"https:\/\/stephaniewalter.design\/\",\"https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/\",\"https:\/\/x.com\/walterstephanie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La semaine en pixels \u2013 28 juillet 2019 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Votre dose de veille design et UX de la semaine : conseils sur les interactions au survol, CSS Grid layout et un petit outil pour vos audits d'ergonomie.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 28 juillet 2019 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Votre dose de veille design et UX de la semaine : conseils sur les interactions au survol, CSS Grid layout et un petit outil pour vos audits d'ergonomie.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2019-07-28T11:24:12+00:00","article_modified_time":"2019-09-03T19:24:28+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2019\/07\/liensemaine-28juillet2019.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@walterstephanie","twitter_site":"@walterstephanie","twitter_misc":{"\u00c9crit par":"St\u00e9phanie Walter","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/","name":"La semaine en pixels \u2013 28 juillet 2019 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2019\/07\/liensemaine-28juillet2019.jpg","datePublished":"2019-07-28T11:24:12+00:00","dateModified":"2019-09-03T19:24:28+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Votre dose de veille design et UX de la semaine : conseils sur les interactions au survol, CSS Grid layout et un petit outil pour vos audits d'ergonomie.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-juillet-2019\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2019\/07\/liensemaine-28juillet2019.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2019\/07\/liensemaine-28juillet2019.jpg","width":850,"height":350},{"@type":"WebSite","@id":"https:\/\/stephaniewalter.design\/fr\/#website","url":"https:\/\/stephaniewalter.design\/fr\/","name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","description":"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l'utilisabilit\u00e9 et l'accessibilit\u00e9.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf","name":"St\u00e9phanie Walter","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","caption":"St\u00e9phanie Walter"},"description":"UX Researcher & Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)","sameAs":["https:\/\/stephaniewalter.design\/","https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/","https:\/\/x.com\/walterstephanie"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/7509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/comments?post=7509"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/7509\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/7512"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=7509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=7509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=7509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}