{"id":4447,"date":"2015-09-25T08:08:13","date_gmt":"2015-09-25T06:08:13","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4447"},"modified":"2015-09-25T08:29:14","modified_gmt":"2015-09-25T06:29:14","slug":"la-semaine-en-pixels-25-septembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-septembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 25 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 : biais cognitifs, personas, SVG vs Font-icon, performance des fonts de mani\u00e8re g\u00e9n\u00e9rale et d\u00e9cisions de design pour les am\u00e9liorer, UX et applications mobile, le web sur mobile et pourquoi il exasp\u00e8re tout le monde, une collection de tutoriels CSS pour comprendre le stacking context et utiliser le devtool de Chrome comme un pro. Cette semaine est \u00e9galement particuli\u00e8rement riche en ressources : alternatives gratuites \u00e0 des polices populaires sur le web, librairies d’animation, ressources CSS, un calculateur en ligne pour savoir s’il vaut mieux faire une application ou un site web, un outil pour avoir les curseurs d’interface \u00e0 port\u00e9e de clique et des statistiques sur les usages du mobile en France.<\/p>\n

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

Conf\u00e9rence et sirop d\u2019\u00e9rable !<\/h2>\n

\"confooPetite apart\u00e9 shameless d’auto-promo, apr\u00e8s tout c’est mon blog<\/em>, j’ai propos\u00e9 des sujets de conf\u00e9rences pour Confoo<\/strong><\/a>, donc si vous voulez me voir parler du futur du web dans le navigateur mobile<\/strong>, de comment communiquer le responsive \u00e0 ses \u00e9quipes de d\u00e9veloppement<\/strong> ou d’animations CSS3 pour am\u00e9liorer l’exp\u00e9rience de vos utilisateurs<\/strong>, VOTEZ <\/a>:) Vous pouvez aussi votez si vous voulez juste que j’aille manger du sirop d’\u00e9rable :D<\/p>\n

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

#Psychologie cognitive<\/p>\n

20 Cognitive Biases That Affect Your Decision-Making<\/a> 20 biais cognitifs qui vont influencer les prises de d\u00e9cisions<\/p>\n

\"20<\/p>\n

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

#Design #UI Pattern<\/p>\n

Un article pratique si vous avez un jour besoin de designer un forum, ou des commentaires imbriqu\u00e9s : How to display threaded discussions on the web<\/a><\/p>\n

\"<\/p>\n

#Sexisme<\/p>\n

Meanwhile in a parallel universe<\/a> : commitstrip fait une planche sur le sexisme dans le m\u00e9tiers du d\u00e9veloppement. Comme le dit Lea Verou, c\u2019est une bonne id\u00e9e, mais un peu hypocrite dans la mesure o\u00f9 ils n\u2019ont que rarement des personnages f\u00e9minin dans leurs planches \u00e0 la base<\/a>.<\/p>\n

\"Meanwhile<\/p>\n

#Persona<\/p>\n

UX Personas Introduction Video for UX Design or Research<\/a>, 8 minutes de vid\u00e9o pour vous expliquer ce que sont les personas<\/p>\n

\"ux-persona\"<\/p>\n

 <\/p>\n

#UX<\/p>\n

UX design tips for your app<\/a>, des conseils pour am\u00e9liorer l\u2019exp\u00e9rience utilisateur de vos applications<\/p>\n

\"UX<\/p>\n

#Font #Performance<\/p>\n

Web Fonts Performance<\/a>, pr\u00e9sentation speakerdeck sur la performance du chargement des polices d\u2019\u00e9criture<\/p>\n

\"Web<\/p>\n

#Performance<\/p>\n

A Beginner\u2019s Guide to Performant Design Decisions<\/a>, quelques conseils car la performance passe aussi par des d\u00e9cisions de design \u00e9clair\u00e9es<\/p>\n

\"A<\/p>\n

#Mobile<\/p>\n

This is why the mobile web is dying<\/a> pas convaincue sur le fait que le web mobile se meurt, mais l\u2019image est pertinente<\/p>\n

\"This<\/p>\n

#SVG #Font icon<\/p>\n

SVGs vs. Icon Fonts: Two points in favor of Icon Fonts<\/a><\/p>\n

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

#CSS<\/p>\n

CSS stacking contexts: What they are and how they work<\/a> : comprendre le \u201c stacking-context \u201d en CSS, \u00e0 savoir l\u2019ordre des \u00e9l\u00e9ments les uns au dessus des autres change des valeurs de z-index<\/p>\n

\"CSS<\/p>\n

#CSS<\/p>\n

CSS Protips<\/a> quelques astuces CSS int\u00e9ressantes pour les navigateurs modernes<\/p>\n

\"CSS<\/p>\n

#Chrome<\/p>\n

How to use Chrome DevTools like a Pro<\/a>, quelques conseils et astuces sur l\u2019utilisation du devtool de Chrome<\/p>\n

\"How<\/p>\n

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

#Fonts<\/p>\n

The Best Free Alternatives to the Most Popular Fonts<\/a> des polices gratuites proches des polices populaires mais payantes<\/p>\n

\"The<\/p>\n

 <\/p>\n

#CSS<\/p>\n

Stylesheets.co<\/a> une collection de ressources CSS<\/p>\n

\"Stylesheets.co\"<\/p>\n

#App #Site<\/p>\n

App vs website<\/a>, un petit outil qui vous aide \u00e0 d\u00e9terminer si vous avez besoin d\u2019un site, d\u2019une application ou des deux, pratique pour aider les prospects. Pour moins de 10 000\u20ac de budget, passez directement au site (ce qui n\u2019est pas faux au final)<\/p>\n

\"App<\/p>\n

#Curseur<\/p>\n

LE site \u00e0 mettre en favoris pour ne plus jamais avoir \u00e0 chercher un curseur de souris sur google : cursorio.com<\/a><\/p>\n

\"<\/p>\n

#Mobile<\/p>\n

Des statistiques sur les usages du mobile en France par Google<\/a><\/p>\n

\"Des<\/p>\n

#Animations<\/p>\n

25 Free Libraries for Custom Web Animation<\/a>, des librairies pour vos animations web<\/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 : biais cognitifs, personas, SVG vs Font-icon, performance des fonts de mani\u00e8re g\u00e9n\u00e9rale et d\u00e9cisions …<\/p>\n","protected":false},"author":3,"featured_media":4438,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4447","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 25 septembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer :\u00a0biais cognitifs, personas, SVG vs Font-icon, performance des fonts, UX et applications mobile,librairies d'animation, ressources CSS, savoir s'il vaut mieux faire une application ou un site web, curseurs d'interface et statistiques sur les usages du mobile en France.\" \/>\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-25-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 25 septembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer :\u00a0biais cognitifs, personas, SVG vs Font-icon, performance des fonts, UX et applications mobile,librairies d'animation, ressources CSS, savoir s'il vaut mieux faire une application ou un site web, curseurs d'interface et statistiques sur les usages du mobile en France.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-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-25T06:08:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-09-25T06:29:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/09\/lienssemaine-25-sept.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-25-septembre-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-septembre-2015\/\",\"name\":\"La semaine en pixels \u2013 25 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-25-septembre-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-septembre-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/lienssemaine-25-sept.jpg\",\"datePublished\":\"2015-09-25T06:08:13+00:00\",\"dateModified\":\"2015-09-25T06:29:14+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer :\u00a0biais cognitifs, personas, SVG vs Font-icon, performance des fonts, UX et applications mobile,librairies d'animation, ressources CSS, savoir s'il vaut mieux faire une application ou un site web, curseurs d'interface et statistiques sur les usages du mobile en France.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-septembre-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-septembre-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/lienssemaine-25-sept.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/lienssemaine-25-sept.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 25 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 25 septembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer :\u00a0biais cognitifs, personas, SVG vs Font-icon, performance des fonts, UX et applications mobile,librairies d'animation, ressources CSS, savoir s'il vaut mieux faire une application ou un site web, curseurs d'interface et statistiques sur les usages du mobile en France.","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-25-septembre-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 25 septembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer :\u00a0biais cognitifs, personas, SVG vs Font-icon, performance des fonts, UX et applications mobile,librairies d'animation, ressources CSS, savoir s'il vaut mieux faire une application ou un site web, curseurs d'interface et statistiques sur les usages du mobile en France.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-septembre-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-09-25T06:08:13+00:00","article_modified_time":"2015-09-25T06:29:14+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/09\/lienssemaine-25-sept.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-25-septembre-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-septembre-2015\/","name":"La semaine en pixels \u2013 25 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-25-septembre-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-septembre-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/lienssemaine-25-sept.jpg","datePublished":"2015-09-25T06:08:13+00:00","dateModified":"2015-09-25T06:29:14+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer :\u00a0biais cognitifs, personas, SVG vs Font-icon, performance des fonts, UX et applications mobile,librairies d'animation, ressources CSS, savoir s'il vaut mieux faire une application ou un site web, curseurs d'interface et statistiques sur les usages du mobile en France.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-septembre-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-septembre-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/lienssemaine-25-sept.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/lienssemaine-25-sept.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 25 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\/4447","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=4447"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4447\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4438"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4447"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4447"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}