{"id":5341,"date":"2016-05-20T08:38:10","date_gmt":"2016-05-20T06:38:10","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5341"},"modified":"2016-06-07T10:34:06","modified_gmt":"2016-06-07T08:34:06","slug":"la-semaine-en-pixels-20-mai-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-2016\/","title":{"rendered":"La semaine en pixels \u2013 20 mai 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 : une vid\u00e9o parodique sur pourquoi les femmes ne peuvent pas coder, pourquoi l’accessibilit\u00e9 compte pour tous, media queries verticale, designer pour la \u00ab\u00a0vrai vie\u00a0\u00bb,\u00a0exp\u00e9rience utilisateur (boutons radios, modales intrusives quand on quitte un site et petite liste de ressources), un test de performance d’outils d’A\/B testing, les news sympas de la Google I\/O, du CSS background-clip qui arrive dans Firefox. Du c\u00f4t\u00e9 des ressources, plugin Sketch, outil pour trouver le centre visuel d’une image, media player HTML5 et outil de specs Photoshop\/Sketch.<\/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

#Code<\/p>\n

Pourquoi les femmes ne peuvent pas coder\u2026 Hahaha <3<\/a><\/p>\n

Why can\u2019t girls code?<\/a><\/p>\n

They have boobs.<\/a><\/p>\n

They menstruate.<\/a><\/p>\n

They\u2019re beautiful.<\/a><\/p>\n

\"\"<\/p>\n

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

#A11y<\/p>\n

Accessibility matters<\/a>, l\u2019accessibilit\u00e9 c\u2019est important pour tout le monde.<\/p>\n

\"\"<\/p>\n

#Book review<\/p>\n

Book Excerpt: Design for Real Life<\/a>, extrait du livre \u201cDesign for Real Life\u201d avec l\u2019exemple de la question du genre de l\u2019utilisateur<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Use Cases For CSS Vertical Media Queries<\/a>, des cas d\u2019utilisation o\u00f9 les media-queries verticales deviennent int\u00e9ressantes<\/p>\n

\"\"<\/p>\n

#product<\/p>\n

The vicious product cycle<\/a> ou comment ne pas tomber dans un cercle vicieux de validation par la data qui vous donne des r\u00e9sultats qui vous arrangent mais pas r\u00e9els<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

Needy Design Patterns: Please-Don\u2019t-Go Popups & Get-Back-to-Me Tabs<\/a> ces horreurs de pop-up qui apparaissent quand votre soucis quitte l\u2019onglet du site et les onglets qui changent de texte pour attirer votre attention : personne n\u2019aime un site en manque d\u2019affection !<\/p>\n

\"\"<\/p>\n

#UX #Button<\/p>\n

Radio Buttons UX Design<\/a>, l\u2019exp\u00e9rience utilisateur des boutons radio et bonnes pratiques<\/p>\n

\"\"<\/p>\n

#Performance<\/p>\n

How 8 Different A\/B Testing Tools Affect Site Speed (Original Study)<\/a> test de 8 outils d\u2019AB testing pour voir celui qui ralentis le moins votre site<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

Great read The death of the web design agency<\/a>, la fin du mod\u00e8le de l\u2019agence web tel qu\u2019on le connait aujourd\u2019hui ?<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

Whoever you are, you\u2019re responsible for UX<\/a><\/p>\n

\"\"<\/p>\n

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

#Webdesign<\/p>\n

Un peu d\u00e9routant au d\u00e9but mais au final j\u2019aime bien ce site compos\u00e9 de cartes color\u00e9es superpos\u00e9es<\/a><\/p>\n

\"\"<\/p>\n

#Google<\/p>\n

The 10 biggest announcements from Google I\/O 2016<\/a>, les 10 annonces de Google I\/O2016.<\/p>\n

J\u2019aime beaucoup comment Google est entrain de promouvoir les web apps, cassant le mod\u00e8le \u201cil faut t\u00e9l\u00e9charger une app pour avoir notre contenu\u201d<\/a>.<\/p>\n

De l\u2019autre c\u00f4t\u00e9, beaucoup de technologies dont nous avons besoin pour faire des web apps (HTML5 Manifest, etc.) ne sont pas support\u00e9es par iOS (et Apple n\u2019a pas encore pr\u00e9vu de le faire pour pas mal d\u2019entre elles). Deux strat\u00e9gies \u00e9voluant vers deux futurs interessants.<\/p>\n

\"\"<\/p>\n

L\u2019actualit\u00e9 webdesign<\/h2>\n

#CSS<\/p>\n

CSS background-clip: text arrive dan Firefox Nightly<\/a><\/p>\n

\"\"<\/p>\n

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

#Sketch<\/p>\n

Compo<\/a>, un plugin Sketch pour vous faciliter la cr\u00e9ation d\u2019\u00e9l\u00e9ments de composition<\/p>\n

\"\"<\/p>\n

#Center<\/p>\n

Un outil en ligne pour trouver le centrer visuel d\u2019une image.<\/a><\/p>\n

\"\"<\/p>\n

#HTML5 #Player<\/p>\n

Un simple media player HTML5<\/a> (avec des boutons de contr\u00f4le et la possibilit\u00e9 de mettre des sous-titres)<\/p>\n

\"\"<\/p>\n

#UX #Ressources<\/p>\n

On me demande souvent des ressources pour d\u00e9buter en design d\u2019interface et UX, voici une jolie liste : 29 User Interface Design Resources: The Ultimate List<\/a><\/p>\n

\"\"<\/p>\n

#Design #Styleguide<\/p>\n

Sympli.io<\/a> un outil pour cr\u00e9er des styleguides, des specs et extraire des \u00e9l\u00e9ments \u00e0 partir de Photoshop et Sketch<\/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 : une vid\u00e9o parodique sur pourquoi les femmes ne peuvent pas coder, pourquoi l’accessibilit\u00e9 compte pour tous, …<\/p>\n","protected":false},"author":3,"featured_media":5343,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5341","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 20 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0exp\u00e9rience utilisateur (boutons radios, modales intrusives quand on quitte un site et petite liste de ressources), performance d'outils d'A\/B testing, Google I\/O, du CSS background-clip, plugin Sketch, media player HTML5 et outil de specs Photoshop\/Sketch.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-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 20 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0exp\u00e9rience utilisateur (boutons radios, modales intrusives quand on quitte un site et petite liste de ressources), performance d'outils d'A\/B testing, Google I\/O, du CSS background-clip, plugin Sketch, media player HTML5 et outil de specs Photoshop\/Sketch.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-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-05-20T06:38:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-06-07T08:34:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/liens-semaine-20mai.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\/la-semaine-en-pixels-20-mai-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-2016\/\",\"name\":\"La semaine en pixels \u2013 20 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liens-semaine-20mai.jpg\",\"datePublished\":\"2016-05-20T06:38:10+00:00\",\"dateModified\":\"2016-06-07T08:34:06+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0exp\u00e9rience utilisateur (boutons radios, modales intrusives quand on quitte un site et petite liste de ressources), performance d'outils d'A\/B testing, Google I\/O, du CSS background-clip, plugin Sketch, media player HTML5 et outil de specs Photoshop\/Sketch.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liens-semaine-20mai.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liens-semaine-20mai.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 20 mai 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 20 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0exp\u00e9rience utilisateur (boutons radios, modales intrusives quand on quitte un site et petite liste de ressources), performance d'outils d'A\/B testing, Google I\/O, du CSS background-clip, plugin Sketch, media player HTML5 et outil de specs Photoshop\/Sketch.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 20 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0exp\u00e9rience utilisateur (boutons radios, modales intrusives quand on quitte un site et petite liste de ressources), performance d'outils d'A\/B testing, Google I\/O, du CSS background-clip, plugin Sketch, media player HTML5 et outil de specs Photoshop\/Sketch.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-05-20T06:38:10+00:00","article_modified_time":"2016-06-07T08:34:06+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/liens-semaine-20mai.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\/la-semaine-en-pixels-20-mai-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-2016\/","name":"La semaine en pixels \u2013 20 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liens-semaine-20mai.jpg","datePublished":"2016-05-20T06:38:10+00:00","dateModified":"2016-06-07T08:34:06+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0exp\u00e9rience utilisateur (boutons radios, modales intrusives quand on quitte un site et petite liste de ressources), performance d'outils d'A\/B testing, Google I\/O, du CSS background-clip, plugin Sketch, media player HTML5 et outil de specs Photoshop\/Sketch.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mai-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liens-semaine-20mai.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liens-semaine-20mai.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 20 mai 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\/5341","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=5341"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5341\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5343"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}