{"id":4019,"date":"2015-05-29T08:19:51","date_gmt":"2015-05-29T06:19:51","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4019"},"modified":"2015-05-29T08:25:18","modified_gmt":"2015-05-29T06:25:18","slug":"la-semaine-en-pixels-29-mai-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-mai-2015\/","title":{"rendered":"La semaine en pixels \u2013 29 mai 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 : de l\u2019exp\u00e9rience utilisateur et de la mobilit\u00e9 (comportement utilisateur, quelques statistiques et importance de la coh\u00e9rence graphique entre les diff\u00e9rentes plateformes), l’utilisation de modales, des conseils pour le design de formulaires, du SVG et des animations CSS, des boutons de partage sociaux l\u00e9gers et des brushes Illustrator pour ajouter des ombrages<\/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

#UX<\/p>\n

Design user research explained for everyone<\/a>, le design d\u2019exp\u00e9rience utilisateur expliqu\u00e9 simplement avec quelques GIFs<\/p>\n

\"Design<\/p>\n

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

#Animations<\/p>\n

The ultimate guide to Web animation<\/a> – le guide ultime des animations sur le web : \u00e0 quoi elles servent, o\u00f9 les utiliser et notion de performance<\/p>\n

\"The<\/p>\n

#A11Y<\/p>\n

Des lunettes pour les daltoniens<\/a><\/p>\n

\"Des<\/p>\n

#Mobile #UX<\/p>\n

Using Consistency To Improve The User Experience Across Desktop And Mobile<\/a> proposer \u00e0 ses utilisateurs une exp\u00e9rience coh\u00e9rente et similaires sur les diff\u00e9rents appareils (mobile, desktop, etc.)<\/p>\n

\"Using<\/p>\n

#Mobile #UX<\/p>\n

15 Mobile UX Facts And Insights 2015<\/a> – les usages du mobile en 2015 : utilisateurs qui changent d\u2019\u00e9cran pour effectuer une t\u00e2che, comportements dans les magasins, applications install\u00e9es et oubli\u00e9es, mont\u00e9 en fl\u00e8che de l\u2019utilisation de la tablette au d\u00e9triment des ordinateurs, etc.<\/p>\n

\"15<\/p>\n

#UX #Modale<\/p>\n

Overuse of Overlays: How to Avoid Misusing Lightboxes<\/a>, comment bien utiliser des modales et des lightbox pour ne pas exasp\u00e9rer vos utilisateurs<\/p>\n

\"Overuse<\/p>\n

#Form<\/p>\n

The 10 Commandments of Good Form Design on the Web<\/a>, 10 conseils pour des formulaires de contact bien design\u00e9s<\/p>\n

\"The<\/p>\n

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

#Android<\/p>\n

Innovating on the Pull-To-Refresh Gesture<\/a> \u00a0\u00a0– un petit d\u00e9tail d\u2019interface pas b\u00eate du tout, les fonctionnalit\u00e9s avanc\u00e9es du \u201cpull to refresh\u201d sur Android<\/p>\n

\"Innovating<\/p>\n

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

#Logo<\/p>\n

Illustrator Takes Requests on Twitter and Draws the World’s Saddest Logos<\/a>\u00a0un illustrateur redessine des logos en partant du principe que l\u2019image de la marque serait triste<\/p>\n

\"Illustrator<\/p>\n

#Musique #NSFW<\/p>\n

Ce petit clip NSFW apr\u00e8s 1 minute 40<\/a> risque de rappeler quelques souvenirs \u00e0 des amis \u00e0 gamers, le clin d\u2019oeil est tr\u00e8s bien fait ^^<\/p>\n

#Typography \u00a0#Instagram<\/p>\n

typetodesign.com<\/a> une id\u00e9e fun id\u00e9e de machine \u00e0 \u00e9crire en ligne o\u00f9 chaque caract\u00e8re est remplac\u00e9 par une photo de lettre sur instagram<\/p>\n

\"typetodesign.com<\/p>\n

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

#SVG #Filter<\/p>\n

Le SVG c\u2019est g\u00e9nial, on peut m\u00eame appliquer des filtres sur du texte : Art Of The SVG Filter And Why It Is Awesome<\/a><\/p>\n

\"<\/p>\n

#CSS #Animations<\/p>\n

Putting Your UI in Motion with CSS<\/a> : ajouter du mouvement \u00e0 vos interfaces gr\u00e2ce aux animations CSS<\/p>\n

\"Putting<\/p>\n

Des ressources utiles<\/h2>\n

#Brush<\/p>\n

8 Free Stipple Shading Brushes for Adobe Illustrator<\/a> de brosses Illustrator pour cr\u00e9er des ombrages en \u201cbruit\u201d<\/p>\n

\"8<\/p>\n

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

#Social #Responsive<\/p>\n

Responsible Social Sharing Buttons<\/a> des boutons de partage sociaux l\u00e9gers et responsive qui utilisent des ic\u00f4nes en SVG<\/p>\n

\"Responsible<\/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 : de l\u2019exp\u00e9rience utilisateur et de la mobilit\u00e9 (comportement utilisateur, quelques statistiques et importance de …<\/p>\n","protected":false},"author":3,"featured_media":4033,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4019","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 29 mai 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer :\u00a0exp\u00e9rience utilisateur mobilit\u00e9, comportement utilisateur, coh\u00e9rence graphique entre les diff\u00e9rentes plateformes, utilisation de modales, design de formulaires, SVG et animations CSS\" \/>\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-29-mai-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 29 mai 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer :\u00a0exp\u00e9rience utilisateur mobilit\u00e9, comportement utilisateur, coh\u00e9rence graphique entre les diff\u00e9rentes plateformes, utilisation de modales, design de formulaires, SVG et animations CSS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-mai-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-05-29T06:19:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-05-29T06:25:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/05\/liens-semaine-29mai.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-29-mai-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-mai-2015\/\",\"name\":\"La semaine en pixels \u2013 29 mai 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-29-mai-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-mai-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/05\/liens-semaine-29mai.jpg\",\"datePublished\":\"2015-05-29T06:19:51+00:00\",\"dateModified\":\"2015-05-29T06:25:18+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer :\u00a0exp\u00e9rience utilisateur mobilit\u00e9, comportement utilisateur, coh\u00e9rence graphique entre les diff\u00e9rentes plateformes, utilisation de modales, design de formulaires, SVG et animations CSS\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-mai-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-mai-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/05\/liens-semaine-29mai.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/05\/liens-semaine-29mai.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 29 mai 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 29 mai 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer :\u00a0exp\u00e9rience utilisateur mobilit\u00e9, comportement utilisateur, coh\u00e9rence graphique entre les diff\u00e9rentes plateformes, utilisation de modales, design de formulaires, SVG et animations CSS","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-29-mai-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 29 mai 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer :\u00a0exp\u00e9rience utilisateur mobilit\u00e9, comportement utilisateur, coh\u00e9rence graphique entre les diff\u00e9rentes plateformes, utilisation de modales, design de formulaires, SVG et animations CSS","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-mai-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-05-29T06:19:51+00:00","article_modified_time":"2015-05-29T06:25:18+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/05\/liens-semaine-29mai.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-29-mai-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-mai-2015\/","name":"La semaine en pixels \u2013 29 mai 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-29-mai-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-mai-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/05\/liens-semaine-29mai.jpg","datePublished":"2015-05-29T06:19:51+00:00","dateModified":"2015-05-29T06:25:18+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer :\u00a0exp\u00e9rience utilisateur mobilit\u00e9, comportement utilisateur, coh\u00e9rence graphique entre les diff\u00e9rentes plateformes, utilisation de modales, design de formulaires, SVG et animations CSS","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-mai-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-mai-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/05\/liens-semaine-29mai.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/05\/liens-semaine-29mai.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 29 mai 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\/4019","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=4019"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4019\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4033"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4019"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}