{"id":5999,"date":"2016-12-09T06:00:29","date_gmt":"2016-12-09T05:00:29","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5999"},"modified":"2022-03-17T20:48:22","modified_gmt":"2022-03-17T19:48:22","slug":"semaine-pixels-9-decembre-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/","title":{"rendered":"La semaine en pixels \u2013 9 d\u00e9cembre 2016"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>Comme chaque semaine, \u00a0un condens\u00e9 de mes lectures et ma veille web design et graphisme, exp\u00e9rience utilisateurs, design d&rsquo;interface et mobilit\u00e9, mais aussi des outils et ressources pour le web design et de l&rsquo;inspiration en tout genre : illustrations, photos, sites web, etc.<\/p>\n<p>Au programme : exp\u00e9rience utilisateur et boutons radio, design d&rsquo;interface en cartes, un peu d&rsquo;histoire du Bauhaus, design sprint, cession de test utilisateur, CSS et typographie responsive, abandon de panier en e-commerce, Sketch vs Photoshop sur Windows, UI optimistes et futur du web. Ajoutez un article sur sur les grilles CSS, tutoriel d&rsquo;animations, progressive web apps, kit de persona et des d\u00e9mos tr\u00e8s sympas.<\/p>\n<p>Pour plus de liens chaque matin vous pouvez <a href=\"https:\/\/twitter.com\/WalterStephanie\">me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n<h2>tl;dnr, s&rsquo;il devait n&rsquo;en rester qu&rsquo;un ?<\/h2>\n<p>#Talk #Community<\/p>\n<p>\u201cMy character is a young web dev blogger who has the confidence of a mediocre white male upper management\u201d,<a href=\"https:\/\/www.youtube.com\/watch?v=wewAC5X_CZ8\">une superbe conf\u00e9rence par Jenn Schiffer sur les trolls et \u00e0 quel point notre industrie peut parfois se montrer agressive<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6009\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/trolling.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/trolling.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/trolling-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/designnotes.blog.gov.uk\/2016\/11\/30\/weve-updated-the-radios-and-checkboxes-on-gov-uk\/\">We&rsquo;ve updated the radios and checkboxes on GOV.U<\/a>, mise \u00e0 jour des boutons radio et checkboxes sur le site gov.uk<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5997\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/govukcheckbox.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/govukcheckbox.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/govukcheckbox-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Design<\/p>\n<p><a href=\"https:\/\/m.signalvnoise.com\/im-not-sure-if-i-like-what-i-did-here-or-not-41d00f518176#.1ss0g8nkv\">\u201cI\u2019m not sure if I like what I did here or not\u201d,<\/a>entendre un designer parler de ses doutes durant un entretien d\u2019embauche est particuli\u00e8rement rafra\u00eechissant<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5998\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/imnotsure.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/imnotsure.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/imnotsure-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Cards<\/p>\n<p><a href=\"http:\/\/zurb.com\/article\/1456\/5-common-mistakes-designers-make-when-usi\">5 Common Mistakes Designers Make When Using Cards In Design<\/a>, 5 conseils pour cr\u00e9er un design en cartes<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5989\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/cards-design.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/cards-design.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/cards-design-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/>#Design<\/p>\n<p><a href=\"https:\/\/blog.prototypr.io\/learning-in-the-bauhaus-school-five-lessons-for-todays-designers-and-five-ways-the-web-still-is-64f2985ce811#.66t932jc5\">Learning in the Bauhaus School: five lessons for today\u2019s designers (and five ways the web still is Bauhaus)<\/a>, 5 le\u00e7ons de design en se basant sur les principes du Bauhaus<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5988\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/bauhaus.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/bauhaus.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/bauhaus-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Design<\/p>\n<p><a href=\"https:\/\/medium.com\/life-in-belka\/ive-run-my-first-design-sprint-and-it-s-been-awesome-this-is-what-i-learned-a8392226cfed#.9aiw7r5cn\">I&rsquo;ve run my first design sprint and it&rsquo;s been awesome: this is what I learned<\/a>, un retour d&rsquo;exp\u00e9rience sur un design sprint<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5994\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/designsprint.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/designsprint.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/designsprint-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX #User Testing<\/p>\n<p><a href=\"https:\/\/uxdesign.cc\/i-sat-through-hours-of-user-testing-sessions-heres-what-i-learned-ead5166a4528#.8dn3ntczx\">I Sat Through Hours of User Testing Sessions. Here\u2019s What I Learned<\/a>, les gains des tests utilisateurs<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6010\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/user-testing-sessions.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/user-testing-sessions.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/user-testing-sessions-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/allthingssmitty.com\/2016\/12\/05\/flexible-type-using-root\/\">Article int\u00e9ressant sur comment utiliser :root pour faire de la typographie responsive<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5995\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/flex-type-root.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/flex-type-root.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/flex-type-root-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Partage<\/p>\n<p><a href=\"https:\/\/css-tricks.com\/simple-social-sharing-links\/\">The Simplest (and Most Performant) Way to Offer Sharing Links for Social Media<\/a>, ou comment cr\u00e9er des URLs de partage sociaux<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6007\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/social-link.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/social-link.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/social-link-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Ecommerce<\/p>\n<p><a href=\"https:\/\/speckyboy.com\/proven-tactics-avoiding-shopping-cart-abandonment\/amp\/\">Proven Tactics to Avoiding Shopping Cart Abandonment<\/a>, techniques pour \u00e9viter l\u2019abandon de panier en e-commerce<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6006\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/shopping-tactics.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/shopping-tactics.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/shopping-tactics-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p># Sketch #Tool<\/p>\n<p><a href=\"https:\/\/blog.prototypr.io\/three-reasons-why-my-windows-adobe-team-moved-from-adobe-to-sketch-2ecf5fdd45d6#.14lkldcw4\">Three reasons why my (Windows+Adobe) team moved from Adobe to Sketch<\/a>, 3 raisons de passer d\u2019Adobe Photoshop a Sketch<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5986\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/adobe-sketch.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/adobe-sketch.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/adobe-sketch-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Chatbot<\/p>\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2016\/11\/does-conversation-hurt-or-help-the-chatbot-ux\/\">Does Conversation Hurt Or Help The Chatbot UX?<\/a> un article int\u00e9ressant sur les chatbots<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5990\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/chatbot.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/chatbot.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/chatbot-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX #UI<\/p>\n<p><a href=\"https:\/\/uxplanet.org\/optimistic-1000-34d9eefe4c05#.9muedtgvw\">Optimistic UIs in under 1000 words<\/a> les interfaces qui font les actions de mani\u00e8re optimiste et la perception de la performance<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6002\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/optimistic-ui.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/optimistic-ui.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/optimistic-ui-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Futur<\/p>\n<p><a href=\"https:\/\/www.vectorform.com\/news-and-views\/access-and-experience-the-future-web\/\">Access and Experience: The Future Web<\/a>: PWA, physical web et technologies \u00e9mergentes<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5996\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/future-web.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/future-web.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/future-web-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Placeholder<\/p>\n<p><a href=\"https:\/\/uxdesign.cc\/alternatives-to-placeholder-text-13f430abc56f#.swvk1pczd\">Alternatives to Placeholder Text<\/a> &#8211; plus je lis d\u2019articles sur les placeholders, plus je me demande s\u2019il existe des cas d\u2019usage ou ca posera pas de soucis<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6003\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/placeholder-text.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/placeholder-text.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/placeholder-text-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Icons<\/p>\n<p><a href=\"http:\/\/thomasbyttebier.be\/blog\/the-best-icon-is-a-text-label\">The best icon is a text label<\/a>, la meilleure ic\u00f4ne est un label avec du texte<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6008\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/text-label-icons.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/text-label-icons.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/text-label-icons-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UI<\/p>\n<p><a href=\"https:\/\/news.greylock.com\/intuitive-design-vs-shareable-design-88ff6bb184bb#.a2sgousyd\">Intuitive Design vs. Shareable Design<\/a>, donc en fait le design incompr\u00e9hensible de Snapchat est voulu pour encourager les utilisateurs \u00e0 partager son fonctionnement<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6005\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/sharable-interface.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/sharable-interface.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/sharable-interface-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Forms<\/p>\n<p><a href=\"https:\/\/webflow.com\/blog\/how-not-to-design-web-forms#.WEkHUWMztWU.twitter\">How not to design web forms<\/a> &#8211; un article un peu cynique sur comment d\u00e9signer des formulaires qui fonctionnent<\/p>\n<h2>L\u2019actualit\u00e9 webdesign<\/h2>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/meyerweb.com\/eric\/thoughts\/2016\/12\/05\/css-grid\/\">CSS grid is coming in March 2017!!<\/a> CSS grid arrive en mars non pr\u00e9fix dans les navigateurs et tout navigateur qui comprends grid comprendra @supports() donc plus d\u2019excuse pour ne pas l\u2019utiliser<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5993\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/cssgrid.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/cssgrid.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/cssgrid-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p>#Animations<\/p>\n<p><a href=\"https:\/\/blog.prototypr.io\/complete-guide-for-making-animated-perspective-ui-design-or-story-which-nobody-wanted-to-tell-me-5dfa7dfa76d9#.5rl9z89lo\">Complete guide for making animated perspective design or story that nobody wanted to tell me<\/a>, ou comment faire de jolies animations d\u2019interface en utilisant Sketch, Flinto, AE<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5987\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/animations.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/animations.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/animations-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#PWA<\/p>\n<p><a href=\"https:\/\/developers.google.com\/web\/progressive-web-apps\/checklist\">Progressive Web App Checklist<\/a>, une checklist de ce qu\u2019il vous faut pour les progressive web apps<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6004\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/progressive-web-app-list.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/progressive-web-app-list.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/progressive-web-app-list-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/betterhumans.coach.me\/cognitive-bias-cheat-sheet-55a472476b18#.z6h9ytcrh\">Cognitive bias cheat sheet<\/a>, a really nice cheat sheet, une cheatsheet sur les biais cognitifs<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6016\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/cognitive-bias.jpeg\" alt=\"\" width=\"2000\" height=\"1599\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/cognitive-bias.jpeg 2000w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/cognitive-bias-768x614.jpeg 768w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/p>\n<h2>Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n<p>#Confirmation #Lol<\/p>\n<p><a href=\"http:\/\/confirmshaming.tumblr.com\/\">Confirmshaming.tumblr.com<\/a> quand les marketeux deviennent inventifs sur les call to action lorsque l\u2019utilisateur quitter la page<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5992\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/confirmshaming.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/confirmshaming.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/confirmshaming-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS<\/p>\n<p>Cute demo: <a href=\"http:\/\/codepen.io\/robin-dela\/pen\/ZBvpzb\">Christmas Loader<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5991\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/christmas-ss.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/christmas-ss.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/christmas-ss-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Audio<\/p>\n<p><a href=\"http:\/\/tympanus.net\/Development\/MusicalInteractions\/\">Musical procrastination level 100<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6001\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/musical-interface.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/musical-interface.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/musical-interface-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 ans. Il se peut qu&rsquo;il ne soit plus \u00e0 jour.Comme chaque semaine, \u00a0un condens\u00e9 de mes lectures et ma veille web design et graphisme, exp\u00e9rience utilisateurs, design d&rsquo;interface et mobilit\u00e9, mais aussi des outils et ressources pour le web design et de l&rsquo;inspiration en tout genre : illustrations, photos, sites web, etc. Au programme : exp\u00e9rience utilisateur et boutons radio, design d&rsquo;interface en cartes, un peu d&rsquo;histoire du Bauhaus, design sprint, &hellip;<\/p>\n","protected":false},"author":3,"featured_media":6000,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5999","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 9 d\u00e9cembre 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0exp\u00e9rience utilisateur et boutons radio, design d&#039;interface en cartes, histoire du Bauhaus, design sprint, cession de test utilisateur, CSS et typographie responsive, Sketch vs Photoshop, UI optimistes et futur du web.\u00a0\" \/>\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\/semaine-pixels-9-decembre-2016\/\" \/>\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 9 d\u00e9cembre 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0exp\u00e9rience utilisateur et boutons radio, design d&#039;interface en cartes, histoire du Bauhaus, design sprint, cession de test utilisateur, CSS et typographie responsive, Sketch vs Photoshop, UI optimistes et futur du web.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/\" \/>\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=\"2016-12-09T05:00:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-17T19:48:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/liensemaine9decembre.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/\",\"name\":\"La semaine en pixels \u2013 9 d\u00e9cembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/liensemaine9decembre.jpg\",\"datePublished\":\"2016-12-09T05:00:29+00:00\",\"dateModified\":\"2022-03-17T19:48:22+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0exp\u00e9rience utilisateur et boutons radio, design d'interface en cartes, histoire du Bauhaus, design sprint, cession de test utilisateur, CSS et typographie responsive, Sketch vs Photoshop, UI optimistes et futur du web.\u00a0\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/liensemaine9decembre.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/liensemaine9decembre.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 9 d\u00e9cembre 2016\"},{\"@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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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 9 d\u00e9cembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0exp\u00e9rience utilisateur et boutons radio, design d'interface en cartes, histoire du Bauhaus, design sprint, cession de test utilisateur, CSS et typographie responsive, Sketch vs Photoshop, UI optimistes et futur du web.\u00a0","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\/semaine-pixels-9-decembre-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 9 d\u00e9cembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0exp\u00e9rience utilisateur et boutons radio, design d'interface en cartes, histoire du Bauhaus, design sprint, cession de test utilisateur, CSS et typographie responsive, Sketch vs Photoshop, UI optimistes et futur du web.\u00a0","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-12-09T05:00:29+00:00","article_modified_time":"2022-03-17T19:48:22+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/liensemaine9decembre.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/","name":"La semaine en pixels \u2013 9 d\u00e9cembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/liensemaine9decembre.jpg","datePublished":"2016-12-09T05:00:29+00:00","dateModified":"2022-03-17T19:48:22+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0exp\u00e9rience utilisateur et boutons radio, design d'interface en cartes, histoire du Bauhaus, design sprint, cession de test utilisateur, CSS et typographie responsive, Sketch vs Photoshop, UI optimistes et futur du web.\u00a0","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-decembre-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/liensemaine9decembre.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/liensemaine9decembre.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 9 d\u00e9cembre 2016"},{"@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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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\/5999","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=5999"}],"version-history":[{"count":2,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5999\/revisions"}],"predecessor-version":[{"id":8072,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5999\/revisions\/8072"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6000"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}