{"id":7427,"date":"2019-05-26T11:22:49","date_gmt":"2019-05-26T09:22:49","guid":{"rendered":"https:\/\/stephaniewalter.design\/fr\/?p=7427"},"modified":"2019-05-26T23:30:50","modified_gmt":"2019-05-26T21:30:50","slug":"la-semaine-en-pixels-26-mai-2019","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-mai-2019\/","title":{"rendered":"La semaine en pixels \u2013 26 mai 2019"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 7 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>Chaque semaine, je publie un condens\u00e9 de ma veille web design, UX (exp\u00e9rience utilisateurs), design d&rsquo;interface et mobilit\u00e9, HTML et CSS, mais aussi des outils et ressources et de l&rsquo;inspiration en tout genre.<\/p>\n<p>Au programme : un \u00e9pisode podcast sur l&rsquo;accessibilit\u00e9 et le design, des boutons SVG accessibles, ergonomie des \u00e9crans tactiles de Tesla, conception de produits pour le grand public, compr\u00e9hension de Mod\u00e8le de Kano, aide pour passer de Sketch \u00e0 Figma, comment les assistants vocaux r\u00e9pondant au harc\u00e8lement, quelques astuces CSS, le guide du SVG et CSS, un manuel pour cr\u00e9er des animations, input mode en HTML, des questions alimentaires et climatiques, une petite plateforme de micro blogging, conventions de nommage de design, des affiches et du concepts art pour vous inspirer, etc.<\/p>\n<p>Pour plus de liens chaque matin vous pouvez\u00a0 <a href=\"https:\/\/twitter.com\/WalterStephanie\">me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n<h2>Ce que j&rsquo;ai fait cette semaine<\/h2>\n<p>#Accessibilit\u00e9<\/p>\n<p>J&rsquo;ai particip\u00e9 \u00e0 un un podcast sur l&rsquo;accessibilit\u00e9 : pour moi les designeurs et designeuses sont \u00e9galement garantes de l&rsquo;accessibilit\u00e9 les produits et services que l&rsquo;on cr\u00e9e. <a href=\"https:\/\/a11yrules.com\/podcast\/e081-interview-with-stephanie-walter-part-1\/\" hreflang=\"en\">\u00a0La partie 1 est disponible en ligne <\/a> (la partie 2 sera la semaine prochaine), amusez-vous bien<\/p>\n<h2>Les liens en fran\u00e7ais<\/h2>\n<p>#Notifications<\/p>\n<p><a href=\"http:\/\/concevoirunenotification.design\/#\">Comment concevoir une notification centr\u00e9e utilisateur ?<\/a> un livre blanc en fran\u00e7ais pour vous aider \u00e0 concevoir des notifications qui ne vont pas (trop) exasp\u00e9rer vos utilisatrices<\/p>\n<h2>tl;dnr, s&rsquo;il devait n&rsquo;en rester qu&rsquo;un ?<\/h2>\n<p>#CSS<\/p>\n<p><a lang=\"en\" href=\"https:\/\/dev.to\/ananyaneogi\/css-can-do-that-18g7\" hreflang=\"en\">CSS can do that?<\/a> Quelques trucs utiles et sympas que CSS peut faire mais vous ne saviez peut-\u00eatre pas ?<\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#UX #Ecran tactiles #Voitures<\/p>\n<ul>\n<li><a lang=\"en\" href=\"https:\/\/www.nngroup.com\/articles\/tesla-big-touchscreen\/\" hreflang=\"en\">Tesla\u2019s Touchscreen UI<\/a>: une \u00e9tude de cas de l&rsquo;interface utilisateur des \u00e9crans tactiles de Tesla : les commandes du v\u00e9hicule devraient \u00eatre facilement accessibles et n\u00e9cessiter un minimum d&rsquo;attention de la part du conducteur, tandis que les informations relatives \u00e0 la conduite devraient \u00eatre affich\u00e9es de mani\u00e8re claire et compr\u00e9hensible.<\/li>\n<li><a lang=\"en\" href=\"https:\/\/medium.com\/@jmspool\/understanding-the-kano-model-a-tool-for-sophisticated-designers-d91d092ad885\" hreflang=\"en\">Understanding the Kano Model\u200a\u2014\u200aA Tool for Sophisticated Designers<\/a> Comprendre le mod\u00e8le Kano, un outil pour comprendre les attentes et leur donner des priorit\u00e9s en termes de conception<\/li>\n<li><a lang=\"en\" href=\"https:\/\/www.nngroup.com\/articles\/everyone-as-users\/\" hreflang=\"en\">\u00ab\u00a0Our Users Are Everyone\u00a0\u00bb<\/a>: designer pour n&rsquo;importe qui, c&rsquo;est comme pr\u00e9parer un voyage pour n&rsquo;importe o\u00f9, m\u00eame si vos donn\u00e9es d\u00e9mographiques cibles sont tr\u00e8s larges, vous devriez quand m\u00eame identifier des groupes sp\u00e9cifiques d&rsquo;utilisatrices au sein de ce public \u00e0 utiliser pour la recherche et la conception.<\/li>\n<\/ul>\n<p>#Design<\/p>\n<ul>\n<li><a lang=\"en\" href=\"https:\/\/digitalsynopsis.com\/design\/visual-hierarchy-graphic-design-principles\/\" hreflang=\"en\">12 Visual Hierarchy Principles Every Designer Should Know<\/a> une infographie qui pr\u00e9sent 12 Principes de hi\u00e9rarchie visuelle<\/li>\n<li><a lang=\"en\" href=\"https:\/\/www.designsystems.com\/stack-mirroring-designing-for-code-and-coding-for-design\/\" hreflang=\"en\">Stack mirroring: Designing for code and coding for design<\/a> &#8211; Un article int\u00e9ressant sur la fa\u00e7on de copier la structure du code HTML pour la\u00a0 structure et nommage des fichiers de design. C&rsquo;est sympa, c&rsquo;est aussi une fa\u00e7on int\u00e9ressante de relancer le vieux d\u00e9bat sur le \u00ab\u00a0est-ce que les designers devraient savoir coder?\u00a0\u00bb Pour \u00eatre honn\u00eate, j&rsquo;ai tendance \u00e0 faire \u00e7a aussi bien mais j&rsquo;avais l&rsquo;habitude d&rsquo;\u00e9crire du HTML<\/li>\n<li>Si vous \u00eates un utilisateur de Sketch et que vous passez \u00e0 Figma, cela devrait vous aider : <a lang=\"en\" href=\"https:\/\/automattic.design\/2019\/05\/15\/figma-for-sketch-users\/\" hreflang=\"en\">Figma for Sketch users<\/a> (Figma pour les utilisateurs de Sketch)<\/li>\n<\/ul>\n<p>#HTML<\/p>\n<ul>\n<li><a lang=\"en\" href=\"https:\/\/css-tricks.com\/everything-you-ever-wanted-to-know-about-inputmode\/\" hreflang=\"en\">Everything You Ever Wanted to Know About inputmode<\/a>. Tout ce que vous avez toujours voulu savoir sur <span lang=\"en\">inputmode<\/span>. Contrairement aux <span lang=\"en\">input types<\/span> des formulaires, le <span lang=\"en\">inputmode<\/span> de saisie ne change pas la fa\u00e7on dont le navigateur interpr\u00e8te l&rsquo;entr\u00e9e &#8211; il indique juste au navigateur quel clavier afficher, et c&rsquo;est vraiment utile sur mobile<\/li>\n<li><a lang=\"en\" href=\"https:\/\/idiallo.com\/blog\/18000-dollars-static-web-page\" hreflang=\"en\">\u00ab\u00a0I charged $18,000 for a Static HTML Page&#8230; and got away with it<\/a>.\u00a0\u00bbJ&rsquo;ai factur\u00e9 18 000 $ pour une page HTML statique&#8230; et c&rsquo;est pass\u00e9.\u00a0\u00bb La joie d&rsquo;\u00eatre freelance et travailler pour de grandes entreprises.<\/li>\n<\/ul>\n<p>#Assistantes Vocales<\/p>\n<p>Une infographie int\u00e9ressante sur la fa\u00e7on dont les <a href=\"https:\/\/twitter.com\/charlottejee\/status\/1131156021601296384\" hreflang=\"en\">assistantes vocales, qui sont faites pour para\u00eetre f\u00e9minines par d\u00e9faut, r\u00e9agissent au harc\u00e8lement sexuel.<\/a><\/p>\n<p>#Ecommerce #Biais Cognitifs<\/p>\n<p>Combatez vos biais cognitifs avant d&rsquo;acheter avec ce petit guide: <a lang=\"en\" href=\"https:\/\/www.shopify.com\/blog\/13-cognitive-biases-ecommerce\" hreflang=\"en\">13 Cognitive Biases in Ecommerce (and How to Use Them to Sell More)<\/a><\/p>\n<p>#Passions #Productivit\u00e9<\/p>\n<p><a lang=\"en\" href=\"https:\/\/www.manrepeller.com\/2019\/02\/trap-of-turning-hobbies-into-hustles.html?utm_source=densediscovery&amp;utm_medium=email&amp;utm_campaign=newsletter-issue-37\" hreflang=\"en\">The Modern Trap of Turning Hobbies Into Hustles<\/a>, Le pi\u00e8ge moderne de vouloir transformer les passions et passe temps en argent, aussi connu sous le nom de du syndrome \u00ab\u00a0H\u00e9\u00e9\u00e9 mais tu devrais trop le vendre sur Etsy\u00a0\u00bb. J&rsquo;avais beaucoup de gens m&rsquo;avaient dit \u00e0 une \u00e9poque de vendre mes <a lang=\"en\" href=\"https:\/\/dribbble.com\/shots\/4621141-Zero-Fox-Given\" hreflang=\"en\">autocollants \u00ab\u00a0Foxy\u00a0\u00bb<\/a> sur Etsy sauf que c&rsquo;est plus d&rsquo;ennuis qu&rsquo;autre chose donc je pr\u00e9f\u00e8re les offrir en conf\u00e9rence.<\/p>\n<h2>De l\u2019inspiration, du fun et de jolies id\u00e9es<\/h2>\n<p>#Nourriture #Climat<\/p>\n<p>\u00ab\u00a0<a lang=\"en\" href=\"https:\/\/www.nytimes.com\/interactive\/2019\/04\/30\/dining\/climate-change-food-eating-habits.html\" hreflang=\"en\">Your Questions About Food and Climate Change, Answered &#8211; How to shop, cook and eat in a warming world<\/a>.\u00a0\u00bb \u00ab\u00a0Les r\u00e9ponses \u00e0 vos questions sur l&rsquo;alimentation et le changement climatique, comment acheter, cuisiner et manger dans un monde qui se r\u00e9chauffe.\u00a0\u00bb un article interactif tr\u00e8s int\u00e9ressant<\/p>\n<p>#Affiches #Donn\u00e9es<\/p>\n<p><a lang=\"en\" href=\"http:\/\/raceforutopia.com\/\" hreflang=\"en\">50 States Race for Utopia<\/a>, 50 Courses \u00e0 L&rsquo;Utopie, une int\u00e9ressante collection d&rsquo;affiches open source sur la course aux nouvelles technologies et aux inventions pour stimuler l&rsquo;\u00e9conomie de chacun des \u00e9tats am\u00e9ricains.<\/p>\n<p>#Concept art<\/p>\n<p>Hello, le portfolio de concept art de <a lang=\"en\" href=\"https:\/\/www.artstation.com\/danielliang\" hreflang=\"en\">Daniel Liang&rsquo;s<\/a> est magnifique et vous devez le visiter.<\/p>\n<h2>Tutoriels<\/h2>\n<p>#SVG #Accessibilit\u00e9<\/p>\n<p><a lang=\"en\" href=\"https:\/\/www.sarasoueidan.com\/blog\/accessible-icon-buttons\/\" hreflang=\"en\">Accessible Icon Buttons<\/a>, un tutoriel int\u00e9ressant sur la cr\u00e9ation de boutons SVG accessibles<\/p>\n<p>#CSS<\/p>\n<ul>\n<li><a lang=\"en\" href=\"https:\/\/cssfx.dev\/\" hreflang=\"en\">cssfx.dev<\/a> effets de survol vraiment sympas que vous pouvez copier coller (ceux sur les champs qui ne fonctionnent que dans Firefox pour moi par contre)<\/li>\n<li><a lang=\"en\" href=\"https:\/\/andy-bell.design\/wrote\/create-a-responsive-grid-layout-with-no-media-queries-using-css-grid\/?ref=dailydevlinks.com\" hreflang=\"en\">Create a responsive grid layout with no media queries<\/a>, cr\u00e9ez une disposition en grille responsive sans <span lang=\"en\">media queries<\/span>, en utilisant CSS Grid <span lang=\"en\">minmax<\/span><\/li>\n<\/ul>\n<h2>Des ressources outils et plugins pour vous faciliter la vie<\/h2>\n<p>#SVG #CSS<\/p>\n<p>Un guide utile des propri\u00e9t\u00e9s SVG et CSS:\u00a0 <a lang=\"en\" href=\"https:\/\/css-tricks.com\/svg-properties-and-css\/\" hreflang=\"en\">SVG Properties and CSS<\/a><\/p>\n<p>#Animations<\/p>\n<p><a lang=\"en\" href=\"https:\/\/www.designbetter.co\/animation-handbook\/\" hreflang=\"en\">Animation Handbook<\/a>, apprenez comment vous pouvez utiliser les animations pour expliquer des concepts abstraits, rendre les produits plus r\u00e9alistes et insuffler plus d&rsquo;\u00e9motion dans vos exp\u00e9riences num\u00e9riques.<\/p>\n<p>#Blog<\/p>\n<p><a lang=\"en\" href=\"https:\/\/blot.im\/\" hreflang=\"en\">blot.im<\/a> une plateforme de micro-blogging qui transforme vos fichiers et dossiers en un blog. Ca pourrait \u00eatre une petite solution facile si vous voulez publier rapidement quelque chose. (supporte <span lang=\"en\">markup<\/span>, HTML, JS, CSS, etc.)<\/p>\n<p>#CSS<\/p>\n<p><a lang=\"en\" href=\"https:\/\/www.matuzo.at\/til\/\" hreflang=\"en\">TIL<\/a> (<span lang=\"en\">Today I learned<\/span>) quelques trucs et astuces sur les CSS, les \u00e9diteurs de code, etc.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Votre dose de veille UX, UI design et Front-end de la semaine : un \u00e9pisode podcast sur l&rsquo;accessibilit\u00e9 et le design, des boutons SVG accessibles, ergonomie des \u00e9crans tactiles de Tesla, conception de produits pour le grand public, compr\u00e9hension de Mod\u00e8le de Kano, aide pour passer de Sketch \u00e0 Figma, comment les assistants vocaux r\u00e9pondant au harc\u00e8lement, quelques astuces CSS, le guide du SVG et CSS, un manuel pour cr\u00e9er des animations, input mode en HTML, des questions alimentaires et climatiques, une petite plateforme micro blogging, conventions de nommage de design, des affiches et du concepts art pour vous inspirer, etc.<\/p>\n","protected":false},"author":3,"featured_media":7428,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-7427","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>La semaine en pixels \u2013 26 mai 2019 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"La veille design et front-end : podcast sur l&#039;accessibilit\u00e9, boutons SVG accessibles, ergonomie des \u00e9crans Tesla, conception de produits pour le grand public, Mod\u00e8le de Kano, passer de Sketch \u00e0 Figma, guide du SVG et CSS, animations, input mode en HTML, etc.\" \/>\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-26-mai-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 26 mai 2019 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"La veille design et front-end : podcast sur l&#039;accessibilit\u00e9, boutons SVG accessibles, ergonomie des \u00e9crans Tesla, conception de produits pour le grand public, Mod\u00e8le de Kano, passer de Sketch \u00e0 Figma, guide du SVG et CSS, animations, input mode en HTML, etc.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-mai-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-05-26T09:22:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-26T21:30:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2019\/05\/liensemaine-26mai2019.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=\"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\" \/>\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=\"5 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-26-mai-2019\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-mai-2019\/\",\"name\":\"La semaine en pixels \u2013 26 mai 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-26-mai-2019\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-mai-2019\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2019\/05\/liensemaine-26mai2019.jpg\",\"datePublished\":\"2019-05-26T09:22:49+00:00\",\"dateModified\":\"2019-05-26T21:30:50+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"La veille design et front-end : podcast sur l'accessibilit\u00e9, boutons SVG accessibles, ergonomie des \u00e9crans Tesla, conception de produits pour le grand public, Mod\u00e8le de Kano, passer de Sketch \u00e0 Figma, guide du SVG et CSS, animations, input mode en HTML, etc.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-mai-2019\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-mai-2019\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2019\/05\/liensemaine-26mai2019.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2019\/05\/liensemaine-26mai2019.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&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"caption\":\"St\u00e9phanie Walter\"},\"description\":\"UX Researcher &amp; 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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La semaine en pixels \u2013 26 mai 2019 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"La veille design et front-end : podcast sur l'accessibilit\u00e9, boutons SVG accessibles, ergonomie des \u00e9crans Tesla, conception de produits pour le grand public, Mod\u00e8le de Kano, passer de Sketch \u00e0 Figma, guide du SVG et CSS, animations, input mode en HTML, etc.","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-26-mai-2019\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 26 mai 2019 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"La veille design et front-end : podcast sur l'accessibilit\u00e9, boutons SVG accessibles, ergonomie des \u00e9crans Tesla, conception de produits pour le grand public, Mod\u00e8le de Kano, passer de Sketch \u00e0 Figma, guide du SVG et CSS, animations, input mode en HTML, etc.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-mai-2019\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2019-05-26T09:22:49+00:00","article_modified_time":"2019-05-26T21:30:50+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2019\/05\/liensemaine-26mai2019.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social","twitter_site":"@walterstephanie","twitter_misc":{"\u00c9crit par":"St\u00e9phanie Walter","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-mai-2019\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-mai-2019\/","name":"La semaine en pixels \u2013 26 mai 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-26-mai-2019\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-mai-2019\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2019\/05\/liensemaine-26mai2019.jpg","datePublished":"2019-05-26T09:22:49+00:00","dateModified":"2019-05-26T21:30:50+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"La veille design et front-end : podcast sur l'accessibilit\u00e9, boutons SVG accessibles, ergonomie des \u00e9crans Tesla, conception de produits pour le grand public, Mod\u00e8le de Kano, passer de Sketch \u00e0 Figma, guide du SVG et CSS, animations, input mode en HTML, etc.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-mai-2019\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-mai-2019\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2019\/05\/liensemaine-26mai2019.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2019\/05\/liensemaine-26mai2019.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&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","caption":"St\u00e9phanie Walter"},"description":"UX Researcher &amp; 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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/7427","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=7427"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/7427\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/7428"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=7427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=7427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=7427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}