{"id":4414,"date":"2015-09-18T08:43:45","date_gmt":"2015-09-18T06:43:45","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4414"},"modified":"2015-09-18T08:48:03","modified_gmt":"2015-09-18T06:48:03","slug":"la-semaine-en-pixels-18-septembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-septembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 18 septembre 2015"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 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 : beaucoup d’articles sur l’exp\u00e9rience utilisateur (changement de contexte, d\u00e9rives du persuasive design, formulaires de carte de cr\u00e9dit, test eyetracking d’indicateurs de progression), conseils de composition pour les designers, optimiser les slides pour le touch et conseils pour porter son application iOS vers Android, branding de hackathon, un peu de flexbox, SVG et customisation de champs d’envoi de fichier, des questions existentielles pour des designers (ou pas) et deux ressources pour apprendre le design et le design d’interface.<\/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

#Mobile First<\/p>\n

Why is it so Easy to Get \u00ab\u00a0Mobile First\u00a0\u00bb Wrong?<\/a> une excellente lecture (un peu longue) sur ce qu\u2019est le mobile first, comment en \u00e9viter les pi\u00e8ges et comment mettre en place une strat\u00e9gie mult-plateforme global qui fonctionne<\/p>\n

\"Why<\/p>\n

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

#UX<\/p>\n

The Importance of Context-Shifting in UX Patterns<\/a>, de l\u2019importance de montrer \u00e0 votre utilisateur le changement de contexte dans les interface (avec entre autre des conseils sur les animations)<\/p>\n

\"The<\/p>\n

#UX<\/p>\n

Persuasive Design: When Does UX Become Evil?<\/a>, persuasive design \u00e0 partir de quand l\u2019UX devient-elle n\u00e9faste ?<\/p>\n

\"Persuasive<\/p>\n

#Slider #Touch<\/p>\n

Slider Design: Rules of Thumb<\/a>, de l\u2019utilisabilit\u00e9 des sliders de s\u00e9lection sur les interfaces touch<\/p>\n

\"Slider<\/p>\n

#iOS #Android<\/p>\n

Rookie Guide : How To Convert iOS UI To Android,<\/a> un article sur la diff\u00e9rence entre le design iOS et Android et comment adapter son design iOS pour Android<\/p>\n

\"Rookie<\/p>\n

#Scroll #Eyetracking<\/p>\n

Should You Use a Custom Scroll Indicator? A Study with Eye-Tracking <\/a>une \u00e9tude d\u2019eyetracking sur les indicateurs de progression de lecture sur les articles pour savoir s\u2019ils sont vraiment utiles et utilis\u00e9s<\/p>\n

\"Should<\/p>\n

#Hackathon #Event<\/p>\n

Let\u2019s Brand a Hackathon!<\/a> Quelques petites id\u00e9es pour cr\u00e9er une identit\u00e9 \u00e0 votre hackathon et communiquer dessus qui pourraient \u00eatre transpos\u00e9es \u00e0 n\u2019importe quel \u00e9v\u00e8nement web<\/p>\n

\"Let\u2019s<\/p>\n

#UX #Formulaires<\/p>\n

4 Tips to Improve Your Credit Card Form UX<\/a> : 4 astuces pour am\u00e9liorer l\u2019exp\u00e9rience utilisateur de vos formulaires. Je ne connaissais pas l\u2019option de scan de carte de cr\u00e9dit d\u2019Apple, c\u2019est plut\u00f4t malin.<\/p>\n

\"4<\/p>\n

#Flexbox<\/p>\n

5 Ways to think about CSS Flexbox<\/a> : de quoi vous aider \u00e0 mieux comprendre la syntaxe de flexbox<\/p>\n

\"5<\/p>\n

#Design<\/p>\n

10 Rules of Composition All Designers Live By<\/a>, 10 r\u00e8gles de composition pour vous aider \u00e0 cr\u00e9er des designs et compositions \u00e9quilibr\u00e9es<\/p>\n

\"10<\/p>\n

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

#Mario<\/p>\n

Procrastination de la matin\u00e9e : Really Super Mario vs Really Super Wario<\/a>, quand on m\u00e9lange Mario, Wario et les super h\u00e9ros de la pop culture.<\/p>\n

\"Really<\/p>\n

#Fun<\/p>\n

Should designers<\/a>\u2026 Naaannn chuuute !!!<\/p>\n

\"Should<\/p>\n

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

#SVG<\/p>\n

Creating Cel Animations With SVG<\/a>, un tutoriel sympa pour animer du SVG<\/p>\n

\"Creating<\/p>\n

#CSS<\/p>\n

Styling & Customizing File Inputs the Smart Way<\/a>, un tutoriel sur comment styler le champs de d\u2019upload de fichiers avec une partie sur l\u2019accessibilit\u00e9 et le touch<\/p>\n

\"Styling<\/p>\n

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

#Curation<\/p>\n

Webfieldmanual.com<\/a>, une liste de ressources, blogs, articles et inspiration pour vous aider \u00e0 avancer et \u00e9voluer dans les m\u00e9tiers du webdesign<\/p>\n

\"Webfieldmanual.com\"<\/p>\n

#UI<\/p>\n

Une bonne base d\u2019apprentissage pour les d\u00e9butants qui souhaiteraient se lancer dans le design d\u2019interface : 29 User Interface Design Resources: The Ultimate List<\/a><\/p>\n

\"29<\/p>\n

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

#Google<\/p>\n

Bringbacktheserifs.xyz<\/a> hum, une r\u00e9action peut-\u00eatre un peu violente au changement mais si l\u2019ancien logo Google vous manque, il y a une extension Chrome et Safari pour \u00e7a :)<\/p>\n

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

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 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 : beaucoup d’articles sur l’exp\u00e9rience utilisateur (changement de contexte, d\u00e9rives du persuasive design, formulaires de …<\/p>\n","protected":false},"author":3,"featured_media":4411,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4414","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 18 septembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer :\u00a0d\u00e9rives du persuasive design, exp\u00e9rience utilisateur des formulaires de carte de cr\u00e9dit, test eyetracking d'indicateurs de progression, flexbox, SVG et ressources pour apprendre le design et le design d'interface.\" \/>\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-18-septembre-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 18 septembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer :\u00a0d\u00e9rives du persuasive design, exp\u00e9rience utilisateur des formulaires de carte de cr\u00e9dit, test eyetracking d'indicateurs de progression, flexbox, SVG et ressources pour apprendre le design et le design d'interface.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-septembre-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-09-18T06:43:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-09-18T06:48:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/09\/lienssemaine-18sept2015.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-18-septembre-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-septembre-2015\/\",\"name\":\"La semaine en pixels \u2013 18 septembre 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-18-septembre-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-septembre-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/lienssemaine-18sept2015.jpg\",\"datePublished\":\"2015-09-18T06:43:45+00:00\",\"dateModified\":\"2015-09-18T06:48:03+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer :\u00a0d\u00e9rives du persuasive design, exp\u00e9rience utilisateur des formulaires de carte de cr\u00e9dit, test eyetracking d'indicateurs de progression, flexbox, SVG et ressources pour apprendre le design et le design d'interface.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-septembre-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-septembre-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/lienssemaine-18sept2015.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/lienssemaine-18sept2015.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 18 septembre 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 18 septembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer :\u00a0d\u00e9rives du persuasive design, exp\u00e9rience utilisateur des formulaires de carte de cr\u00e9dit, test eyetracking d'indicateurs de progression, flexbox, SVG et ressources pour apprendre le design et le design d'interface.","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-18-septembre-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 18 septembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer :\u00a0d\u00e9rives du persuasive design, exp\u00e9rience utilisateur des formulaires de carte de cr\u00e9dit, test eyetracking d'indicateurs de progression, flexbox, SVG et ressources pour apprendre le design et le design d'interface.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-septembre-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-09-18T06:43:45+00:00","article_modified_time":"2015-09-18T06:48:03+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/09\/lienssemaine-18sept2015.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-18-septembre-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-septembre-2015\/","name":"La semaine en pixels \u2013 18 septembre 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-18-septembre-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-septembre-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/lienssemaine-18sept2015.jpg","datePublished":"2015-09-18T06:43:45+00:00","dateModified":"2015-09-18T06:48:03+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer :\u00a0d\u00e9rives du persuasive design, exp\u00e9rience utilisateur des formulaires de carte de cr\u00e9dit, test eyetracking d'indicateurs de progression, flexbox, SVG et ressources pour apprendre le design et le design d'interface.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-septembre-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-septembre-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/lienssemaine-18sept2015.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/lienssemaine-18sept2015.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 18 septembre 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\/4414","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=4414"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4414\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4411"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}