{"id":3954,"date":"2015-05-01T10:54:51","date_gmt":"2015-05-01T08:54:51","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=3954"},"modified":"2015-05-01T10:54:51","modified_gmt":"2015-05-01T08:54:51","slug":"la-semaine-en-pixels-1-mai-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-mai-2015\/","title":{"rendered":"La semaine en pixels \u2013 1 mai 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 : le support de mon cours d’optimisation mobile et responsive web design,\u00a0mobile et navigation (burger menu, pattern de navigation, etc.), une magnifique intervention d’Eric Meyer sur l’universalit\u00e9 du web, des donn\u00e9es sur l’utilisation des mobiles, le mythe de la ligne de flottaison, des ressources Flexbox et Web Design et du CSS4<\/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<\/p>\n

Optimisation mobile et responsive web design : mediaqueries, images, performance, etc<\/a>., le support de mon cours en ligne pour vous aider \u00e0 construire un site responsive<\/p>\n

\"Optimisation<\/p>\n

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

#UX<\/p>\n

Obvious Always Wins<\/a> : on peut \u00eatre tent\u00e9 de cacher la navigation d\u2019une interface sous une ic\u00f4ne de menu pour la simplifier, mais cela ne fonctionne pas toujours et peut m\u00eame avoir un impact n\u00e9gatif sur l\u2019utilisation de votre application<\/p>\n

\"Obvious<\/p>\n

#UX #SEO<\/p>\n

Why a Good User Experience Is the Most Overlooked SEO Strategy<\/a> : vitesse du site, responsive et mobile first, placement des boutons du contenu, tant d\u2019\u00e9l\u00e9ments qui ont final vont \u00e9galement impacter votre r\u00e9f\u00e9rencement<\/p>\n

\"Why<\/p>\n

#Talk #Universal Access<\/p>\n

Prenez 15 minutes aujourd\u2019hui pour regarder \u201cThis Web App Best Viewed By Someone Else<\/a>\u201d l\u2019importance de l\u2019acc\u00e8s universel au web quelque soit la technologie utilis\u00e9e que ce soit par l\u2019utilisateur ou par les cr\u00e9ateurs du site.<\/p>\n

\"This<\/p>\n

#Mobile Data<\/p>\n

Defining Mobile: 4-5.5 Inches, Portrait & One-Thumb Mobile data<\/a> : quelques statistiques mobiles, 67% des smartphones on un \u00e9cran entre 4 et 5.5 pouces et 94% des utilisateurs les utilisent en portrait<\/p>\n

\"Defining<\/p>\n

#Form #Utilisabilit\u00e9<\/p>\n

Des labels dans le champ mais align\u00e9 an haut \u00e0 gauche (pour que l\u2019on voit quand m\u00eame le label quand le champ a \u00e9t\u00e9 rempli), vous en pensez quoi ?<\/a><\/p>\n

\"label<\/p>\n

#Navigation<\/p>\n

The Priority+ Navigation Pattern<\/a>, pas totalement convaincue par tout ces petits boutons \u201cmore\u201d pour afficher plus d\u2019\u00e9l\u00e9ments de navigation, mais si on ne peut vraiment pas retravailler sur l\u2019architecture d\u2019information, pourquoi pas ?<\/p>\n

\"The<\/p>\n

#Webdesign<\/p>\n

There Is No Fold<\/a>, encore une fois le mythe de la ligne de flottaison<\/p>\n

\"There<\/p>\n

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

#Chrome Mobile<\/p>\n

Chrome 42 sur mobile va proposer des notifications push ainsi qu\u2019une petite banni\u00e8re pour aider les utilisateurs \u00e0 ajouter le favicon de votre site \u00e0 leur \u00e9cran d\u2019accueil<\/a><\/p>\n

\"Chrome<\/p>\n

#User Testing<\/p>\n

Mavelapp introducing UX testing tools<\/a><\/p>\n

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

#Typographie<\/p>\n

36daysoftype<\/a> un compte instagram \u00e0 suivre pour les amis fans de jolies lettres et typographie<\/p>\n

\"36daysoftype<\/p>\n

Des ressources utiles<\/h2>\n

#Flexbox<\/p>\n

Curated collection of CSS Flexbox related articles, tips and resources<\/a>, une liste de ressources pour vous aider \u00e0 utiliser et comprendre flexbox<\/p>\n

\"flexbox\"<\/p>\n

#Web Design<\/p>\n

Webdesignstack.com <\/a>\u00a0une selections de ressources et articles pour les webdesigners<\/p>\n

Des outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n

#CSS4<\/p>\n

New CSS4 Selectors<\/a>, un site qui vous expliquer le fonctionnement de nouveaux selecteurs CSS4, j\u2019ai vraiment h\u00e2te de pouvoir en utiliser certains<\/p>\n

\"New<\/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 : le support de mon cours d’optimisation mobile et responsive web design,\u00a0mobile et navigation (burger menu, pattern …<\/p>\n","protected":false},"author":3,"featured_media":3955,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-3954","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 1 mai 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Optimisation mobile et responsive web design,\u00a0mobile et navigation, Eric Meyer sur l'universalit\u00e9 du web, des donn\u00e9es sur l'utilisation des mobiles, la ligne de flottaison, Flexbox et CSS4\" \/>\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-1-mai-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 1 mai 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Optimisation mobile et responsive web design,\u00a0mobile et navigation, Eric Meyer sur l'universalit\u00e9 du web, des donn\u00e9es sur l'utilisation des mobiles, la ligne de flottaison, Flexbox et CSS4\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-mai-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-05-01T08:54:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/05\/semainepixel-1mai.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-1-mai-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-mai-2015\/\",\"name\":\"La semaine en pixels \u2013 1 mai 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-1-mai-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-mai-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/05\/semainepixel-1mai.jpg\",\"datePublished\":\"2015-05-01T08:54:51+00:00\",\"dateModified\":\"2015-05-01T08:54:51+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Optimisation mobile et responsive web design,\u00a0mobile et navigation, Eric Meyer sur l'universalit\u00e9 du web, des donn\u00e9es sur l'utilisation des mobiles, la ligne de flottaison, Flexbox et CSS4\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-mai-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-mai-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/05\/semainepixel-1mai.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/05\/semainepixel-1mai.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 1 mai 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 1 mai 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Optimisation mobile et responsive web design,\u00a0mobile et navigation, Eric Meyer sur l'universalit\u00e9 du web, des donn\u00e9es sur l'utilisation des mobiles, la ligne de flottaison, Flexbox et CSS4","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-1-mai-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 1 mai 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Optimisation mobile et responsive web design,\u00a0mobile et navigation, Eric Meyer sur l'universalit\u00e9 du web, des donn\u00e9es sur l'utilisation des mobiles, la ligne de flottaison, Flexbox et CSS4","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-mai-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-05-01T08:54:51+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/05\/semainepixel-1mai.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-1-mai-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-mai-2015\/","name":"La semaine en pixels \u2013 1 mai 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-1-mai-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-mai-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/05\/semainepixel-1mai.jpg","datePublished":"2015-05-01T08:54:51+00:00","dateModified":"2015-05-01T08:54:51+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Optimisation mobile et responsive web design,\u00a0mobile et navigation, Eric Meyer sur l'universalit\u00e9 du web, des donn\u00e9es sur l'utilisation des mobiles, la ligne de flottaison, Flexbox et CSS4","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-mai-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-mai-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/05\/semainepixel-1mai.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/05\/semainepixel-1mai.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 1 mai 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\/3954","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=3954"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/3954\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/3955"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=3954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=3954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=3954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}