{"id":5875,"date":"2016-10-28T08:43:35","date_gmt":"2016-10-28T06:43:35","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5875"},"modified":"2016-10-28T08:44:34","modified_gmt":"2016-10-28T06:44:34","slug":"la-semaine-en-pixels-28-octobre-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-octobre-2016\/","title":{"rendered":"La semaine en pixels \u2013 28 octobre 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 : des progressive web apps, de l’UX e-commerce, un peu de typographie avec de jolis exemples et des patchs soo retroo, une explication des Service Workers, des patterns d’UI et les biais n\u00e9gatifs des utilisateurs. Du c\u00f4t\u00e9 des tutoriels un peu de lettrage et des tutos CSS pour utiliser des gradients et les variables. Ne manquez \u00e9galement pas le tutoriel sur les notifications sur mobile.<\/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

#Mobile<\/p>\n

Bye, Bye Burger!<\/a> les effets du remplacement du burger menu et navigation masqu\u00e9e par une barre en bas sur une application Android<\/p>\n

\"\"<\/p>\n

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

#PWA<\/p>\n

Progressive Web Apps: Bridging the Gap Between Web and Mobile<\/a>, une petite introduction aux Progressive Web Apps<\/p>\n

\"\"<\/p>\n

Trends<\/p>\n

Product Sorting UX Trends For eCommerce Websites<\/a>, des id\u00e9es de fonctionnalit\u00e9s de tris de produit bas\u00e9es sur des templates e-commerce<\/p>\n

\"\"<\/p>\n

#Typography<\/p>\n

How the Web Became Unreadable<\/a>: un article int\u00e9ressant bien que je nuancerais la conclusion, on n\u2019est pas forc\u00e9ment oblig\u00e9 d\u2019avoir du noir sur du blanc pour avoir du contraste, un gris fonc\u00e9 peut faire l\u2019affaire et \u00eatre plus sympa \u00e0 lire.<\/p>\n

\"\"<\/p>\n

#Typography<\/p>\n

What You Can Do with Different Font Weights<\/a>, de l\u2019utilit\u00e9 d\u2019avoir diff\u00e9rentes graisses dans une police et ce qu\u2019on peut en faire (pas qu\u2019en web)<\/p>\n

\"\"<\/p>\n

#Service Worker<\/p>\n

The Service Worker Lifecycle<\/a>, la vie d\u2019un Service Worker expliqu\u00e9e par @jaffathecake<\/p>\n

\"\"<\/p>\n

#UI<\/p>\n

How To Build Honest UIs And Help Users Make Better Decisions<\/a>, aider les utilisateurs \u00e0 faire des choix \u00e9clair\u00e9s<\/p>\n

\"\"<\/p>\n

#Publicit\u00e9<\/p>\n

Pourquoi Be a fait une croix sur la pub display.<\/a> Ravie de voir que d\u2019autres mod\u00e8les comment \u00e0 \u00e9merger, esp\u00e9rons moins intrusifs pour les utilisateurs :)<\/p>\n

#UI<\/p>\n

Pull to Refresh UI Pattern<\/a>, quelques conseils sur l\u2019utilisation du \u201cpull to refresh\u201d<\/p>\n

\"\"<\/p>\n

#Mobile #sign up<\/p>\n

Stop Making Me Sign Up!<\/a> pourquoi faudrait-il cr\u00e9er un compte et se connecter pour acc\u00e9der au contenu de certains services sur leurs applications mobiles alors que le m\u00eame contenu est accessible sans compte sur le web ?<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

The Negativity Bias in User Experience<\/a>: les utilisateurs ont tendance \u00e0 se souvenir plus facilement des mauvais que des bons moments de l\u2019interface<\/p>\n

\"\"<\/p>\n

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

#Sticker<\/p>\n

labarbudashop.com<\/a> des stickers trop cool qui rappellent nos s\u00e9ries d\u2019enfance<\/p>\n

\"\"<\/p>\n

#Typographie<\/p>\n

Positive words<\/a>, de la jolie typographie, de jolis mots<\/p>\n

\"\"<\/p>\n

#Game #mobile browser<\/p>\n

paperplanes.world<\/a> une petite experience mobile bien fun :)<\/p>\n

\"\"<\/p>\n

#Motion<\/p>\n

Le Motion design expliqu\u00e9 dans un GIF sympa<\/a><\/p>\n

\"\"<\/p>\n

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

#Typography<\/p>\n

Hand Lettering Process (iPad Pro+analog)<\/a>, un processus de lettrage papier, crayon, ipad.<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

What is the difference between CSS variables and preprocessor variables?<\/a> l\u2019utilisation des variables CSS vs les variables de pr\u00e9processeurs<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

CSS Gradients and blend mode used for photo toning<\/a>, ou comment utiliser les filtres et gradients CSS pour changer les couleurs des images sans avoir \u00e0 passer par Photoshop avant<\/p>\n

\"\"<\/p>\n

#HTML #Form<\/p>\n

Show my password, please<\/a>, un petit tutoriel pour ajouter un bouton pour masquer \/ afficher le mot de passe dans les formulaires<\/p>\n

\"\"<\/p>\n

#Notifications<\/p>\n

Push Notifications on the Web (Building a PWA, Part 3)<\/a>, les notifications push<\/p>\n

\"\"<\/p>\n

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

#Color<\/p>\n

CSS Hexadecimal Colors With Transparency<\/a>, on outil de conversion rgba vers hexadecimal avec transparence<\/p>\n

\"\"<\/p>\n

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

#Machine Learning<\/p>\n

nightmare.mit.edu<\/a>, des images d\u2019horreur g\u00e9n\u00e9r\u00e9es par une machine, plut\u00f4t impressionant<\/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 : des progressive web apps, de l’UX e-commerce, un peu de typographie avec de jolis exemples et …<\/p>\n","protected":false},"author":3,"featured_media":5883,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5875","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nLa semaine en pixels \u2013 28 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer: progressive web apps, UX e-commerce, explication des Service Workers, patterns d'UI et les biais n\u00e9gatifs des utilisateurs, utiliser des gradients et les variables CSS et notifications sur mobile.\u00a0\" \/>\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-28-octobre-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 28 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer: progressive web apps, UX e-commerce, explication des Service Workers, patterns d'UI et les biais n\u00e9gatifs des utilisateurs, utiliser des gradients et les variables CSS et notifications sur mobile.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-octobre-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-10-28T06:43:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-10-28T06:44:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/liensemaine28oct2016.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\/la-semaine-en-pixels-28-octobre-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-octobre-2016\/\",\"name\":\"La semaine en pixels \u2013 28 octobre 2016 - 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-28-octobre-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-octobre-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/liensemaine28oct2016.jpg\",\"datePublished\":\"2016-10-28T06:43:35+00:00\",\"dateModified\":\"2016-10-28T06:44:34+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer: progressive web apps, UX e-commerce, explication des Service Workers, patterns d'UI et les biais n\u00e9gatifs des utilisateurs, utiliser des gradients et les variables CSS et notifications sur mobile.\u00a0\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-octobre-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-octobre-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/liensemaine28oct2016.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/liensemaine28oct2016.jpg\",\"width\":850,\"height\":350},{\"@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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La semaine en pixels \u2013 28 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer: progressive web apps, UX e-commerce, explication des Service Workers, patterns d'UI et les biais n\u00e9gatifs des utilisateurs, utiliser des gradients et les variables CSS et notifications sur mobile.\u00a0","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-28-octobre-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 28 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer: progressive web apps, UX e-commerce, explication des Service Workers, patterns d'UI et les biais n\u00e9gatifs des utilisateurs, utiliser des gradients et les variables CSS et notifications sur mobile.\u00a0","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-octobre-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-10-28T06:43:35+00:00","article_modified_time":"2016-10-28T06:44:34+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/liensemaine28oct2016.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\/la-semaine-en-pixels-28-octobre-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-octobre-2016\/","name":"La semaine en pixels \u2013 28 octobre 2016 - 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-28-octobre-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-octobre-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/liensemaine28oct2016.jpg","datePublished":"2016-10-28T06:43:35+00:00","dateModified":"2016-10-28T06:44:34+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer: progressive web apps, UX e-commerce, explication des Service Workers, patterns d'UI et les biais n\u00e9gatifs des utilisateurs, utiliser des gradients et les variables CSS et notifications sur mobile.\u00a0","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-octobre-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-octobre-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/liensemaine28oct2016.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/liensemaine28oct2016.jpg","width":850,"height":350},{"@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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5875","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=5875"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5875\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5883"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}