{"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":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Comme chaque semaine, \u00a0un condens\u00e9 de mes lectures et ma veille web design et graphisme, exp\u00e9rience utilisateurs, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.<\/p>\n

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

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

tl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n

#Design #Accessibilit\u00e9<\/p>\n

Designing for Colour Blindness<\/a>, designer pour les daltoniens<\/p>\n

\"\"<\/p>\n

Les articles de la semaine<\/h2>\n

#Mobile<\/p>\n

Average time spent online<\/a>, les utilisateurs passent de plus en plus de temps \u201conline\u201d sur leurs appareils mobile<\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

How To Design an Error Message For a Mobile App?<\/a>, comment designer les messages d\u2019erreur d\u2019une application mobile<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

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

#Design<\/p>\n

Quelques conseils pour garder ses fichiers Sketch \/ Photoshop propres<\/a><\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

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>\n

#Inspiration #Creativity<\/p>\n

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>\n

#PWA<\/p>\n

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>\n

#CSS<\/p>\n

Quantity queries and Flexbox part 2<\/a>, compter les \u00e9l\u00e9ments gr\u00e2ce aux quantity queries en CSS<\/p>\n

\"\"<\/p>\n

#Touch<\/p>\n

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) Factors to Consider in a Multi-Screen World<\/a><\/p>\n

\"\"<\/p>\n

#UX #UserTesting<\/p>\n

Quelques conseils pour faire des tests utilisateur \u00e0 moindre co\u00fbt : Benchmark Your UX at All Costs<\/a><\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

Why Formatted Data Fields Always Need Input Masks<\/a>, ajouter un masque aux champs n\u00e9cessitant un formatage<\/p>\n

\"\"<\/p>\n

#UX #Form<\/p>\n

Should You Use Required Fields on Your Form?<\/a><\/p>\n

\"\"<\/p>\n

#UX #Form<\/p>\n

Quand demander le sexe ou le genre de la personne dans les formulaires<\/a><\/p>\n

\"\"<\/p>\n

De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n

#Illustration<\/p>\n

I Illustrated Mental Illness And Disorders For Inktober<\/a>, de jolies illustrations un peu creepy<\/p>\n

\"\"<\/p>\n

#Illustration<\/p>\n

alwayswithhonor.co<\/a>, un studio d\u2019illustrations vraiment tr\u00e8s sympa<\/p>\n

\"\"<\/p>\n

#WebDesign<\/p>\n

Super id\u00e9e, superbe design : www.namesforchange.org<\/a> \u00a0<3<\/p>\n

\"\"<\/p>\n

#Typography<\/p>\n

GT America<\/a>, le site pour pr\u00e9senter la police est juste parfait<\/p>\n

\"\"<\/p>\n

Les tutoriels de la semaine<\/h2>\n

#Accessibility<\/p>\n

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’accessibilit\u00e9 au clavier<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

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

\"\"Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n

#Debug<\/p>\n

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>\n

#Sketch<\/p>\n

Sketchviewer.com<\/a>, un outil en ligne pour versionner du Sketch<\/p>\n

\"\"<\/p>\n

#Facebook<\/p>\n

facebook.design<\/a>, quelques articles, vid\u00e9os et ressources partag\u00e9es par l\u2019\u00e9quipe de design de Facebook<\/p>\n

\"\"<\/p>\n

#Font<\/p>\n

Fontreach<\/a>, un outil qui scanne le web pour vous donner des statistiques sur l\u2019usage d\u2019une police<\/p>\n

\"\"<\/h2>\n

Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n

#SVG<\/p>\n

Orbital Resonance in SVG<\/a>, pour les nostalgiques du spirographe <3<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Des ic\u00f4nes en full CSS<\/a>, pas s\u00fbre de l’utiliser un jour, mais c\u2019est int\u00e9ressant de voir les construction<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Nice letter effects<\/a>, des effets de lettres sympa en CSS<\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 ans. Il se peut qu’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’interface et mobilit\u00e9, mais aussi des outils et ressources pour le web design et de l’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 …<\/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":"\nLa semaine en pixels \u2013 21 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <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=_-2200.html \/>\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 & 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=\"@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=\"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'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 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":"@walterstephanie","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'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\/5850"}],"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}]}}