{"id":5464,"date":"2016-06-24T09:04:47","date_gmt":"2016-06-24T07:04:47","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5464"},"modified":"2016-06-24T09:18:24","modified_gmt":"2016-06-24T07:18:24","slug":"semaine-pixels-24-juin-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-24-juin-2016\/","title":{"rendered":"La semaine en pixels \u2013 24 juin 2016"},"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, \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 :\u00a0Progressive Web Apps, redesign, densit\u00e9 de pixels, tests et design d\u2019ic\u00f4nes, conseils CSS, Facebook Instant Articles, Exp\u00e9rience utilisateur, Google fonts, Adobe CC, Accessiblit\u00e9, mobilit\u00e9 et WebManifest<\/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

#Progressive WebApps<\/p>\n

Making progressive web apps even better: ambient badging and \u201cpop into browser\u201d<\/a>, Opera tente d\u2019am\u00e9liorer les progressive web apps \u00e0 sa fa\u00e7on<\/p>\n

\"\"<\/p>\n

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

#UX<\/p>\n

7 Tips to Design for Repeat Users<\/a>, designer pour les utilisateurs qui reviennent r\u00e9guli\u00e8rement<\/p>\n

\"\"<\/p>\n

#Web #App<\/p>\n

Android Instant Apps, Progressive Web Apps and the Future of the Web<\/a>, le d\u00e9bat sur les Progressive Web Apps continue avec d\u2019excellents arguments.<\/p>\n

\"\"<\/p>\n

#Redesign<\/p>\n

How We Lost 47% of Our Users After a Redesign<\/a>, perdre des utilisateurs lors d\u2019un redesign c\u2019est possible<\/p>\n

\"\"<\/p>\n

#Design #Mobile<\/p>\n

Pixel Density, Demystified<\/a> comment la densit\u00e9 de pixels des \u00e9crans va affecter notre fa\u00e7on de designer<\/p>\n

\"\"<\/p>\n

#Mobile #App<\/p>\n

Voir une fin de l\u2019\u00e2ge d\u2019or des applications mobiles ? Your phone is full of apps, and you’re done downloading new ones \u2014 unless they’re Snapchat or Uber.<\/a><\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

User Testing v\/s Usability Testing<\/a> tests utilisateur vs testes d\u2019utilisabilit\u00e9, la diff\u00e9rence et quand pratiquer lequel<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

Do Icons Need Labels?<\/a> une lecture int\u00e9ressante sur le besoin de labels attach\u00e9 aux ic\u00f4nes<\/p>\n

\"\"<\/p>\n

#Psychology<\/p>\n

Choice Psychology: A Huge List of Marketing Applications<\/a>, un article qui liste et explique les choix inconscients que l\u2019on fait lorsqu\u2019il s\u2019agit de prendre des d\u00e9cisions<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

How Emoji Can Improve Your Code\u2014Seriously<\/a>, ajouter des emojis pour am\u00e9liorer la lisibilit\u00e9 du code<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

CSS for People Who Hate CSS<\/a>, des conseils pour \u00e9crire du CSS sans perdre la t\u00eate<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

Is a sticky icon better for deleting comments on Instagram?<\/a> Obvious wins, mais est-ce qu\u2019on veut r\u00e9ellement rendre la suppression des commentaires plus facile pour les utilisateurs ?<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

Traversing the UX Prototyping Landscape <\/a>un aper\u00e7u du paysage des diff\u00e9rents outils de prototypage, wireframes et conception UI\/UX<\/p>\n

\"\"<\/p>\n

#Facebook<\/p>\n

Why I decided to connect my blog to Facebook Instant Articles<\/a> : les avantages et inconv\u00e9nients du proposer son blog sur les Facebook<\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

@adactio<\/a> nous parle d\u2019un Progressive web app store<\/a><\/p>\n

#Social<\/p>\n

The Essential Meta Tags for Social Media<\/a>, les meta utiles pour les r\u00e9seaux sociaux<\/p>\n

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

#Photos<\/p>\n

Des villes imaginaires g\u00e9n\u00e9r\u00e9es de mani\u00e8re al\u00e9atoire<\/a><\/p>\n

\"\"<\/p>\n

#Pictos<\/p>\n

The City Of New York Receives A Pictographic Rebrand<\/a>, un redesign des pictos de la ville de New York<\/p>\n

\"\"<\/p>\n

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

#Adobe<\/p>\n

May Update of Adobe Experience Design CC<\/a> \u00a0les nouveaut\u00e9s d\u2019Adobe Experience<\/p>\n

\"\"<\/p>\n

#Font<\/p>\n

Google Fonts<\/a> a eu droit \u00e0 un joli redesign<\/p>\n

\"\"<\/p>\n

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

#Accessibilit\u00e9<\/p>\n

Web Accessibility<\/a>, 6 semaines de cours gratuit sur l\u2019accessibilit\u00e9<\/p>\n

\"\"<\/p>\n

#Design #Illustrator<\/p>\n

Design techniques<\/a> : un guide du design sous Illustrator avec des astuces, des conseils de workflow, etc.<\/p>\n

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

#Google #Mobile<\/p>\n

Google mobile testing tool<\/a>, un outil de Google pour \u00e9valuer \u00e0 quel point<\/p>\n

\"\"<\/p>\n

#Maps<\/p>\n

Algolia Places<\/a>, un script pour transformer un <input> en auto-compl\u00e9tion d\u2019adresse<\/p>\n

\"\"<\/p>\n

#Sketch<\/p>\n

Un plugin Sketch<\/a> qui permet de cr\u00e9er des \u00e9tats pour les artboards<\/p>\n

\"\"<\/p>\n

# Manifest<\/p>\n

webmanife.st<\/a>, un petit site pour g\u00e9n\u00e9rer des WebManifest \u00e0 partir d\u2019une URL<\/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, \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 :\u00a0Progressive Web Apps, redesign, densit\u00e9 de pixels, tests et design d\u2019ic\u00f4nes, conseils CSS, Facebook Instant Articles, Exp\u00e9rience …<\/p>\n","protected":false},"author":3,"featured_media":5465,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5464","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 24 juin 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0Progressive Web Apps, redesign, densit\u00e9 de pixels, tests et design d\u2019ic\u00f4nes, conseils CSS, Facebook Instant Articles, Exp\u00e9rience utilisateur, Google fonts, Adobe CC, Accessiblit\u00e9, mobilit\u00e9 et WebManifest\" \/>\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-24-juin-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 24 juin 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0Progressive Web Apps, redesign, densit\u00e9 de pixels, tests et design d\u2019ic\u00f4nes, conseils CSS, Facebook Instant Articles, Exp\u00e9rience utilisateur, Google fonts, Adobe CC, Accessiblit\u00e9, mobilit\u00e9 et WebManifest\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-24-juin-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-06-24T07:04:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-06-24T07:18:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/06\/lienssemaine.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\/semaine-pixels-24-juin-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-24-juin-2016\/\",\"name\":\"La semaine en pixels \u2013 24 juin 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-24-juin-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-24-juin-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/06\/lienssemaine.jpg\",\"datePublished\":\"2016-06-24T07:04:47+00:00\",\"dateModified\":\"2016-06-24T07:18:24+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0Progressive Web Apps, redesign, densit\u00e9 de pixels, tests et design d\u2019ic\u00f4nes, conseils CSS, Facebook Instant Articles, Exp\u00e9rience utilisateur, Google fonts, Adobe CC, Accessiblit\u00e9, mobilit\u00e9 et WebManifest\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-24-juin-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-24-juin-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/06\/lienssemaine.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/06\/lienssemaine.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 24 juin 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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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 24 juin 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0Progressive Web Apps, redesign, densit\u00e9 de pixels, tests et design d\u2019ic\u00f4nes, conseils CSS, Facebook Instant Articles, Exp\u00e9rience utilisateur, Google fonts, Adobe CC, Accessiblit\u00e9, mobilit\u00e9 et WebManifest","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-24-juin-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 24 juin 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0Progressive Web Apps, redesign, densit\u00e9 de pixels, tests et design d\u2019ic\u00f4nes, conseils CSS, Facebook Instant Articles, Exp\u00e9rience utilisateur, Google fonts, Adobe CC, Accessiblit\u00e9, mobilit\u00e9 et WebManifest","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-24-juin-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-06-24T07:04:47+00:00","article_modified_time":"2016-06-24T07:18:24+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/06\/lienssemaine.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\/semaine-pixels-24-juin-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-24-juin-2016\/","name":"La semaine en pixels \u2013 24 juin 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-24-juin-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-24-juin-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/06\/lienssemaine.jpg","datePublished":"2016-06-24T07:04:47+00:00","dateModified":"2016-06-24T07:18:24+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0Progressive Web Apps, redesign, densit\u00e9 de pixels, tests et design d\u2019ic\u00f4nes, conseils CSS, Facebook Instant Articles, Exp\u00e9rience utilisateur, Google fonts, Adobe CC, Accessiblit\u00e9, mobilit\u00e9 et WebManifest","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-24-juin-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-24-juin-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/06\/lienssemaine.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/06\/lienssemaine.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 24 juin 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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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\/5464","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=5464"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5464\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5465"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5464"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5464"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}