{"id":4542,"date":"2015-10-23T08:00:50","date_gmt":"2015-10-23T06:00:50","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4542"},"modified":"2015-10-22T21:04:01","modified_gmt":"2015-10-22T19:04:01","slug":"la-semaine-en-pixels-23-octobre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-octobre-2015\/","title":{"rendered":"La semaine en pixels \u2013 23 octobre 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 : optimisation de conversion de formulaires, biais cognitifs \u00e0 utiliser \u00e0 son avantage, le retour du mythe de la ligne de flottaison, des erreurs d’utilisabilit\u00e9 \u00e0 \u00e9viter et des conseils pour optimiser l’UX des sites. De jolies photos et illustrations du c\u00f4t\u00e9 de l’inspiration, des tutoriels CSS et SVG ainsi qu’un outil d’optimisation d’image et un petit jeu CSS en fin d’article.<\/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

#SVG #Brand<\/p>\n

Simpleicons.org<\/a>, 110 + ic\u00f4nes de marques, produit et services rassembl\u00e9es \u00e0 un seul et m\u00eame endroit<\/p>\n

\"\"<\/p>\n

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

#Cognition #Conversion<\/p>\n

18 Cognitive Biases You Can Use for Conversion Optimization<\/a>, 18 biais cognitifs \u00e0 utiliser pour influencer la conversion de vos sites<\/p>\n

\"\"<\/p>\n

#Design #Erreurs<\/p>\n

Interaction Design Mistakes That Drive Us Nuts<\/a> : des erreurs de design et d\u2019ergonomie \u00e0 ne pas commettre sous peine d\u2019exasp\u00e9rer vos utilisateurs (modales, menus inutilisables, manque de contraste, etc.)<\/p>\n

\"\"<\/p>\n

 <\/p>\n

#Usability<\/p>\n

Ensure High Contrast for Text Over Images<\/a> – si vous placez du texte au dessus d\u2019une image de fond, assurez-vous qu\u2019il y ai assez de contrastes<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Never mix lo\u00adcally in\u00adstalled fonts and web fonts in @font-face rules<\/a>, attention si vous d\u00e9clarez une police locale et la m\u00eame en webfont aux soucis que \u00e7a peut engendrer<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

Why You’re Over-Thinking Your UI\/UX<\/a>, une super conf\u00e9rence sur des m\u00e9thodos d\u2019UX simples \u00e0 appliquer pour des projets<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

Object-Oriented UX<\/a> – \u00ab\u00a0To me, mobile first simply means forced prioritization\u00a0\u00bb : une r\u00e9flexion sur l\u2019application de m\u00e9thodologies orient\u00e9es objet pour designer des syst\u00e8mes d\u2019architecture d\u2019information plus coh\u00e9rents. En bref : orienter le design autour des objets du contenu par lesquels l\u2019utilisateur naviguera<\/p>\n

\"\"<\/p>\n

#Layout #Usability<\/p>\n

Is Your New Website Layout Killing Your Engagement?<\/a> un retour sur la refonte d\u2019un site d\u2019une mise en page horizontale \u00e0 une mise en page verticale et la perte d\u2019engagement utilisateur qui a suivi<\/p>\n

\"\"<\/p>\n

#Formulaires<\/p>\n

Should You Really Reduce Form Fields?<\/a> Malgr\u00e9 ce que vous avez pu lire dans certaines \u00e9tudes datant de 7 – 8 ans, parfois r\u00e9duire le nombre de champs d\u2019un formulaire \u00e0 l\u2019effet inverse que celui souhait\u00e9 et risque de faire baisser la conversion : attention \u00e0 ce que vous retirez comme champ.<\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

[\u00c9TUDE COMPL\u00c8TE] Comment utilise-t-on notre #smartphone ?<\/a><\/p>\n

\"\"<\/p>\n

#Fold #Mythe<\/p>\n

Is Above the Fold Really That Important?<\/a>, le retour du mythe \u201cau dessus de la ligne de flottaison\u201d dans un article tr\u00e8s bien illustr\u00e9 de quand faut-il s\u2019en soucier ou pas<\/p>\n

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

#Train<\/p>\n

Le projet NY train project<\/a> illustres les affichages des noms de stations du m\u00e9tro New Yorkais<\/p>\n

\"\"<\/p>\n

#Photos<\/p>\n

Tonki.com<\/a>, vos photos imprim\u00e9es sur du carton solide qui servira \u00e9galement de cadre. Une jolie id\u00e9e tout en un<\/p>\n

\"\"<\/p>\n

#WebDesign<\/p>\n

Page Stack Navigation<\/a>, une d\u00e9mo sympa de transition de pages web<\/p>\n

\"\"<\/p>\n

#Photos<\/p>\n

Paperboyo<\/a>, ce photographe ajoute un petit \u00e9l\u00e9ment papier sur ses photo pour raconter de jolies histoires<\/p>\n

\"\"<\/p>\n

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

#CSS #Animations<\/p>\n

Animate Elements on a Path with CSS<\/a>, cr\u00e9er une animation CSS qui suit un chemin gr\u00e2ce \u00e0 motion-path<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Reverse Text Color Based on Background Color Automatically in CSS<\/a> – une d\u00e9mo CSS sympa : utiliser le blend mode CSS pour cr\u00e9er un loader dont les couleurs s\u2019inversent<\/p>\n

\"\"<\/p>\n

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

#Image #Optimisation<\/p>\n

optimizilla.com<\/a> un outil d\u2019optimisation en ligne (meilleur que kraken.io<\/a> sur certaines images, mais pas sur tout donc difficile de juger)<\/p>\n

\"\"<\/p>\n

<\/h2>\n

 <\/p>\n

#Color<\/p>\n

The Ultimate List of Online Colour Palette Generators for Web Design<\/a>, une liste de g\u00e9n\u00e9rateurs de palette de couleur<\/p>\n

\"\"<\/p>\n

#Resume<\/p>\n

Un outil en ligne pour g\u00e9n\u00e9rer un joli cv<\/a>, \u00e7a pourrait plaire \u00e0 certains \u00e9tudiants \u00e7a<\/p>\n

\"\"<\/p>\n

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

#CSS<\/p>\n

Procrastination time : \u00e0 quel point connaissez-vous le nom des couleurs CSS<\/a> ? Perso je suis une peu nulle \u00e0 ce jeu, mais \u00e7a devrait vous occuper ce matin :)<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

The CSS Clock clock<\/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 : optimisation de conversion de formulaires, biais cognitifs \u00e0 utiliser \u00e0 son avantage, le retour …<\/p>\n","protected":false},"author":3,"featured_media":4528,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4542","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 23 octobre 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=\"A ne pas manquer :\u00a0optimisation de conversion de formulaires, biais cognitifs \u00e0 utiliser \u00e0 son avantage, le mythe de la ligne de flottaison, erreurs d'utilisabilit\u00e9 et des conseils pour optimiser l'UX.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-2844.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 23 octobre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer :\u00a0optimisation de conversion de formulaires, biais cognitifs \u00e0 utiliser \u00e0 son avantage, le mythe de la ligne de flottaison, erreurs d'utilisabilit\u00e9 et des conseils pour optimiser l'UX.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-octobre-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-10-23T06:00:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-10-22T19:04:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/10\/lienssemaine-23octobre.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=\"4 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-23-octobre-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-octobre-2015\/\",\"name\":\"La semaine en pixels \u2013 23 octobre 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-23-octobre-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-octobre-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/10\/lienssemaine-23octobre.jpg\",\"datePublished\":\"2015-10-23T06:00:50+00:00\",\"dateModified\":\"2015-10-22T19:04:01+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer :\u00a0optimisation de conversion de formulaires, biais cognitifs \u00e0 utiliser \u00e0 son avantage, le mythe de la ligne de flottaison, erreurs d'utilisabilit\u00e9 et des conseils pour optimiser l'UX.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-octobre-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-octobre-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/10\/lienssemaine-23octobre.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/10\/lienssemaine-23octobre.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 23 octobre 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 23 octobre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer :\u00a0optimisation de conversion de formulaires, biais cognitifs \u00e0 utiliser \u00e0 son avantage, le mythe de la ligne de flottaison, erreurs d'utilisabilit\u00e9 et des conseils pour optimiser l'UX.","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-23-octobre-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 23 octobre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer :\u00a0optimisation de conversion de formulaires, biais cognitifs \u00e0 utiliser \u00e0 son avantage, le mythe de la ligne de flottaison, erreurs d'utilisabilit\u00e9 et des conseils pour optimiser l'UX.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-octobre-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-10-23T06:00:50+00:00","article_modified_time":"2015-10-22T19:04:01+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/10\/lienssemaine-23octobre.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-octobre-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-octobre-2015\/","name":"La semaine en pixels \u2013 23 octobre 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-23-octobre-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-octobre-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/10\/lienssemaine-23octobre.jpg","datePublished":"2015-10-23T06:00:50+00:00","dateModified":"2015-10-22T19:04:01+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer :\u00a0optimisation de conversion de formulaires, biais cognitifs \u00e0 utiliser \u00e0 son avantage, le mythe de la ligne de flottaison, erreurs d'utilisabilit\u00e9 et des conseils pour optimiser l'UX.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-octobre-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-octobre-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/10\/lienssemaine-23octobre.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/10\/lienssemaine-23octobre.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 23 octobre 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\/4542"}],"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=4542"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4542\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4528"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4542"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4542"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}