{"id":3575,"date":"2015-01-30T08:34:28","date_gmt":"2015-01-30T07:34:28","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=3575"},"modified":"2015-01-30T08:37:26","modified_gmt":"2015-01-30T07:37:26","slug":"la-semaine-en-pixels-30-janvier-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-30-janvier-2015\/","title":{"rendered":"La semaine en pixels \u2013 30 janvier 2015"},"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, \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 : du masquage de mot de passe, surcharger ou non les composants natifs d’UI, le drame des fen\u00eatres modales sur mobile, le processus de designer expliqu\u00e9 en une image, des illustrations, de la vid\u00e9o et de la BD du c\u00f4t\u00e9 de l’inspiration, des animations CSS3 pour les UX designers, un outil pour vous aider \u00e0 chiffrer de l’UX et du mode de fusion en CSS.<\/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

#SVG<\/p>\n

The ultimate guide to SVG<\/a>, le guide ultime du SVG avec pleins de liens et de ressources utiles<\/p>\n

\"The<\/p>\n

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

#Design<\/p>\n

Showing Passwords on Log-In Screens<\/a>, nous sommes tellement habitu\u00e9s \u00e0 masquer les mots de passe qu\u2019au final c\u2019est devenu un \u201cdesign pattern\u201d, pourtant c\u2019est pas toujours pratique pour l\u2019utilisateur. L\u2019article vous proposer des fa\u00e7ons d\u2019am\u00e9liorer l\u2019entr\u00e9e de mot de passe par l\u2019utilisateur<\/p>\n

\"Showing<\/p>\n

#UX #Custom elements<\/p>\n

When to Override Native UI Components<\/a> : redesigner les \u00e9l\u00e9ments natifs du navigateur est rarement une bonne id\u00e9e. Pourtant dans certains cas cela permet de simplifier l\u2019exp\u00e9rience utilisateur. L\u2019article vous propose quelques exemples de sites o\u00f9 cela fonctionne.<\/p>\n

\"When<\/p>\n

#Usability<\/p>\n

Why You Should Avoid Using Modal Windows on Mobile<\/a>, pourquoi les modales ne sont pas tr\u00e8s utilisables sur mobile<\/p>\n

#CSS3 #Animations #UX<\/p>\n

Delighting Users Through CSS Animation Techniques, ConveyUX \u2013 slides et demos<\/a><\/p>\n

\"Delighting<\/p>\n

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

#Process<\/p>\n

How designer work<\/a>: des illustrations pour comprendre comment fonctionne le travail d\u2019un webdesigner<\/p>\n

\"How<\/p>\n

#Video<\/p>\n

Chez Icelandair au lieu d\u2019avoir une h\u00f4tesse pour les consignes de s\u00e9curit\u00e9 ils ont une petite vid\u00e9o qui les contextualise avec de jolies images de l\u2019Islande<\/a>, et c\u2019est franchement super bien fichu<\/p>\n

\"icelandair<\/p>\n

#Illustration<\/p>\n

iacopobruno.blogspot.fr<\/a>, du packaging de livres illustr\u00e9 totalement d\u00e9licieux<\/p>\n

\"iacopobruno.blogspot.fr\"<\/p>\n

#BD<\/p>\n

J\u2019ai r\u00e9cement d\u00e9couvert oglaf.com<\/a>, une BD en ligne qui m\u00e9lange cul et SF de mani\u00e8re tr\u00e8s dr\u00f4le (et un peu NSFW parfois).<\/p>\n

\"oglaf\"<\/p>\n

#Super Heros<\/p>\n

Les laveurs de vitre de cet h\u00f4pital pour enfant se sont d\u00e9guis\u00e9s en super h\u00e9ros<\/a>, respect \u00e9ternel<\/p>\n

\"superheros\"<\/p>\n

#UX<\/p>\n

L\u2019exp\u00e9rience utilisateur r\u00e9sum\u00e9e en une image<\/a><\/p>\n

\"UX<\/p>\n

 <\/p>\n

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

#CSS<\/p>\n

Compositing And Blending In CSS<\/a>, les modes de fusion CSS par Sara Soueidan \u00a0avec en prime un petit outil pour les tester<\/a><\/p>\n

\"Compositing<\/p>\n

Des outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n

#UX<\/p>\n

Uxrecipe.github.io<\/a>, un petit outil en ligne pour vous aider \u00e0 calculer les diff\u00e9rentes lignes de budget associ\u00e9es \u00e0 l\u2019exp\u00e9rience utilisateur et au projet en g\u00e9n\u00e9ral<\/p>\n

\"Uxrecipe.github.io\"<\/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, \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 : du masquage de mot de passe, surcharger ou non les composants natifs d’UI, le drame des …<\/p>\n","protected":false},"author":3,"featured_media":3578,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-3575","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 30 janvier 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer : masquage de mot de passe, surcharger les composants natifs d'UI, fen\u00eatres modales sur mobile, animations CSS3 et outil pour chiffrer l'UX\" \/>\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-30-janvier-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 30 janvier 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer : masquage de mot de passe, surcharger les composants natifs d'UI, fen\u00eatres modales sur mobile, animations CSS3 et outil pour chiffrer l'UX\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-30-janvier-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-01-30T07:34:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-01-30T07:37:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/01\/lienssemaine-30janvier.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=\"2 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-30-janvier-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-30-janvier-2015\/\",\"name\":\"La semaine en pixels \u2013 30 janvier 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-30-janvier-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-30-janvier-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/01\/lienssemaine-30janvier.jpg\",\"datePublished\":\"2015-01-30T07:34:28+00:00\",\"dateModified\":\"2015-01-30T07:37:26+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer : masquage de mot de passe, surcharger les composants natifs d'UI, fen\u00eatres modales sur mobile, animations CSS3 et outil pour chiffrer l'UX\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-30-janvier-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-30-janvier-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/01\/lienssemaine-30janvier.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/01\/lienssemaine-30janvier.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 30 janvier 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\":\"required name=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\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?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 30 janvier 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer : masquage de mot de passe, surcharger les composants natifs d'UI, fen\u00eatres modales sur mobile, animations CSS3 et outil pour chiffrer l'UX","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-30-janvier-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 30 janvier 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer : masquage de mot de passe, surcharger les composants natifs d'UI, fen\u00eatres modales sur mobile, animations CSS3 et outil pour chiffrer l'UX","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-30-janvier-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-01-30T07:34:28+00:00","article_modified_time":"2015-01-30T07:37:26+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/01\/lienssemaine-30janvier.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-30-janvier-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-30-janvier-2015\/","name":"La semaine en pixels \u2013 30 janvier 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-30-janvier-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-30-janvier-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/01\/lienssemaine-30janvier.jpg","datePublished":"2015-01-30T07:34:28+00:00","dateModified":"2015-01-30T07:37:26+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer : masquage de mot de passe, surcharger les composants natifs d'UI, fen\u00eatres modales sur mobile, animations CSS3 et outil pour chiffrer l'UX","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-30-janvier-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-30-janvier-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/01\/lienssemaine-30janvier.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/01\/lienssemaine-30janvier.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 30 janvier 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":"required name=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\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?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\/3575","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=3575"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/3575\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/3578"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=3575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=3575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=3575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}