{"id":6408,"date":"2017-06-16T12:22:19","date_gmt":"2017-06-16T10:22:19","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6408"},"modified":"2017-06-16T12:22:19","modified_gmt":"2017-06-16T10:22:19","slug":"la-semaine-en-pixels-16-juin-2017","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-juin-2017\/","title":{"rendered":"La semaine en pixels \u2013 16 juin 2017"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 7 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 : mes retours sur les ateliers Flupa, des bonnes pratiques de fen\u00eatres modales, des techniques de publicit\u00e9 d\u00e9test\u00e9es par les utilisateurs, du SVG, des interfaces conversationnelles, des guidelines pour des menus dropdown, du processus de design, pourquoi vous n’avez pas besoin d’une application mobile, des principes de design visuel expliqu\u00e9s avec de jolis GIFs, un jeu sympa pour faire comprendre internet aux enfants et des tutoriels Sketch et Web Components<\/p>\n

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

J\u2019ai publi\u00e9 un truc cette semaine<\/h2>\n

FlupaUXDays 2017 \u2013 Experience Maps et Prototyper un chatbot<\/a><\/p>\n

\"FlupaUXDays<\/p>\n

FlupaUXDays 2017 \u2013 D\u00e9couvrir le Mod\u00e8le de Kano<\/a><\/p>\n

\"FlupaUXDays<\/p>\n

FlupaUXDays 2017 \u2013 L\u2019Atelier Hackers les outils SEO pour l\u2019UX, par Myriam Jessier<\/a><\/p>\n

\"Atelier<\/p>\n

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

#Usability #Modales<\/p>\n

Best Practices for Modals \/ Overlays \/ Dialog Windows<\/a>, les bonnes pratiques pour les modales et overlays<\/p>\n

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

#Usability #Suppression<\/p>\n

Delete models in products, because sometimes, cats walk on keyboards<\/a><\/p>\n

\"\"<\/p>\n

#SVG<\/p>\n

Stuff at the Top of an SVG<\/a><\/p>\n

\"\"<\/p>\n

#Interface Conversationnelle #ChatBots<\/p>\n

Skeuomorphism In Conversational Design<\/a><\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

Avoiding the Camel<\/a>\u00a0\u00e9viter de tomber dans les pi\u00e8ges du design par comit\u00e9<\/p>\n

\"\"<\/p>\n

#Usability #Dropdowns<\/p>\n

Dropdowns: Design Guidelines<\/a>\u00a0de bonnes pratiques pour les dropdowns<\/p>\n

\"\"<\/p>\n

#Notifications<\/p>\n

A critical analysis of notification systems<\/a>\u00a0une analyse des notifications mobiles<\/p>\n

\"\"<\/p>\n

#Design #Process<\/p>\n

Building design process within teams<\/a>, retour sur un processus de design \u00e0 base de cartes<\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

People Don’t Need Another Mobile App<\/a>, non vous n’avez pas besoin d’une application mobile<\/p>\n

\"\"<\/p>\n

#Design #portfolio<\/p>\n

What delayed my portfolio redesign for 3 years and how I finally launched it<\/a>, des conseils pour redesigner son portfolio<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

10 Basic Principles of Visual Design<\/a>, des principes de design visuel expliqu\u00e9s en jolis GIFs<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

The User as Hero<\/a>, du storytelling et storymapping<\/p>\n

\"\"<\/p>\n

#Usability
\nThe Most Hated Online Advertising Techniques<\/a>, des techniques de publicit\u00e9 d\u00e9test\u00e9es par les utilisateurs<\/p>\n

\"\"<\/p>\n

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

#Jeu #S\u00e9curit\u00e9<\/p>\n

Interland<\/a>, un jeu pour apprendre aux enfants \u00e0 \u00eatre des citoyens du web<\/p>\n

\"\"<\/p>\n

Tutoriels<\/h2>\n

#Web Components<\/p>\n

An intro to web components with otters<\/a> by Monica Dinculescu<\/p>\n

\"\"<\/p>\n

#Sketch<\/p>\n

The Most Efficient Way to Use Icons If You\u2019re A Designer or Developer<\/a><\/p>\n

\"\"<\/p>\n

#Responsive #Sketch<\/p>\n

Responsive Design in Sketch \u2014 Part 1 \u2013 Design + Sketch<\/a><\/p>\n

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

#Tableaux #Responsive<\/p>\n

Responsive Flexbox Pricing Table<\/a><\/p>\n

\"\"<\/p>\n

ResetCSS #Forms<\/p>\n

Use a CSS Reset<\/a>. C’est aussi une page de test sympa pour les inputs HTML5<\/p>\n

\"\"<\/p>\n

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

#UX #Evil<\/p>\n

Redditors design worst volume sliders possible \u2013 evil UX<\/a><\/p>\n

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

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 7 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 : mes retours sur les ateliers Flupa, des bonnes pratiques de fen\u00eatres modales, des techniques de publicit\u00e9 …<\/p>\n","protected":false},"author":3,"featured_media":6411,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"yoast_head":"\nLa semaine en pixels \u2013 16 juin 2017 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0bonnes pratiques de fen\u00eatres modales, techniques de publicit\u00e9 d\u00e9test\u00e9es par les utilisateurs, guidelines pour des menus dropdown, principes de design visuel expliqu\u00e9s avec de jolis GIFs\" \/>\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-16-juin-2017\/\" \/>\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 16 juin 2017 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0bonnes pratiques de fen\u00eatres modales, techniques de publicit\u00e9 d\u00e9test\u00e9es par les utilisateurs, guidelines pour des menus dropdown, principes de design visuel expliqu\u00e9s avec de jolis GIFs\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-juin-2017\/\" \/>\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=\"2017-06-16T10:22:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/06\/lienssemaine-16juin2017.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=\"2 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-16-juin-2017\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-juin-2017\/\",\"name\":\"La semaine en pixels \u2013 16 juin 2017 - 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-16-juin-2017\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-juin-2017\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/06\/lienssemaine-16juin2017.jpg\",\"datePublished\":\"2017-06-16T10:22:19+00:00\",\"dateModified\":\"2017-06-16T10:22:19+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0bonnes pratiques de fen\u00eatres modales, techniques de publicit\u00e9 d\u00e9test\u00e9es par les utilisateurs, guidelines pour des menus dropdown, principes de design visuel expliqu\u00e9s avec de jolis GIFs\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-juin-2017\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-juin-2017\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/06\/lienssemaine-16juin2017.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/06\/lienssemaine-16juin2017.jpg\",\"width\":850,\"height\":350},{\"@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:\/\/twitter.com\/walterstephanie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La semaine en pixels \u2013 16 juin 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0bonnes pratiques de fen\u00eatres modales, techniques de publicit\u00e9 d\u00e9test\u00e9es par les utilisateurs, guidelines pour des menus dropdown, principes de design visuel expliqu\u00e9s avec de jolis GIFs","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-16-juin-2017\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 16 juin 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0bonnes pratiques de fen\u00eatres modales, techniques de publicit\u00e9 d\u00e9test\u00e9es par les utilisateurs, guidelines pour des menus dropdown, principes de design visuel expliqu\u00e9s avec de jolis GIFs","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-juin-2017\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2017-06-16T10:22:19+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/06\/lienssemaine-16juin2017.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-juin-2017\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-juin-2017\/","name":"La semaine en pixels \u2013 16 juin 2017 - 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-16-juin-2017\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-juin-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/06\/lienssemaine-16juin2017.jpg","datePublished":"2017-06-16T10:22:19+00:00","dateModified":"2017-06-16T10:22:19+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0bonnes pratiques de fen\u00eatres modales, techniques de publicit\u00e9 d\u00e9test\u00e9es par les utilisateurs, guidelines pour des menus dropdown, principes de design visuel expliqu\u00e9s avec de jolis GIFs","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-juin-2017\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-juin-2017\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/06\/lienssemaine-16juin2017.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/06\/lienssemaine-16juin2017.jpg","width":850,"height":350},{"@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:\/\/twitter.com\/walterstephanie"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6408"}],"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=6408"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6408\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6411"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}