{"id":4680,"date":"2015-11-27T08:09:11","date_gmt":"2015-11-27T07:09:11","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4680"},"modified":"2015-11-27T08:24:10","modified_gmt":"2015-11-27T07:24:10","slug":"la-semaine-en-pixels-27-novembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-novembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 27 novembre 2015"},"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, \u00a0je vous propose un 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 webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.).<\/p>\n

Au programme cette semaine : la nouvelle version du guide de survie pour les cr\u00e9atifs, dark patterns, tris et erreurs \u00e0 ne pas commettre sur mobile, influence du visuel et persuasion du c\u00f4t\u00e9 du design d’exp\u00e9rience utilisateur, SVG vs GIF le match, un peu de notifications push, un Dark Vador dans des situations de la vie quotidienne, du tutoriel CSS dans tous les sens (box-sizing, animations de box-shadow, etc.), un tutoriel pour cr\u00e9er des ic\u00f4nes avec plusieurs grille et un petit script pour des previews SVG sur Win10.<\/p>\n

[NOTE DE SERVICE]\u00a0:\u00a0Migration du blog et portfolio vers stephaniewalter.fr<\/a><\/strong><\/p>\n

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

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

#Conseils<\/p>\n

Amis cr\u00e9atifs ou pas, freelances, le kit de survie V2<\/a>, plus lisible et tout responsive est sorti<\/p>\n

\"\"<\/p>\n

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

#UX<\/p>\n

The Dark Side of Emotional Intelligence in UX<\/a>, parce qu\u2019il n\u2019y a pas que des bons c\u00f4t\u00e9s au design \u00e9motionnel<\/p>\n

\"\"<\/p>\n

#Mobile #Filtre<\/p>\n

Filtering and Sorting Best Practices on Mobile<\/a>, diff\u00e9rentes techniques de filtres sur mobile pass\u00e9es en revue<\/p>\n

\"\"<\/p>\n

#UX #Design<\/p>\n

How Visual Design Makes for Great UX<\/a>, ou comment le visuel peut aider \u00e0 am\u00e9liorer l\u2019exp\u00e9rience utilisateur<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

J\u2019ai souvent du mal avec les articles \u201c N trucs que j\u2019ai appris sur X en faisant Z \u201d mais celui l\u00e0 fonctionne plut\u00f4t bien : 10 Things I Learned About UX By Being Drunk<\/a><\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

Simplifying digital products<\/a>, simplifier les interfaces avec la r\u00e8gle \u201cless is more\u201d<\/p>\n

\"\"<\/p>\n

 <\/p>\n

#Workflow<\/p>\n

I am done with bad meetings<\/a> par @boagworld<\/a> ou comment am\u00e9liorer les r\u00e9unions pour qu\u2019elles soient plus efficaces, voir ne pas avoir de r\u00e9unions du tout.<\/p>\n

\"\"<\/p>\n

#Persuasion<\/p>\n

Science of persuasion<\/a>, une vid\u00e9o de 11 minutes expliquant les principes de persuasion<\/p>\n

\"\"<\/p>\n

#Push #Ecommerce<\/p>\n

The Complete Guide to Website Push Notifications for Ecommerce<\/a>, les notifications push arrivent \u00e9galement sur les sites web sur mobile, voici quelque conseils pour en tirer le meilleur pour vos utilisateurs<\/p>\n

\"\"<\/p>\n

#Mobile #Mistake<\/p>\n

7 common mistakes made with responsive mockups<\/a><\/p>\n

\"\"<\/p>\n

#SVG<\/p>\n

Animated SVG vs GIF [CAGEMATCH]<\/a>, un article tr\u00e8s d\u00e9taill\u00e9 de Sara Soueidan sur l\u2019utilisation du SVG vs le GIF pour les animations<\/p>\n

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

#Illustration #Webdesign<\/p>\n

Outerwear2015<\/a> de jolies illustrations et petites animations pour la mise en avant de la collection hiver 2015<\/p>\n

\"\"<\/p>\n

#CSS #Inspiration<\/p>\n

Some pricing table inspiration<\/a>, un peu d\u2019inspiration pour designer des tableaux de prix<\/p>\n

\"\"<\/p>\n

#Graphic<\/p>\n

\u00ab\u00a0How Would You Like Your Graphic Design?<\/a>\u00a0\u00bb j\u2019avais loup\u00e9 la version 4 bulles de cette infographie (par @colinharman<\/a>)<\/p>\n

\"\"<\/p>\n

#Photos #StarWars<\/p>\n

365 jours de photos de Dark Vador <\/a>dans des situations de la vie courante<\/p>\n

\"\"<\/p>\n

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

#Motion<\/p>\n

Animer le web avec MoJs et ce petit tutoriel<\/a><\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

How to animate \u00ab\u00a0box-shadow\u00a0\u00bb with silky smooth performance<\/a> : comment animer une ombre port\u00e9e avec un gain consid\u00e9rable de performance ? Animez un pseudo-element !<\/p>\n

\"\"<\/p>\n

#Icons<\/p>\n

Better Icon Design in 6 Easy Steps<\/a>, 6 \u00e9tapes pour vous faciliter le design d\u2019ic\u00f4nes. Son utilisation de la grille est particuli\u00e8rement int\u00e9ressante ici.<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Box-Sizing: The Secret to Simple CSS Layouts<\/a>, un petit rappel pour les d\u00e9butants en CSS sur le mod\u00e8le de boite<\/p>\n

 <\/p>\n

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

#Mobile #Usability<\/p>\n

7 lessons on mobile usability<\/a>, 7 le\u00e7ons d\u2019utilisabilit\u00e9 mobile<\/p>\n

\"\"<\/p>\n

#Fonts<\/p>\n

De jolies polices gratuites, c\u2019est par ici : A Huge Collection Of Free And Beautiful Fonts<\/a><\/p>\n

\"\"<\/p>\n

#Case Study<\/p>\n

Case Study Club<\/a>, une collection de cas pratique pour votre inspiration<\/p>\n

\"\"<\/p>\n

#SVG<\/p>\n

Un script pour avoir des previews du SVG dans win10<\/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, \u00a0je vous propose un 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 webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.). Au programme cette semaine : la nouvelle version du guide de survie pour les cr\u00e9atifs, dark patterns, tris et …<\/p>\n","protected":false},"author":3,"featured_media":4682,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4680","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 27 novembre 2015 - 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=\"Dark patterns, tris et erreurs \u00e0 ne pas commettre sur mobile, persuasion en UX, SVG vs GIF, notifications push, dark vador dans des situations de la vie quotidienne, tutoriel CSS box-sizing, animations de box-shadow, cr\u00e9er des ic\u00f4nes avec plusieurs grille.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-2705.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 27 novembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Dark patterns, tris et erreurs \u00e0 ne pas commettre sur mobile, persuasion en UX, SVG vs GIF, notifications push, dark vador dans des situations de la vie quotidienne, tutoriel CSS box-sizing, animations de box-shadow, cr\u00e9er des ic\u00f4nes avec plusieurs grille.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-novembre-2015\/\" \/>\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=\"2015-11-27T07:09:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-11-27T07:24:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/lienemaine-27nov.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-27-novembre-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-novembre-2015\/\",\"name\":\"La semaine en pixels \u2013 27 novembre 2015 - 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-27-novembre-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-novembre-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/11\/lienemaine-27nov.jpg\",\"datePublished\":\"2015-11-27T07:09:11+00:00\",\"dateModified\":\"2015-11-27T07:24:10+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Dark patterns, tris et erreurs \u00e0 ne pas commettre sur mobile, persuasion en UX, SVG vs GIF, notifications push, dark vador dans des situations de la vie quotidienne, tutoriel CSS box-sizing, animations de box-shadow, cr\u00e9er des ic\u00f4nes avec plusieurs grille.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-novembre-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-novembre-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/11\/lienemaine-27nov.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/11\/lienemaine-27nov.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 27 novembre 2015\"},{\"@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 27 novembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Dark patterns, tris et erreurs \u00e0 ne pas commettre sur mobile, persuasion en UX, SVG vs GIF, notifications push, dark vador dans des situations de la vie quotidienne, tutoriel CSS box-sizing, animations de box-shadow, cr\u00e9er des ic\u00f4nes avec plusieurs grille.","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-27-novembre-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 27 novembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Dark patterns, tris et erreurs \u00e0 ne pas commettre sur mobile, persuasion en UX, SVG vs GIF, notifications push, dark vador dans des situations de la vie quotidienne, tutoriel CSS box-sizing, animations de box-shadow, cr\u00e9er des ic\u00f4nes avec plusieurs grille.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-novembre-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-11-27T07:09:11+00:00","article_modified_time":"2015-11-27T07:24:10+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/lienemaine-27nov.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-27-novembre-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-novembre-2015\/","name":"La semaine en pixels \u2013 27 novembre 2015 - 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-27-novembre-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-novembre-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/11\/lienemaine-27nov.jpg","datePublished":"2015-11-27T07:09:11+00:00","dateModified":"2015-11-27T07:24:10+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Dark patterns, tris et erreurs \u00e0 ne pas commettre sur mobile, persuasion en UX, SVG vs GIF, notifications push, dark vador dans des situations de la vie quotidienne, tutoriel CSS box-sizing, animations de box-shadow, cr\u00e9er des ic\u00f4nes avec plusieurs grille.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-novembre-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-novembre-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/11\/lienemaine-27nov.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/11\/lienemaine-27nov.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 27 novembre 2015"},{"@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\/4680"}],"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=4680"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4680\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4682"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}