{"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":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, design d&rsquo;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<p>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&rsquo;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<p><strong>[NOTE DE SERVICE]\u00a0:\u00a0<a href=\"http:\/\/blog.stephaniewalter.fr\/migration-du-blog-et-portfolio-vers-stephaniewalter-fr\/\">Migration du blog et portfolio vers stephaniewalter.fr<\/a><\/strong><\/p>\n<p>Pour plus de liens vous pouvez <a href=\"https:\/\/twitter.com\/WalterStephanie\">me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n<h2>tl;dnr, s&rsquo;il devait n&rsquo;en rester qu&rsquo;un ?<\/h2>\n<p>#Conseils<\/p>\n<p>Amis cr\u00e9atifs ou pas, freelances, le <a href=\"http:\/\/kitdesurvie.metiers-graphiques.fr\">kit de survie V2<\/a>, plus lisible et tout responsive est sorti<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4678\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/kit-survie.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<h2>Les articles de la semaine<\/h2>\n<p class=\"entry-title\">#UX<\/p>\n<p><a href=\"https:\/\/www.usertesting.com\/blog\/2015\/11\/19\/the-dark-side-of-emotional-intelligence-in-ux\/\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4689\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/ux-darkside.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Mobile #Filtre<\/p>\n<p><a href=\"https:\/\/medium.com\/@thierrymeier\/filtering-and-sorting-best-practices-on-mobile-61626449cec#.2jy7din6k\">Filtering and Sorting Best Practices on Mobile<\/a>, diff\u00e9rentes techniques de filtres sur mobile pass\u00e9es en revue<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4683\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/mobile-filtering.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#UX #Design<\/p>\n<p><a href=\"http:\/\/www.uxbooth.com\/articles\/how-visual-design-makes-for-great-ux\/\">How Visual Design Makes for Great UX<\/a>, ou comment le visuel peut aider \u00e0 am\u00e9liorer l\u2019exp\u00e9rience utilisateur<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4691\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/visual-design-ux.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#UX<\/p>\n<p>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 : <a href=\"https:\/\/www.shopify.com\/partners\/blog\/78184134-10-things-i-learned-about-ux-by-being-drunk\">10 Things I Learned About UX By Being Drunk<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4674\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/drunk-ux.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Design<\/p>\n<p><a href=\"https:\/\/medium.com\/@WdeB\/simplifying-digital-products-8ff0dada6d17#.ttttxkhtz\">Simplifying digital products<\/a>, simplifier les interfaces avec la r\u00e8gle \u201cless is more\u201d<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4669\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/better.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>#Workflow<\/p>\n<p><a href=\"https:\/\/boagworld.com\/working-in-web\/i-am-done-with-bad-meetings\/\">I am done with bad meetings<\/a> par<a href=\"https:\/\/twitter.com\/boagworld\/\"> @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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4668\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/bad-meetingw.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Persuasion<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=cFdCzN7RYbw\">Science of persuasion<\/a>, une vid\u00e9o de 11 minutes expliquant les principes de persuasion<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4688\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/science-persuasion.jpg\" alt=\"\" width=\"1040\" height=\"686\" \/><\/p>\n<p>#Push #Ecommerce<\/p>\n<p><a href=\"https:\/\/blog.kissmetrics.com\/website-push-notifications-for-ecommerce\/\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4686\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/push-notif.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Mobile #Mistake<\/p>\n<p><a href=\"http:\/\/www.creativebloq.com\/web-design\/common-mistakes-responsive-mockups-111517922\">7 common mistakes made with responsive mockups<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4687\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/responsive-mistake.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#SVG<\/p>\n<p><a href=\"http:\/\/sarasoueidan.com\/blog\/svg-vs-gif\/\">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<h2>De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n<p>#Illustration #Webdesign<\/p>\n<p><a href=\"http:\/\/www.dsg.com\/outerwear2015\/\">Outerwear2015<\/a> de jolies illustrations et petites animations pour la mise en avant de la collection hiver 2015<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4673\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/dicks-sport.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#CSS #Inspiration<\/p>\n<p><a href=\"http:\/\/tympanus.net\/Development\/PricingTablesInspiration\/\">Some pricing table inspiration<\/a>, un peu d\u2019inspiration pour designer des tableaux de prix<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4685\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/pricingtable.jpg\" alt=\"\" width=\"1040\" height=\"789\" \/><\/p>\n<p>#Graphic<\/p>\n<p>\u00ab\u00a0<a href=\"https:\/\/twitter.com\/WalterStephanie\/status\/669923021755441152\">How Would You Like Your Graphic Design?<\/a>\u00a0\u00bb j\u2019avais loup\u00e9 la version 4 bulles de cette infographie (par<a href=\"https:\/\/twitter.com\/colinharman\"> @colinharman<\/a>)<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4672\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/design.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Photos #StarWars<\/p>\n<p><a href=\"https:\/\/tookapic.com\/dvader\">365 jours de photos de Dark Vador <\/a>dans des situations de la vie courante<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4690\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/vador.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p>#Motion<\/p>\n<p>Animer le web avec MoJs et <a href=\"http:\/\/mojs.io\/tutorials\/easing\/path-easing\/\">ce petit tutoriel<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4675\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/easing.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/tobiasahlin.com\/blog\/how-to-animate-box-shadow\/\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4670\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/box-shadow.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Icons<\/p>\n<p><a href=\"http:\/\/blog.iconfinder.com\/better-icon-design-in-6-easy-steps\/\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4677\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/icons.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/blog.teamtreehouse.com\/box-sizing-secret-simple-css-layouts\">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>&nbsp;<\/p>\n<h2>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#Mobile #Usability<\/p>\n<p><a href=\"http:\/\/mattish.com\/blog\/tag\/mobile+usability\">7 lessons on mobile usability<\/a>, 7 le\u00e7ons d\u2019utilisabilit\u00e9 mobile<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4684\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/mobile-usability.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Fonts<\/p>\n<p>De jolies polices gratuites, c\u2019est par ici : <a href=\"http:\/\/designwoop.com\/2015\/11\/huge-collection-of-free-fonts\/\">A Huge Collection Of Free And Beautiful Fonts<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4676\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/freefonts.jpg\" alt=\"\" width=\"1040\" height=\"789\" \/><\/p>\n<p>#Case Study<\/p>\n<p><a href=\"http:\/\/casestudy.club\/\">Case Study Club<\/a>, une collection de cas pratique pour votre inspiration<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4671\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/casestudy.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#SVG<\/p>\n<p>Un script pour avoir des <a href=\"https:\/\/svgextension.codeplex.com\/releases\/view\/118790\">previews du SVG dans win10<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 ans. Il se peut qu&rsquo;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&rsquo;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 &hellip;<\/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":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>La semaine en pixels \u2013 27 novembre 2015 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<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=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-novembre-2015\/\" \/>\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 &amp; 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=\"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\" \/>\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&#039;utilisabilit\u00e9 et l&#039;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 &amp; 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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\"]}]}<\/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":"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social","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&#039;utilisabilit\u00e9 et l&#039;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 &amp; 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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4680","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=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}]}}