{"id":4357,"date":"2015-09-04T07:59:42","date_gmt":"2015-09-04T05:59:42","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4357"},"modified":"2015-09-04T09:45:23","modified_gmt":"2015-09-04T07:45:23","slug":"la-semaine-en-pixels-4-septembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-4-septembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 4 septembre 2015"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 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 cette semaine : la fin (esp\u00e9r\u00e9e) des interstitiels sur mobile, design de champs de mot de passe, r\u00e9flexion sur le m\u00e9tier de designer, perception de la performance et performance r\u00e9elle apr\u00e8s blocage de publicit\u00e9s, tests utilisateur, plugin Photoshop, utilisateurs de lecteur d’\u00e9cran et touch screen, une joli police et du font-pairing, un outil pour vos palettes de couleurs, un peu de typographie et du wtf en fin d’article comme tous les vendredis.<\/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 #Google<\/p>\n

Google va retirer le label \u201cmobile friendly\u201d aux sites qui cachent leur contenu derri\u00e8re un gros interstitiel<\/a><\/p>\n

\"google<\/p>\n

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

#Formulaires<\/p>\n

Why the Confirm Password Field Must Die<\/a> pourquoi il vaut mieux utiliser un champ pour d\u00e9masquer le mot de passe que demander une confirmation de mot de passe.<\/p>\n

\"Why<\/p>\n

#Design<\/p>\n

\u201c Non, les designers du web ne sont pas des artistes<\/a> \u201c, la lecture par Laurence Vagner qui fait plaisir le samedi matin<\/p>\n

\"Non,<\/p>\n

#Performance<\/p>\n

The Illusion of Time – How Time Perception Shapes User Experience<\/a>, un bon r\u00e9um\u00e9 sur la perception de la performance par les utilisateurs<\/p>\n

\"The<\/p>\n

#TED #Conf\u00e9rences<\/p>\n

6 TED Talks Every UX Professional Should Watch<\/a>, 6 conf\u00e9rence TED pour les designers d\u2019exp\u00e9rience utilisateur<\/p>\n

\"6<\/p>\n

#Performance<\/p>\n

Impressionnant et un poil flippant, les pages se chargent 3.9x plus rapidement avec une app de blocage de publicit\u00e9s sur iOS9<\/a><\/p>\n

\"iOS<\/p>\n

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

Product List Usability: Avoid ‘Quick View\u2019 Overlays<\/a>, \u00e9viter les modales d\u2019aper\u00e7u de fiche produits r\u00e9duite sur les sites e-commerce<\/p>\n

\"Product<\/p>\n

#Touch #a11y<\/p>\n

Screen Readers on Touchscreen Devices<\/a>, un excellent aper\u00e7u de comment les utilisateurs de lecteur d\u2019\u00e9cran navigateur sur un appareil au touch (mobile, tablette)<\/p>\n

\"Screen<\/p>\n

#User Testing<\/p>\n

UX Insights from a Drunk Guy \u00a0– An Unconventional Experiment<\/a> : au del\u00e0 du \u201ctest avec un utilisateur bourr\u00e9\u201d, un article de fond sur les tests utilisateurs<\/p>\n

#Bullshit<\/p>\n

Living With Bullshit <\/a>– \u00e0 quel point est-on pr\u00eat \u00e0 exasp\u00e9rer ses utilisateurs ?<\/p>\n

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

#typographie<\/p>\n

FONT FLAME<\/a>, le Tinder du font-pairing<\/p>\n

\"FONT<\/p>\n

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

#SVG #CSS<\/p>\n

CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components<\/a> : cr\u00e9er des formes en CSS et en SVG<\/p>\n

\"CSS<\/p>\n

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

#Font<\/p>\n

Overpass<\/a>, une jolie font sans serif sous licence SIL Open Font<\/p>\n

\"Overpass\"<\/p>\n

#Color<\/p>\n

Cohesive-colors<\/a>, un outil pour vous aider \u00e0 cr\u00e9er des palettes de couleur coh\u00e9rentes (bas\u00e9 sur cette cette id\u00e9e au cas o\u00f9 vous ne conna\u00eetriez pas d\u00e9j\u00e0<\/a>)<\/p>\n

\"Cohesive-colors\"<\/p>\n

 <\/p>\n

#Photoshop<\/p>\n

HTML Block<\/a>, un plugin pour placer un bloc de HTML directement dans Photoshop et le styler en CSS (bon par contre mac only c’est pas top)<\/p>\n

\"HTML-block\"<\/p>\n

#Typographie<\/p>\n

Typography on the web<\/a> – un site qui rassemble des articles et outils pour aider les designers et les d\u00e9veloppeurs \u00e0 appr\u00e9hender la typographie sur le web<\/p>\n

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

#CSS<\/p>\n

CSS blob buttons<\/a>, un effet au survol un peu marrant (m\u00eame si j\u2019ai du mal \u00e0 imaginer \u00e7a sur un site)<\/p>\n

\"blob-button\"<\/p>\n

#WTF<\/p>\n

Et pour le fun, Fifty Shades of Grey: A Review<\/a> par Visual Idiot \u00a0<3<\/p>\n

\"Fifty<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 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 cette semaine : la fin (esp\u00e9r\u00e9e) des interstitiels sur mobile, design de champs de mot de passe, …<\/p>\n","protected":false},"author":3,"featured_media":4356,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4357","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 4 septembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer : la fin (esp\u00e9r\u00e9e) des interstitiels sur mobile, design de formulaire, r\u00e9flexion sur le m\u00e9tier de designer, performance apr\u00e8s blocage de publicit\u00e9s, utilisateurs de lecteur d'\u00e9cran et touch screen.\" \/>\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-4-septembre-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 4 septembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer : la fin (esp\u00e9r\u00e9e) des interstitiels sur mobile, design de formulaire, r\u00e9flexion sur le m\u00e9tier de designer, performance apr\u00e8s blocage de publicit\u00e9s, utilisateurs de lecteur d'\u00e9cran et touch screen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-4-septembre-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-09-04T05:59:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-09-04T07:45:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/09\/liens-semaine-4sept.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-4-septembre-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-4-septembre-2015\/\",\"name\":\"La semaine en pixels \u2013 4 septembre 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-4-septembre-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-4-septembre-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/liens-semaine-4sept.jpg\",\"datePublished\":\"2015-09-04T05:59:42+00:00\",\"dateModified\":\"2015-09-04T07:45:23+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer : la fin (esp\u00e9r\u00e9e) des interstitiels sur mobile, design de formulaire, r\u00e9flexion sur le m\u00e9tier de designer, performance apr\u00e8s blocage de publicit\u00e9s, utilisateurs de lecteur d'\u00e9cran et touch screen.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-4-septembre-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-4-septembre-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/liens-semaine-4sept.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/liens-semaine-4sept.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 4 septembre 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\":{\"@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 4 septembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer : la fin (esp\u00e9r\u00e9e) des interstitiels sur mobile, design de formulaire, r\u00e9flexion sur le m\u00e9tier de designer, performance apr\u00e8s blocage de publicit\u00e9s, utilisateurs de lecteur d'\u00e9cran et touch screen.","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-4-septembre-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 4 septembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer : la fin (esp\u00e9r\u00e9e) des interstitiels sur mobile, design de formulaire, r\u00e9flexion sur le m\u00e9tier de designer, performance apr\u00e8s blocage de publicit\u00e9s, utilisateurs de lecteur d'\u00e9cran et touch screen.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-4-septembre-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-09-04T05:59:42+00:00","article_modified_time":"2015-09-04T07:45:23+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/09\/liens-semaine-4sept.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-4-septembre-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-4-septembre-2015\/","name":"La semaine en pixels \u2013 4 septembre 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-4-septembre-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-4-septembre-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/liens-semaine-4sept.jpg","datePublished":"2015-09-04T05:59:42+00:00","dateModified":"2015-09-04T07:45:23+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer : la fin (esp\u00e9r\u00e9e) des interstitiels sur mobile, design de formulaire, r\u00e9flexion sur le m\u00e9tier de designer, performance apr\u00e8s blocage de publicit\u00e9s, utilisateurs de lecteur d'\u00e9cran et touch screen.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-4-septembre-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-4-septembre-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/liens-semaine-4sept.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/09\/liens-semaine-4sept.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 4 septembre 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":{"@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\/4357","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=4357"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4357\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4356"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}