{"id":5850,"date":"2016-10-21T08:43:20","date_gmt":"2016-10-21T06:43:20","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5850"},"modified":"2016-10-21T08:58:10","modified_gmt":"2016-10-21T06:58:10","slug":"semaine-pixels-21-octobre-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-2016\/","title":{"rendered":"La semaine en pixels \u2013 21 octobre 2016"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 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 : plusieurs articles pour vous aider dans le design de formulaires mobile et desktop, designer pour le touch screen, accessibilit\u00e9, exp\u00e9rience utilisateur, conseils Sketch\/ Photoshop, du CSS flexbox, quantity queries et du SVG, des conseils pour faire venir la cr\u00e9ativit\u00e9, de tr\u00e8s jolies illustrations et sites webs pour vous inspirer, un outil pour voir vos fichiers Sketch en ligne, des ressources de design made in Facebook et des icons et effets typographie en CSS.<\/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>#Design #Accessibilit\u00e9<\/p>\n<p><a href=\"https:\/\/medium.com\/@sidgtl\/designing-for-colour-blindness-b74a9d012ef2#.kg0cwf9qj\">Designing for Colour Blindness<\/a>, designer pour les daltoniens<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5848\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/desining-colorblind.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#Mobile<\/p>\n<p><a href=\"https:\/\/twitter.com\/lukew\/status\/786605159858049024\">Average time spent online<\/a>, les utilisateurs passent de plus en plus de temps \u201conline\u201d sur leurs appareils mobile<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5868\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/time-spent-mobile.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Mobile<\/p>\n<p><a href=\"https:\/\/think360studio.com\/how-to-design-an-error-message-for-a-mobile-app\/\">How To Design an Error Message For a Mobile App?<\/a>, comment designer les messages d\u2019erreur d\u2019une application mobile<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5858\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/mobile-error-messages.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"http:\/\/designmodo.com\/become-ui-ux-designer\/\">Essential Skills To Become A Great UI\/UX Designer<\/a> pour les d\u00e9butants, une liste de skills pour devenir un bon UI\/UX designer<\/p>\n<p>#Design<\/p>\n<p><a href=\"https:\/\/blog.avocode.com\/blog\/7-steps-to-clean-your-design-mess\">Quelques conseils pour garder ses fichiers Sketch \/ Photoshop propres<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5846\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/deisng-mess.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"http:\/\/www.userfocus.co.uk\/articles\/your-first-user-research-activity.html\">5 reasons why your first user research activity should be a usability test<\/a>, un test d\u2019utilisabilit\u00e9 n\u2019est pas forc\u00e9ment toujours la premi\u00e8re chose \u00e0 faire, MAIS elle permet souvent de faire comprendre l\u2019importance de l\u2019exp\u00e9rience utilisateur \u00e0 une entreprise r\u00e9ticence.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5869\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/user-research.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Inspiration #Creativity<\/p>\n<p><a href=\"https:\/\/speckyboy.com\/creative-ideas-psychology\/https:\/\/speckyboy.com\/creative-ideas-psychology\/\">7 Ways to Come up with Creative Ideas, Backed by Psychology<\/a>, 7 fa\u00e7ons de trouver l\u2019inspiration bas\u00e9es sur des \u00e9tudes psychologiques<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5844\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/creative-ideas.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#PWA<\/p>\n<p><a href=\"https:\/\/cloudfour.com\/thinks\/why-does-the-washington-posts-progressive-web-app-increase-engagement-on-ios\/\">Why does The Washington Post\u2019s Progressive Web App increase engagement on iOS?<\/a> pourquoi la progressive web app du Washington Post a augment\u00e9 le taux d\u2019engagement sur iOS m\u00eame si ces technologies n\u2019y sont pas support\u00e9es ? Le temps de chargement semble y \u00eatre pour beaucoup<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5862\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/PWA-ios.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/www.lottejackson.com\/learning\/quantity-queries-and-flexbox-part-2\">Quantity queries and Flexbox part 2<\/a>, compter les \u00e9l\u00e9ments gr\u00e2ce aux quantity queries en CSS<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5863\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/quantity-queries.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Touch<\/p>\n<p>Une lecture int\u00e9ressante sur le design d\u2019interface au touch quelque soit la taille de l\u2019\u00e9cran (et donc prendre en compte \u00e9galement les grands \u00e9crans) <a href=\"https:\/\/blogs.adobe.com\/creativecloud\/holistic-adaptive-design\/\">Factors to Consider in a Multi-Screen World<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5859\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/multi-screen.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#UX #UserTesting<\/p>\n<p>Quelques conseils pour faire des tests utilisateur \u00e0 moindre co\u00fbt : <a href=\"http:\/\/boxesandarrows.com\/benchmark-your-ux-at-all-costs\/\">Benchmark Your UX at All Costs<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5843\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/benchmark-ux.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"http:\/\/uxmovement.com\/forms\/why-formatted-data-fields-always-need-input-masks\/\">Why Formatted Data Fields Always Need Input Masks<\/a>, ajouter un masque aux champs n\u00e9cessitant un formatage<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5854\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/inputs-format.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#UX #Form<\/p>\n<p><a href=\"https:\/\/www.jotform.com\/blog\/254-Should-You-Use-Required-Fields-on-Your-Form\">Should You Use Required Fields on Your Form?<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5855\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/jotform.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#UX #Form<\/p>\n<p><a href=\"http:\/\/www.formulate.com.au\/blog\/sex-and-gender\">Quand demander le sexe ou le genre de la personne dans les formulaires<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5865\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/sex-gender.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<h2>De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n<p>#Illustration<\/p>\n<p><a href=\"http:\/\/www.boredpanda.com\/for-inktober-i-focused-on-mental-illness-and-disorders\/\">I Illustrated Mental Illness And Disorders For Inktober<\/a>, de jolies illustrations un peu creepy<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5867\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/social-anxiety.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Illustration<\/p>\n<p><a href=\"http:\/\/www.alwayswithhonor.com\/\">alwayswithhonor.co<\/a>, un studio d\u2019illustrations vraiment tr\u00e8s sympa<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5853\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/illustrator-pf.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#WebDesign<\/p>\n<p>Super id\u00e9e, superbe design : <a href=\"https:\/\/www.namesforchange.org\">www.namesforchange.org<\/a> \u00a0&lt;3<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5860\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/name-things.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Typography<\/p>\n<p><a href=\"http:\/\/gt-america.com\/\">GT America<\/a>, le site pour pr\u00e9senter la police est juste parfait<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5851\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/gt-america.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p>#Accessibility<\/p>\n<p><a href=\"https:\/\/egghead.io\/lessons\/html-5-visible-vs-hidden\">How Visible vs. Hidden Elements Affect Keyboard\/Screen Reader Users<\/a>, une vid\u00e9o sur les \u00e9l\u00e9ments masqu\u00e9s des pages et les lecteurs d\u2019\u00e9cran \/ l&rsquo;accessibilit\u00e9 au clavier<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5870\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/visibile-accessibility.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/medium.freecodecamp.com\/how-to-disappear-completely-2f23ddb14835#.52m6rq92i\">How to make HTML disappear completely<\/a>, diff\u00e9rentes fa\u00e7ons de faire dispara\u00eetre du HTML avec une jolie m\u00e9taphore \u00e0 base de pac man<\/p>\n<h2><img decoding=\"async\" class=\"aligncenter size-full wp-image-5852\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/HTML-disappear.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#Debug<\/p>\n<p><a href=\"http:\/\/singhharkirat.com\/notification-logger\/\">Un script qui affiche les messages de votre console dans des notifications navigateur<\/a>, une id\u00e9e int\u00e9ressante mais je me demande au bout de combien de temps il commence \u00e0 taper sur le syst\u00e8me<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5861\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/notification-loger.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Sketch<\/p>\n<p><a href=\"https:\/\/sketchviewer.com\/\">Sketchviewer.com<\/a>, un outil en ligne pour versionner du Sketch<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5866\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/sketchviewer.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Facebook<\/p>\n<p><a href=\"http:\/\/facebook.design\/\">facebook.design<\/a>, quelques articles, vid\u00e9os et ressources partag\u00e9es par l\u2019\u00e9quipe de design de Facebook<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5847\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/design-fb.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Font<\/p>\n<p><a href=\"http:\/\/www.fontreach.com\/#font:Open%20Sans\">Fontreach<\/a>, un outil qui scanne le web pour vous donner des statistiques sur l\u2019usage d\u2019une police<\/p>\n<h2><img decoding=\"async\" class=\"aligncenter size-full wp-image-5849\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/fontreach.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/h2>\n<h2>Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n<p>#SVG<\/p>\n<p><a href=\"http:\/\/thenewcode.com\/1149\/Orbital-Resonance-in-SVGs\">Orbital Resonance in SVG<\/a>, pour les nostalgiques du spirographe &lt;3<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5864\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/resonance.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/cssicon.space\/#\/\">Des ic\u00f4nes en full CSS<\/a>, pas s\u00fbre de l&rsquo;utiliser un jour, mais c\u2019est int\u00e9ressant de voir les construction<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5845\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/css-icon.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/tympanus.net\/Development\/LetterEffects\/\">Nice letter effects<\/a>, des effets de lettres sympa en CSS<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5856\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/leftter-effect.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 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 : plusieurs articles pour vous aider dans le design de formulaires mobile et desktop, designer pour le &hellip;<\/p>\n","protected":false},"author":3,"featured_media":5857,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5850","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 21 octobre 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Design de formulaires mobile et desktop, designer pour le touch screen, accessibilit\u00e9, exp\u00e9rience utilisateur, conseils Sketch\/ Photoshop, du CSS flexbox, quantity queries et du SVG.\" \/>\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-21-octobre-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 21 octobre 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Design de formulaires mobile et desktop, designer pour le touch screen, accessibilit\u00e9, exp\u00e9rience utilisateur, conseils Sketch\/ Photoshop, du CSS flexbox, quantity queries et du SVG.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-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-10-21T06:43:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-10-21T06:58:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/lienssemaine-21octobre2016.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-21-octobre-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-2016\/\",\"name\":\"La semaine en pixels \u2013 21 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/lienssemaine-21octobre2016.jpg\",\"datePublished\":\"2016-10-21T06:43:20+00:00\",\"dateModified\":\"2016-10-21T06:58:10+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Design de formulaires mobile et desktop, designer pour le touch screen, accessibilit\u00e9, exp\u00e9rience utilisateur, conseils Sketch\/ Photoshop, du CSS flexbox, quantity queries et du SVG.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/lienssemaine-21octobre2016.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/lienssemaine-21octobre2016.jpg\",\"width\":850,\"height\":350,\"caption\":\"Liens de la semaine\"},{\"@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 21 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Design de formulaires mobile et desktop, designer pour le touch screen, accessibilit\u00e9, exp\u00e9rience utilisateur, conseils Sketch\/ Photoshop, du CSS flexbox, quantity queries et du SVG.","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-21-octobre-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 21 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Design de formulaires mobile et desktop, designer pour le touch screen, accessibilit\u00e9, exp\u00e9rience utilisateur, conseils Sketch\/ Photoshop, du CSS flexbox, quantity queries et du SVG.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-10-21T06:43:20+00:00","article_modified_time":"2016-10-21T06:58:10+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/lienssemaine-21octobre2016.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-21-octobre-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-2016\/","name":"La semaine en pixels \u2013 21 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/lienssemaine-21octobre2016.jpg","datePublished":"2016-10-21T06:43:20+00:00","dateModified":"2016-10-21T06:58:10+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Design de formulaires mobile et desktop, designer pour le touch screen, accessibilit\u00e9, exp\u00e9rience utilisateur, conseils Sketch\/ Photoshop, du CSS flexbox, quantity queries et du SVG.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/lienssemaine-21octobre2016.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/lienssemaine-21octobre2016.jpg","width":850,"height":350,"caption":"Liens de la semaine"},{"@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\/5850","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=5850"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5850\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5857"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5850"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5850"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}