{"id":5584,"date":"2016-08-05T09:14:36","date_gmt":"2016-08-05T07:14:36","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5584"},"modified":"2016-08-05T09:23:06","modified_gmt":"2016-08-05T07:23:06","slug":"semaine-pixels-5-aout-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-5-aout-2016\/","title":{"rendered":"La semaine en pixels \u2013 5 ao\u00fbt 2016"},"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, \u00a0un 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 web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.<\/p>\n

Au programme : design d’interface, r\u00e9flexion sur l’utilisation du survol, un petit retour sur l’UX de Pokemon Go, de la performance web, des tableaux, des dropdowns et des formulaires mobiles, un peu de typographie, un tutoriel de progressive web app et un indicateur de scroll en CSS, quelques conseils pour faire des graphiques sous Sketch et un petit clin d’oeil aux fans d’Instagram ainsi qu’\u00e0 ceux de Stranger Things.<\/p>\n

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

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

#Performance<\/p>\n

Why our website is faster than yours<\/a>, une liste d\u2019astuces et bonnes pratiques pour am\u00e9liorer la performance de votre site web<\/p>\n

\"\"<\/p>\n

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

#Design<\/p>\n

Design Doesn\u2019t Scale<\/a> de la complexit\u00e9 de maintenir une coh\u00e9rence graphique dans une interface avec autant de personnes qui travaillent dessus et les m\u00e9thodes utilis\u00e9es chez Spotify<\/p>\n

\"\"<\/p>\n

#Hover<\/p>\n

Hover is dead. Long live hover<\/a>. TLDNR: N\u2019utilisez pas le survol pour l\u2019action principale de votre interface<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

Beyond the Hype: A UX Reality Check on Pokemon Go<\/a>: analyse des points forts et points faibles de PokemonGo d\u2019un point de vue exp\u00e9rience utilisateur<\/p>\n

\"\"<\/p>\n

#CSS #Performance<\/p>\n

Fake it ’til you Make it CSS<\/a>, quelques astuces CSS pour g\u00e9rer la perception de l\u2019attente c\u00f4t\u00e9 utilisateur#CSS<\/p>\n

\"\"<\/p>\n

#Table #Mobile #Accessibilit\u00e9<\/p>\n

Lessons from building mobile-friendly, accessible data tables<\/a>, un retour d\u2019exp\u00e9rience sur des tableaux accessibles et mobile<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

Stop designing interfaces, Start designing experiences<\/a>, retour d\u2019exp\u00e9rience chez Blablacar sur la cr\u00e9ation d\u2019un syst\u00e8me de design en l\u00e9gos pour que les designer puissent se concentrer sur l\u2019exp\u00e9rience et pas sur l\u2019alignement des pixels dans Sketch<\/p>\n

\"\"<\/p>\n

 <\/p>\n

#Mobile<\/p>\n

10 Rules For Efficient Form Design<\/a>, 10 conseils pour le design de vos formulaires mobile<\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

Is this the end of mobile apps?<\/a> une analyse sur la ligne de d\u00e9marcation de plus en plus fine entre applications natives et contenus accessibles sur un site, la mont\u00e9 des progressive web apps et du deep linking de Google.<\/p>\n

\"\"<\/p>\n

#Mobile #Form<\/p>\n

Mobile DropDowns Revisited<\/a>, revoir les composants des formulaires mobiles pour am\u00e9liorer leur utilisabilit\u00e9<\/p>\n

\"\"<\/p>\n

#Web<\/p>\n

Hidden Expectations,<\/a>les plus difficile dans la construction d\u2019un site, c\u2019est tous ces petits d\u00e9tails qu\u2019on ne voit pas mais qui restent essentiels<\/p>\n

\"\"<\/p>\n

#Typography<\/p>\n

Making a case for letter case<\/a>. utiliser des majuscules en d\u00e9but de chaque mot pour accentuer les titres dans les interfaces ou pas, un article int\u00e9ressant (pas s\u00fbre que \u00e7a s\u2019applique au fran\u00e7ais par contre)<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

Explaining Graphic Design to a Five Year Old<\/a>, expliquer le design \u00e0 un enfant de 5 ans :)<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Neat uses for CSS\u2019s awesome viewport units<\/a>, quelques id\u00e9es sympas pour utiliser les unit\u00e9s de viewport<\/p>\n

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

#Video<\/p>\n

Quand Ikea nous trolle avec une parodie d\u2019instagram, c\u2019est tr\u00e8s dr\u00f4le<\/a><\/p>\n

\"\"<\/p>\n

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

#Dropbox<\/p>\n

Nouvel outil de collaboration en ligne pour Dropbox<\/a>, quelqu\u2019un a test\u00e9 ?<\/p>\n

\"\"<\/p>\n

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

#PWA<\/p>\n

How to build a progressive beer web app<\/a>, tous les conseils pratiques dans un tuto tr\u00e8s d\u00e9taill\u00e9 pour tirer profit de la technologie des progressive web apps<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

CSS only scroll indicator<\/a> : tr\u00e8s malin, une technique pour faire un indicateur de scroll uniquement en CSS<\/p>\n

\"\"<\/p>\n

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

#Design #Sketch<\/p>\n

10 Sketch Tips for Beautiful & Maintainable Charts (GIF Warning!)<\/a>, 10 astuces Sketchpour cr\u00e9er des graphiques maintenables<\/p>\n

\"\"<\/p>\n

#CSS #Animations<\/p>\n

Book in Brief: Designing Interface Animation<\/a>, un petit r\u00e9sum\u00e9 d\u2019un livre sur les animations<\/p>\n

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

#Stranger Things<\/p>\n

Bye bye productivity : strangergif.com<\/a><\/p>\n

\"\"<\/p>\n

#Instagram<\/p>\n

Instagram for Win95<\/a> ^^<\/p>\n

\"\"<\/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, \u00a0un 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 web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc. Au programme : design d’interface, r\u00e9flexion sur l’utilisation du survol, un petit retour sur l’UX de Pokemon Go, de …<\/p>\n","protected":false},"author":3,"featured_media":5597,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5584","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 5 ao\u00fbt 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Design d'interface, r\u00e9flexion sur l'utilisation du survol, UX de PokemonGo, de la performance web, des tableaux, des dropdowns et des formulaires mobiles, typographie, tutoriel de progressive web app et un indicateur de scroll en CSS\" \/>\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\/semaine-pixels-5-aout-2016\/\" \/>\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 5 ao\u00fbt 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Design d'interface, r\u00e9flexion sur l'utilisation du survol, UX de PokemonGo, de la performance web, des tableaux, des dropdowns et des formulaires mobiles, typographie, tutoriel de progressive web app et un indicateur de scroll en CSS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-5-aout-2016\/\" \/>\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=\"2016-08-05T07:14:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-08-05T07:23:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/08\/liens-semiane-5-aout.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=\"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\" \/>\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\/semaine-pixels-5-aout-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-5-aout-2016\/\",\"name\":\"La semaine en pixels \u2013 5 ao\u00fbt 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-5-aout-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-5-aout-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/08\/liens-semiane-5-aout.jpg\",\"datePublished\":\"2016-08-05T07:14:36+00:00\",\"dateModified\":\"2016-08-05T07:23:06+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Design d'interface, r\u00e9flexion sur l'utilisation du survol, UX de PokemonGo, de la performance web, des tableaux, des dropdowns et des formulaires mobiles, typographie, tutoriel de progressive web app et un indicateur de scroll en CSS\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-5-aout-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-5-aout-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/08\/liens-semiane-5-aout.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/08\/liens-semiane-5-aout.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 5 ao\u00fbt 2016\"},{\"@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\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La semaine en pixels \u2013 5 ao\u00fbt 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Design d'interface, r\u00e9flexion sur l'utilisation du survol, UX de PokemonGo, de la performance web, des tableaux, des dropdowns et des formulaires mobiles, typographie, tutoriel de progressive web app et un indicateur de scroll en CSS","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\/semaine-pixels-5-aout-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 5 ao\u00fbt 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Design d'interface, r\u00e9flexion sur l'utilisation du survol, UX de PokemonGo, de la performance web, des tableaux, des dropdowns et des formulaires mobiles, typographie, tutoriel de progressive web app et un indicateur de scroll en CSS","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-5-aout-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-08-05T07:14:36+00:00","article_modified_time":"2016-08-05T07:23:06+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/08\/liens-semiane-5-aout.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social","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\/semaine-pixels-5-aout-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-5-aout-2016\/","name":"La semaine en pixels \u2013 5 ao\u00fbt 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-5-aout-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-5-aout-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/08\/liens-semiane-5-aout.jpg","datePublished":"2016-08-05T07:14:36+00:00","dateModified":"2016-08-05T07:23:06+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Design d'interface, r\u00e9flexion sur l'utilisation du survol, UX de PokemonGo, de la performance web, des tableaux, des dropdowns et des formulaires mobiles, typographie, tutoriel de progressive web app et un indicateur de scroll en CSS","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-5-aout-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-5-aout-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/08\/liens-semiane-5-aout.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/08\/liens-semiane-5-aout.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 5 ao\u00fbt 2016"},{"@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":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5584","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=5584"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5584\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5597"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5584"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5584"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}