{"id":5110,"date":"2016-03-11T08:18:11","date_gmt":"2016-03-11T07:18:11","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5110"},"modified":"2016-03-11T08:28:19","modified_gmt":"2016-03-11T07:28:19","slug":"la-semaine-en-pixels-11-mars-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-mars-2016\/","title":{"rendered":"La semaine en pixels \u2013 11 mars 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 : tableaux responsive, design mobile et mobile first, m\u00e9canismes d’annulation et exp\u00e9rience utilisateur, plusieurs articles sur les wireframes, demander aux utilisateur leur avis. Du SVG et du style d’images cass\u00e9es dans les tutoriels. Au niveau des ressources, un ebook, un endroit o\u00f9 trouver des logos, de l’inspiration Android\/iOS et un plugin Sketch pour les artboards. Enfin une semaine riche en d\u00e9mos funs et jeux : tower defense en flexbox, pixelart responsive, et bien plus :)<\/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

#CSS<\/p>\n

Une solution \u00e9l\u00e9gante de tableaux responsive en CSS<\/a> par @dbushell<\/a><\/p>\n

\"\"<\/p>\n

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

#Mobile #These<\/p>\n

\u00ab\u00a0Developing a responsive mobile-first design guide for e-commerce with the users in focus<\/a>\u00a0\u00bb une th\u00e8se sur d\u00e9velopper un site e-commerce responsive mobile first par Aktan & Hallqvist<\/p>\n

\"\"<\/p>\n

#Modal<\/p>\n

Are you sure? The dialogue that shows you don\u2019t care<\/a>, utilise un m\u00e9chanisme qui permette \u00e0 l\u2019utilisateur d\u2019annuler son action plut\u00f4t que d\u2019arr\u00eater son parcours et lui demander s\u2019il est sure de ce qu\u2019il souhaite faire.<\/p>\n

\"\"<\/p>\n

#User Survey<\/p>\n

The Interview Survey: Getting the Accuracy of Interviewing Thousands of Users<\/a> m\u00e9langer des interviews utilisateur avec la facilit\u00e9 d\u2019un sondage en ligne<\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

The Curse of a Mobile Strategy<\/a>, le souci \u00e0 penser en terme de strat\u00e9gie mobile, c\u2019est qu\u2019au final on fini par avoir une strat\u00e9gie mobile, et justement pas une strat\u00e9gie globale (avec des petits bouts de est-ce que Virgin America devrait avoir une application native)<\/p>\n

\"\"<\/p>\n

#Wireframe<\/p>\n

Toward a More Expansive View of Wireframes<\/a>, une approche int\u00e9ressante d\u2019ajouter des overlays de couleur par dessus les wireframes pour ajouter un degr\u00e9 d\u2019information, de hi\u00e9rarchie<\/p>\n

\"\"<\/p>\n

#Time<\/p>\n

Do Fewer Things, Better<\/a> faire moins de choses, mais les faire mieux. Une bonne r\u00e9solution un peu tardive ? :)<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

10 Reasons You Should Ask For User Feedback<\/a> 10 raisons de demander des retours \u00e0 vos utilisateurs<\/p>\n

\"\"<\/p>\n

#Wireframes<\/p>\n

Jolis wireframes<\/a>, mais j\u2019ai peur qu\u2019on passe plus de temps \u00e0 faire de jolis wireframes qui ressemblent \u00e0 une version noir et blanc du site qu\u2019\u00e0 essayer de r\u00e9soudre les probl\u00e9matiques de design et d\u2019architecture d\u2019information derri\u00e8re<\/p>\n

\"\"<\/p>\n

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

#Blog<\/p>\n

Medium<\/a> songe \u00e0 mon\u00e9tiser sa plateforme avec du paywall et du contenu premium<\/p>\n

\"\"<\/p>\n

#Logo<\/p>\n

99designs used they own service to redesign their logo<\/a>. Well\u2026<\/p>\n

\"\"<\/p>\n

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

#SVG<\/p>\n

SVG Style Inheritance and the \u2018Flash Of Unstyled SVG\u2019<\/a>, styler les SVG, pas toujours facile. Sara fait le point sur le sujet.<\/p>\n

#Image<\/p>\n

Styling Broken Images<\/a>, styler les images cass\u00e9es en CSS<\/p>\n

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

#Android #iOS<\/p>\n

uiohmy.com<\/a> est sympa si vous cherchez \u00e0 comparer les UIs de application Android et iOS<\/p>\n

\"\"<\/p>\n

#Sketch<\/p>\n

Un plugin Sketch pour naviguer entre les artboards<\/a><\/p>\n

\"\"<\/p>\n

#Logo<\/p>\n

instantlogosearch.com<\/a> si vous cherchez un logo de grande marque<\/p>\n

#UX<\/p>\n

Free e-book: Practical User Research for Enterprise UX<\/a>, un ebook gratuit<\/p>\n

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

#Procrastination<\/p>\n

Flexboxdefense.com<\/a> un jeu o\u00f9 il faut placer les tours pour qu\u2019elles tirent sur les ennemis avec Flexbox.<\/p>\n

\"\"<\/p>\n

#Dyslexia<\/p>\n

Dyslexia<\/a>, une exp\u00e9rience fascinante sur la dyslexie et la typoglyc\u00e9mie<\/p>\n

\"\"<\/p>\n

#Github<\/p>\n

Codeology<\/a>, ce tr\u00e8s joli projet analyse vos repertoires github et leur donne vie visuellement<\/p>\n

\"\"<\/p>\n

#Responsive<\/p>\n

Responsive Pixel Art<\/a><\/p>\n

\"\"<\/p>\n

#Game<\/p>\n

BUG INDUSTRIES<\/a> – un jeu de cartes et de d\u00e9s pour les d\u00e9veloppeurs<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

CSS Slider Puzzle<\/a><\/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 : tableaux responsive, design mobile et mobile first, m\u00e9canismes d’annulation et exp\u00e9rience utilisateur, plusieurs articles …<\/p>\n","protected":false},"author":3,"featured_media":5109,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5110","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 11 mars 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"\u00c0 ne pas manquer :\u00a0tableaux responsive, design mobile et mobile first, m\u00e9canismes d'annulation et exp\u00e9rience utilisateur, SVG et du style d'images cass\u00e9es,\u00a0inspiration Android\/iOS et un plugin Sketch pour les artboards.\" \/>\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-11-mars-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 11 mars 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"\u00c0 ne pas manquer :\u00a0tableaux responsive, design mobile et mobile first, m\u00e9canismes d'annulation et exp\u00e9rience utilisateur, SVG et du style d'images cass\u00e9es,\u00a0inspiration Android\/iOS et un plugin Sketch pour les artboards.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-mars-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-03-11T07:18:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-03-11T07:28:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/03\/lienssemaine-11mars2016.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-11-mars-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-mars-2016\/\",\"name\":\"La semaine en pixels \u2013 11 mars 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-11-mars-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-mars-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/03\/lienssemaine-11mars2016.jpg\",\"datePublished\":\"2016-03-11T07:18:11+00:00\",\"dateModified\":\"2016-03-11T07:28:19+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"\u00c0 ne pas manquer :\u00a0tableaux responsive, design mobile et mobile first, m\u00e9canismes d'annulation et exp\u00e9rience utilisateur, SVG et du style d'images cass\u00e9es,\u00a0inspiration Android\/iOS et un plugin Sketch pour les artboards.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-mars-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-mars-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/03\/lienssemaine-11mars2016.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/03\/lienssemaine-11mars2016.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 11 mars 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 11 mars 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"\u00c0 ne pas manquer :\u00a0tableaux responsive, design mobile et mobile first, m\u00e9canismes d'annulation et exp\u00e9rience utilisateur, SVG et du style d'images cass\u00e9es,\u00a0inspiration Android\/iOS et un plugin Sketch pour les artboards.","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-11-mars-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 11 mars 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"\u00c0 ne pas manquer :\u00a0tableaux responsive, design mobile et mobile first, m\u00e9canismes d'annulation et exp\u00e9rience utilisateur, SVG et du style d'images cass\u00e9es,\u00a0inspiration Android\/iOS et un plugin Sketch pour les artboards.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-mars-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-03-11T07:18:11+00:00","article_modified_time":"2016-03-11T07:28:19+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/03\/lienssemaine-11mars2016.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-11-mars-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-mars-2016\/","name":"La semaine en pixels \u2013 11 mars 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-11-mars-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-mars-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/03\/lienssemaine-11mars2016.jpg","datePublished":"2016-03-11T07:18:11+00:00","dateModified":"2016-03-11T07:28:19+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"\u00c0 ne pas manquer :\u00a0tableaux responsive, design mobile et mobile first, m\u00e9canismes d'annulation et exp\u00e9rience utilisateur, SVG et du style d'images cass\u00e9es,\u00a0inspiration Android\/iOS et un plugin Sketch pour les artboards.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-mars-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-mars-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/03\/lienssemaine-11mars2016.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/03\/lienssemaine-11mars2016.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 11 mars 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\/5110","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=5110"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5110\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5109"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}