{"id":4649,"date":"2015-11-20T08:12:37","date_gmt":"2015-11-20T07:12:37","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4649"},"modified":"2022-03-17T20:49:49","modified_gmt":"2022-03-17T19:49:49","slug":"la-semaine-en-pixels-20-novembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-novembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 20 novembre 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

Cette semaine est plac\u00e9e\u00a0sous le\u00a0signe de la mobilit\u00e9 :\u00a0exp\u00e9rience utilisateur mobile, patterns de navigation mobile et Google Plus qui passe en responsive, accessibilit\u00e9 des gestes au touch, 10 conseils pour vous aider \u00e0 construire l’exp\u00e9rience mobile de vos utilisateurs et la sortie du nouveau livre d’Ethan Marcotte sur les patterns responsive. Un peu de performance et de SVG du c\u00f4t\u00e9 des tutoriels, et ne manquez pas le pack d\u2019ic\u00f4nes anim\u00e9es ainsi qu’un petit site qui rassemble plus de 400 vid\u00e9os de conf\u00e9rences UI\/UX.<\/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 #Responsive<\/p>\n

Google+ goes completely responsive<\/a>, une \u00e9tude de cas sur comment Google plus est devenu totalement responsive, process tr\u00e8s interessant m\u00eame si vous n\u2019utilisez pas ce r\u00e9seau social<\/p>\n

\"\"<\/p>\n

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

#A11Y<\/p>\n

Un article long mais int\u00e9ressant sur l\u2019accessibilit\u00e9, les faux bouton et les faux onglets How Our CSS Framework Helps Enforce Accessibility<\/a><\/p>\n

\"\"<\/p>\n

#Typographie<\/p>\n

The many (type) faces of \u00af\\_(\u30c4)_\/\u00af<\/a> ou comment la police utilis\u00e9e pour cet emote nous fait l’interpr\u00e9ter diff\u00e9rement<\/p>\n

\"\"<\/p>\n

#Mobile #Navigation<\/p>\n

Basic Patterns for Mobile Navigation: A Primer<\/a>, une analyse de diff\u00e9rents patterns mobile et comment les utiliser \u00e0 bon escient<\/p>\n

\"\"<\/p>\n

#Design #UX<\/p>\n

Design for personalization<\/a>, designer des interfaces qui se personnalisent en fonction de l\u2019utilisateur, m\u00eame si \u00e7a peut \u00eatre parfois un peu inqui\u00e9tant en terme de vie priv\u00e9e et collected des donn\u00e9es<\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

The State of Mobile E-Commerce Search and Category Navigation<\/a><\/p>\n

\"\"#A11Y<\/p>\n

Why Implementing Swipe Gestures Causes A Mobile Accessibility Issue<\/a>, saviez vous que les actions au touch (swipe, etc) peuvent entrer en conflit avec les actions des outils d\u2019accessibilit\u00e9 des appareils mobile ?<\/p>\n

\"\"<\/p>\n

#Mobile #Design<\/p>\n

10 Everyday Shortcuts for Better Responsive Design<\/a>, 10 raccourcis pour designers le responsive. Je suis particuli\u00e8rement d\u2019accord avec les 3 premiers : le papier est tr\u00e8s lib\u00e9rateur et permet de tester rapidement beaucoup d\u2019id\u00e9es, designer pour les petits appareils, ou au moins en pensant au petits appareils en premier permet d\u2019avoir des contraintes utiles en responsive (enfin, pour \u00e7a il faut quand m\u00eame conna\u00eetre d\u00e8s le d\u00e9part tout le contenu du site) et on n\u2019a pas besoin de redesigner toutes les pages, favoriser le design d\u2019\u00e9l\u00e9ments r\u00e9p\u00e9titifs (ce qu\u2019ils appellent \u201cpatterns\u201d \u00e0 diff\u00e9rentes tailles permet un gain de temps consid\u00e9rable<\/p>\n

\"\"<\/p>\n

#Navigation #UX<\/p>\n

Picking The Right Methods To Improve Navigation<\/a> : card sorting, tree test, observation d\u2019utilisateur, etc., cet article vous aide \u00e0 trouver la bonne m\u00e9thodologie pour am\u00e9liorer la navigation de votre site<\/p>\n

\"\"<\/p>\n

 <\/p>\n

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

#Medical #Aide<\/p>\n

Improving Medication Adherence<\/a>, une exploration dans l\u2019utilisateur potentiels de SMS pour aider les patients dans leurs traitements. Voici Florence :)<\/p>\n

\"\"<\/p>\n

#Interview<\/p>\n

How Bad Kissing is Like Working with Developers<\/a>, une interview de Matteo Bologna in Action entre le fun, le clich\u00e9 totalement assum\u00e9 et amus\u00e9 et le retour d\u2019exp\u00e9rience<\/p>\n

\"\"<\/p>\n

L\u2019actualit\u00e9 webdesign<\/h2>\n

#Livre #Responsive<\/p>\n

Responsive Design: Patterns & Principles<\/a>, le nouveau livre d\u2019Ethan Marcotte (le papa du responsive)<\/p>\n

\"responsive-design-patterns\"<\/p>\n

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

#SVG<\/p>\n

Tips for Creating and Exporting Better SVGs for the Web<\/a> des conseils pour cr\u00e9er des SVGs pour le web, par @SaraSoueidan<\/a> <3<\/p>\n

\"\"<\/p>\n

#Font #Performance<\/p>\n

Loading Web Fonts with the Web Font Loader<\/a>, charger des polices avec Web Font Loader<\/p>\n

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

#Conference<\/p>\n

uideo.net<\/a> plus de 400\u00a0vid\u00e9os de conf\u00e9rences pour les UX\/UI designers<\/p>\n

\"\"<\/p>\n

#Icones #GIFs<\/p>\n

Un pack d’ic\u00f4nes anim\u00e9es (en GIF)<\/a>, je me demande si c\u2019est une bonne id\u00e9e surtout si beaucoup sont utilis\u00e9es sur la m\u00eame page, mais il faut avouer qu\u2019elles ont une jolie t\u00eate :)<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

5 cours et rapports sur l\u2019UX gratuits<\/a> par Susan Weinschenk<\/p>\n

\"\"<\/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.). Cette semaine est plac\u00e9e\u00a0sous le\u00a0signe de la mobilit\u00e9 :\u00a0exp\u00e9rience utilisateur mobile, patterns de navigation mobile et Google Plus qui …<\/p>\n","protected":false},"author":3,"featured_media":4648,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4649","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 20 novembre 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=\"Exp\u00e9rience utilisateur et navigation mobile, Google Plus passe en responsive, accessibilit\u00e9 des gestes au touch, 10 conseils pour le mobile et 400 vid\u00e9os de conf\u00e9rences UI\/UX.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-2739.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 20 novembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Exp\u00e9rience utilisateur et navigation mobile, Google Plus passe en responsive, accessibilit\u00e9 des gestes au touch, 10 conseils pour le mobile et 400 vid\u00e9os de conf\u00e9rences UI\/UX.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-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-20T07:12:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-17T19:49:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/lienssemaine-20nov.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-20-novembre-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-novembre-2015\/\",\"name\":\"La semaine en pixels \u2013 20 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-20-novembre-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-novembre-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/11\/lienssemaine-20nov.jpg\",\"datePublished\":\"2015-11-20T07:12:37+00:00\",\"dateModified\":\"2022-03-17T19:49:49+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Exp\u00e9rience utilisateur et navigation mobile, Google Plus passe en responsive, accessibilit\u00e9 des gestes au touch, 10 conseils pour le mobile et 400 vid\u00e9os de conf\u00e9rences UI\/UX.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-novembre-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-novembre-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/11\/lienssemaine-20nov.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/11\/lienssemaine-20nov.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 20 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'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 20 novembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Exp\u00e9rience utilisateur et navigation mobile, Google Plus passe en responsive, accessibilit\u00e9 des gestes au touch, 10 conseils pour le mobile et 400 vid\u00e9os de conf\u00e9rences UI\/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-20-novembre-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 20 novembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Exp\u00e9rience utilisateur et navigation mobile, Google Plus passe en responsive, accessibilit\u00e9 des gestes au touch, 10 conseils pour le mobile et 400 vid\u00e9os de conf\u00e9rences UI\/UX.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-novembre-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-11-20T07:12:37+00:00","article_modified_time":"2022-03-17T19:49:49+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/11\/lienssemaine-20nov.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-20-novembre-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-novembre-2015\/","name":"La semaine en pixels \u2013 20 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-20-novembre-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-novembre-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/11\/lienssemaine-20nov.jpg","datePublished":"2015-11-20T07:12:37+00:00","dateModified":"2022-03-17T19:49:49+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Exp\u00e9rience utilisateur et navigation mobile, Google Plus passe en responsive, accessibilit\u00e9 des gestes au touch, 10 conseils pour le mobile et 400 vid\u00e9os de conf\u00e9rences UI\/UX.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-novembre-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-novembre-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/11\/lienssemaine-20nov.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/11\/lienssemaine-20nov.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 20 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'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\/4649"}],"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=4649"}],"version-history":[{"count":2,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4649\/revisions"}],"predecessor-version":[{"id":8075,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4649\/revisions\/8075"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4648"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}