{"id":5223,"date":"2016-04-22T08:34:50","date_gmt":"2016-04-22T06:34:50","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5223"},"modified":"2016-04-22T14:08:42","modified_gmt":"2016-04-22T12:08:42","slug":"semaine-pixels-22-avril-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-2016\/","title":{"rendered":"La semaine en pixels \u2013 22 avril 2016"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 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 cette semaine : dans les articles on parle de couleurs dans le design d\u2019interfaces, t\u00e9l\u00e9travail, animations d\u2019interfaces, liens visit\u00e9s, design et utilisabilit\u00e9 de formulaires, du champ de mot de passe, infinite scrolling, co\u00fbts de fonctionnements de la plate-forme unsplash. Du c\u00f4t\u00e9 de l\u2019inspiration on dessine des v\u00e9los, des sites en 9 x 9 pixels et des sites brutalement minimalistes et des affiches pornographiques pour les accrocs \u00e0 la typographie. Du c\u00f4t\u00e9 des tutos et ressources du flexbox, encore et toujours, du design et conversion mobile. Et fini la semaine avec un peu de fun et de procrastination.<\/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

#Couleur<\/p>\n

Color in Design Systems<\/a> : bien choisir les couleurs de son interface, avec une grosse partie consacr\u00e9e \u00e0 l\u2019accessibilit\u00e9 des couleurs<\/p>\n

\"\"<\/p>\n

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

#Chine<\/p>\n

Why do Chinese websites look so busy?<\/a> ou pourquoi les sites chinois nous semblent surcharg\u00e9s en 3 points<\/p>\n

\"\"<\/p>\n

#Remote<\/p>\n

The Good, the Bad and the Ugly of Remote Work (After 5 Years of Experience)<\/a>, les bons et les mauvais c\u00f4t\u00e9s apr\u00e8s 5 ans de t\u00e9l\u00e9travail<\/p>\n

\"\"<\/p>\n

#Animation<\/p>\n

Des animations oui, mais avec mod\u00e9ration et un but<\/a><\/p>\n

\"\"<\/p>\n

#links<\/p>\n

The lost art of visited links,the colour of another dimension<\/a>, l\u2019art perdu des liens visit\u00e9s<\/p>\n

\"\"<\/p>\n

#Formulaire<\/p>\n

Une bonne lecture sur le design de formulaires Designing More Efficient Forms: Structure, Inputs, Labels and Actions<\/a><\/p>\n

\"\"<\/p>\n

#Formulaire<\/p>\n

How people unmask passwords<\/a>, un petit test fait sur 40 personnes sur comment elles masquent \/ affichent le mot de passe sur une fen\u00eatre de login<\/p>\n

\"\"<\/p>\n

#Scroll<\/p>\n

Why Infinite Scrolling is probably a bad idea<\/a>, pourquoi le scroll infini est parfois une mauvaise id\u00e9e en 7 arguments<\/p>\n

\"\"<\/p>\n

#Co\u00fbts<\/p>\n

Combien \u00e7a co\u00fbte de faire tourner Unsplash (un service de photo gratuites) ? What does Unsplash cost<\/a>. C\u2019est vraiment int\u00e9ressant de voir le \u201c co\u00fbt \u201d derri\u00e8re la gratuit\u00e9.<\/p>\n

\"\"<\/p>\n

#Ecommerce<\/p>\n

The rise of Amazon’s private labels shows the perils of not owning your data & customers<\/a><\/p>\n

TLDNR : comme amazon collecte des donn\u00e9es facilement sur ce que les utilisateurs ach\u00e8tent ils, savent exactement quoi fabriquer \u00e0 un prix 2x moins cher pour les amazon basics et grignottent petit \u00e0 petit certains march\u00e9s<\/p>\n

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

#Bike<\/p>\n

Velocipedia<\/a>, un projet fun de mod\u00e9lisation de v\u00e9los \u00e0 partir de dessins de personnes<\/p>\n

\"\"<\/p>\n

#Minimalism<\/p>\n

9×9 explores the minimum legible representation of nine popular websites<\/a> : le projet pr\u00e9sente ce \u00e0 quoi ressemblerait des sites webs c\u00e9l\u00e8bres en 9×9 pixels<\/p>\n

\"\"<\/p>\n

#T-shirt #Communication<\/p>\n

Des Tshirts design\u00e9s pour pouvoir communiquer avec des humais ne parlant pas la m\u00eame langue<\/a><\/p>\n

\"\"<\/p>\n

#Minimalisme #Design<\/p>\n

Brutalistwebsites.com<\/a>, des sites webs minimalistes, un peu trop<\/p>\n

\"\"<\/p>\n

#Affiche<\/p>\n

Rooh <3 (et un peu NSFW) Pornographisme, affiches \u00e0 caract\u00e8re typographique, un hommage aux affiches des films pornos des ann\u00e9es 70 et 80<\/a><\/p>\n

\"\"<\/p>\n

<\/h2>\n

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

#CSS<\/p>\n

Initial, Inherit, Unset, and Revert<\/a>, explication de ces 4 valeurs CSS<\/p>\n

#CSS #Flexbox<\/p>\n

Flexbox Patterns<\/a>, contente de voir des \u00e9l\u00e9ments d\u2019interface construits avec flexbox<\/p>\n

\"\"<\/p>\n

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

#Mobile<\/p>\n

Des conseils sur le design mobile condens\u00e9s dans un PDF : Principles of Mobile Site Design: Delight Users and Drive Conversions<\/a><\/p>\n

\"\"<\/p>\n

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

#Trump<\/p>\n

Trumpipsum, OMG<\/a><\/p>\n

\"\"<\/p>\n

#Demo #Line<\/p>\n

PROCRASTINATION TIME: taking a line for a walk<\/a><\/p>\n

\"\"<\/p>\n

#Long Shadow<\/p>\n

Variable Longshadow with Gradients Mixin<\/a>, le long shadow c\u2019est un peu d\u00e9pass\u00e9 mais si un jour vous bossez pour Skittles \u00e7a pourrait \u00eatre utile<\/p>\n

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

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 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 cette semaine : dans les articles on parle de couleurs dans le design d\u2019interfaces, t\u00e9l\u00e9travail, animations d\u2019interfaces, …<\/p>\n","protected":false},"author":3,"featured_media":5232,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5223","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 22 avril 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0couleurs dans le design d\u2019interfaces, t\u00e9l\u00e9travail, animations d\u2019interfaces, liens visit\u00e9s, design et utilisabilit\u00e9 de formulaires, infinite scrolling, tutos et ressources du flexbox et design mobile.\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-22-avril-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 22 avril 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0couleurs dans le design d\u2019interfaces, t\u00e9l\u00e9travail, animations d\u2019interfaces, liens visit\u00e9s, design et utilisabilit\u00e9 de formulaires, infinite scrolling, tutos et ressources du flexbox et design mobile.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-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-04-22T06:34:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-04-22T12:08:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/04\/liensemaine-22-avril.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=\"3 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-22-avril-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-2016\/\",\"name\":\"La semaine en pixels \u2013 22 avril 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/04\/liensemaine-22-avril.jpg\",\"datePublished\":\"2016-04-22T06:34:50+00:00\",\"dateModified\":\"2016-04-22T12:08:42+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0couleurs dans le design d\u2019interfaces, t\u00e9l\u00e9travail, animations d\u2019interfaces, liens visit\u00e9s, design et utilisabilit\u00e9 de formulaires, infinite scrolling, tutos et ressources du flexbox et design mobile.\u00a0\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/04\/liensemaine-22-avril.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/04\/liensemaine-22-avril.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 22 janvier 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'utilisabilit\u00e9 et l'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 & 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 22 avril 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0couleurs dans le design d\u2019interfaces, t\u00e9l\u00e9travail, animations d\u2019interfaces, liens visit\u00e9s, design et utilisabilit\u00e9 de formulaires, infinite scrolling, tutos et ressources du flexbox et design mobile.\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-22-avril-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 22 avril 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0couleurs dans le design d\u2019interfaces, t\u00e9l\u00e9travail, animations d\u2019interfaces, liens visit\u00e9s, design et utilisabilit\u00e9 de formulaires, infinite scrolling, tutos et ressources du flexbox et design mobile.\u00a0","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-04-22T06:34:50+00:00","article_modified_time":"2016-04-22T12:08:42+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/04\/liensemaine-22-avril.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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-2016\/","name":"La semaine en pixels \u2013 22 avril 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/04\/liensemaine-22-avril.jpg","datePublished":"2016-04-22T06:34:50+00:00","dateModified":"2016-04-22T12:08:42+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0couleurs dans le design d\u2019interfaces, t\u00e9l\u00e9travail, animations d\u2019interfaces, liens visit\u00e9s, design et utilisabilit\u00e9 de formulaires, infinite scrolling, tutos et ressources du flexbox et design mobile.\u00a0","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-22-avril-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/04\/liensemaine-22-avril.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/04\/liensemaine-22-avril.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 22 janvier 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'utilisabilit\u00e9 et l'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 & 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\/5223","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=5223"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5223\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5232"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}