{"id":5704,"date":"2016-09-16T08:41:51","date_gmt":"2016-09-16T06:41:51","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5704"},"modified":"2017-02-02T15:08:31","modified_gmt":"2017-02-02T14:08:31","slug":"semaine-en-pixel-16-septembre-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixel-16-septembre-2016\/","title":{"rendered":"La semaine en pixels \u2013 16 september 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 : email et s\u00e9curit\u00e9, astuces Sketch, SEO et UX, conseils mobile (navigation, UX), effet de surcharge cognitive, style guides, typographie responsive, tutoriels CSS pour cr\u00e9er des effets de glitch et g\u00e9rer le line-height et tutoriel Photoshop. Du c\u00f4t\u00e9 des outils et de l’inspiration, des galeries d’\u00e9l\u00e9ments d’interface, une checklist performance et des filtres CSS.<\/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

#UX<\/p>\n

Un tableau comparatif des outils d\u2019UX: uxtools.co<\/a><\/p>\n

\"\"<\/p>\n

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

#Security<\/p>\n

The 100% correct way to validate email addresses<\/a>, au final, la seule fa\u00e7on de valider 100% une adresse mail est d\u2019envoyer un mail \u00e0 l\u2019utilisateur<\/p>\n

\"\"<\/p>\n

#Sketch<\/p>\n

Sketch Shortcut Set-up that Saves Me a Couple of Hours a Day<\/a>, quelque raccourcis Sketch<\/p>\n

\"\"<\/p>\n

#SEO<\/p>\n

Advocating love between UX & SEO<\/a>, au final le SEO et l\u2019UX sont des domaines tr\u00e8s compl\u00e9mentaires sur beaucoup de points<\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

Basic Patterns for Mobile Navigation<\/a>, diff\u00e9rents syst\u00e8mes de navigation mobile pour les applications natives<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

Reducing Cognitive Overload For A Better User Experience<\/a>, r\u00e9duire la surcharge cognitive<\/p>\n

\"\"<\/p>\n

#Style guide<\/p>\n

Style Guides: Best Practices and Workflow for Web Developers<\/a>, les bonnes pratiques de style guide pour un workflow efficace<\/p>\n

\"\"<\/p>\n

#Typography<\/p>\n

3 things to keep in mind to master Responsive Typography<\/a>, des conseils pour une typographie responsive<\/p>\n

\"\"<\/p>\n

#UX #Mobile<\/p>\n

23 mobile UX mistakes that Google doesn’t like<\/a>, 23 erreurs \u00e0 \u00e9viter sur mobile. Je suis pas tout \u00e0 fait d\u2019accord avec le point 10, \u00e0 mon avis masquer ou non la recherche d\u00e9pend du site et de l\u2019utilisation que vos utilisateurs vont en faire. En e-commerce il vaut mieux la laisser, mais si vous avez un blog o\u00f9 un site o\u00f9 elle est tr\u00e8s peu utilis\u00e9e, \u00e0 mon avis la masquer et la garder comme moyen de navigation secondaire est plus pertinent.<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

5 Delightful Ways to Onboard New Users<\/a> – Hook them. Teach them. Keep them.<\/p>\n

\"\"<\/p>\n

#Navigation #Usability<\/p>\n

Universal Navigation: Connecting Subsites to Main Sites<\/a><\/p>\n

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

#UI<\/p>\n

uitemple.com<\/a> and uidb.io<\/a>, two online UI element galleries for your inspiration<\/p>\n

\"\"<\/h2>\n

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

#Gmail<\/p>\n

Support des media queries pour gmail, YEAHY<\/a><\/p>\n

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

#CSS<\/p>\n

Autoprefixing, with CSS variables!<\/a><\/p>\n

\"\"<\/p>\n

#Design #Illustration<\/p>\n

How To Create an Abstract Polyscape in Adobe Photoshop<\/a>, un joli tutoriel illustration bien sympa<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

In CSS, set line-height first, padding second<\/a>, un tutoriel CSS pour am\u00e9liorer les interlignes<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

How to create CSS Glitch Effect<\/a>, la technique pour cr\u00e9er un effet de glitch CSS est fun, mais \u00e0 ne pas utiliser sur un vrai site :D<\/p>\n

\"\"<\/p>\n

#SEO<\/p>\n

Balises Meta: le guide complet du r\u00e9dacteur SEO<\/a><\/p>\n

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

#Fonts<\/p>\n

A mettre de c\u00f4t\u00e9 un tableau de compatibilit\u00e9 des fonts locales sur diff\u00e9rents OS<\/a><\/p>\n

\"\"<\/p>\n

#Inspiration<\/p>\n

Une s\u00e9lection de pages de checkout : www.checkoutpages.xyz<\/a><\/p>\n

\"\"<\/p>\n

#Performance<\/p>\n

Web Performance Checklist for designers<\/a>, une checklist performance pour les designers<\/p>\n

\"\"<\/p>\n

#Calendar<\/p>\n

Un rempla\u00e7ant pour sunrise kin.today<\/a><\/p>\n

\"\"<\/p>\n

#CSS #Filters<\/p>\n

Un outil en ligne pour cr\u00e9er des filtres CSS par dessus vos photos<\/a> <3 Quand je vous dit en conf qu\u2019on peut refaire instagram dans le navigateur aujourd\u2019hui ;)<\/p>\n

\"\"<\/p>\n

#SVG<\/p>\n

SVGO (un outil de compression SVG compression) a une interface en ligne<\/a><\/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 : email et s\u00e9curit\u00e9, astuces Sketch, SEO et UX, conseils mobile (navigation, UX), effet de surcharge cognitive, …<\/p>\n","protected":false},"author":3,"featured_media":5716,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5704","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 16 september 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0email et s\u00e9curit\u00e9, astuces Sketch, SEO et UX, conseils mobile (navigation, UX), surcharge cognitive, style guides, typographie, galeries d'\u00e9l\u00e9ments d'interface et checklist performance\" \/>\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-en-pixel-16-septembre-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 16 september 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0email et s\u00e9curit\u00e9, astuces Sketch, SEO et UX, conseils mobile (navigation, UX), surcharge cognitive, style guides, typographie, galeries d'\u00e9l\u00e9ments d'interface et checklist performance\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixel-16-septembre-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-09-16T06:41:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-02T14:08:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/lienssemaine-16sept.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\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-en-pixel-16-septembre-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixel-16-septembre-2016\/\",\"name\":\"La semaine en pixels \u2013 16 september 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixel-16-septembre-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixel-16-septembre-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/lienssemaine-16sept.jpg\",\"datePublished\":\"2016-09-16T06:41:51+00:00\",\"dateModified\":\"2017-02-02T14:08:31+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0email et s\u00e9curit\u00e9, astuces Sketch, SEO et UX, conseils mobile (navigation, UX), surcharge cognitive, style guides, typographie, galeries d'\u00e9l\u00e9ments d'interface et checklist performance\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixel-16-septembre-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixel-16-septembre-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/lienssemaine-16sept.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/lienssemaine-16sept.jpg\",\"width\":800,\"height\":350,\"caption\":\"La semaine en pixels \u2013 16 september 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 16 september 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0email et s\u00e9curit\u00e9, astuces Sketch, SEO et UX, conseils mobile (navigation, UX), surcharge cognitive, style guides, typographie, galeries d'\u00e9l\u00e9ments d'interface et checklist performance","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-en-pixel-16-septembre-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 16 september 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0email et s\u00e9curit\u00e9, astuces Sketch, SEO et UX, conseils mobile (navigation, UX), surcharge cognitive, style guides, typographie, galeries d'\u00e9l\u00e9ments d'interface et checklist performance","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixel-16-septembre-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-09-16T06:41:51+00:00","article_modified_time":"2017-02-02T14:08:31+00:00","og_image":[{"width":800,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/lienssemaine-16sept.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-en-pixel-16-septembre-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixel-16-septembre-2016\/","name":"La semaine en pixels \u2013 16 september 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixel-16-septembre-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixel-16-septembre-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/lienssemaine-16sept.jpg","datePublished":"2016-09-16T06:41:51+00:00","dateModified":"2017-02-02T14:08:31+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0email et s\u00e9curit\u00e9, astuces Sketch, SEO et UX, conseils mobile (navigation, UX), surcharge cognitive, style guides, typographie, galeries d'\u00e9l\u00e9ments d'interface et checklist performance","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixel-16-septembre-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixel-16-septembre-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/lienssemaine-16sept.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/lienssemaine-16sept.jpg","width":800,"height":350,"caption":"La semaine en pixels \u2013 16 september 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\/5704","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=5704"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5704\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5716"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5704"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5704"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}