{"id":3717,"date":"2015-03-13T08:23:17","date_gmt":"2015-03-13T07:23:17","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=3717"},"modified":"2015-03-13T08:32:34","modified_gmt":"2015-03-13T07:32:34","slug":"la-semaine-en-pixels-13-mars-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-13-mars-2015\/","title":{"rendered":"La semaine en pixels \u2013 13 mars 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 :astuces pour de jolies palettes de couleur accessibles, mobilit\u00e9 (design, responsive, typographie et statistiques d’usage), relation client, WebGL et animations sympas, beaucoup de ressources SVG et du design d’exp\u00e9rience utilisateur.<\/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

#Color #a11y<\/p>\n

Quelques astuces pour cr\u00e9er une palette de couleurs accessible color Contrast for Better Readability<\/a> \u00a0et pour cr\u00e9er une palette de couleurs \u00e0 partir d\u2019une roue chromatique<\/a><\/p>\n

\"palettes<\/p>\n

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

#Paiement<\/p>\n

Pour vous faire payer par vos clients vous pouvez leur taper dessus (en bas du site, pas litt\u00e9ralement hein) ou pr\u00e9-commander cet ebook gratuit <\/a><\/p>\n

#Industrie<\/p>\n

Coding like a girl<\/a> : cet article r\u00e9sume exactement ma pens\u00e9e, mes inqui\u00e9tudes et mon exasp\u00e9ration parfois sur le fait qu’on juge tes comp\u00e9tences en fonction de ton apparence ou ta tenue quand tu es une femme<\/p>\n

#Responsive #Typographie<\/p>\n

Responsive Typography<\/a>, les slides \u00e0 confoo de Clarissa Peterson sur la gestion d\u2019une typographie responsive<\/p>\n

\"Responsive<\/p>\n

#Podcast<\/p>\n

Si vous aimez \u00e9couter des gens parler de mobilit\u00e9 (en anglais), je vous conseil ceci : \u00a0Improve Your Mobile UX with These Six Podcasts<\/a><\/p>\n

#Liens<\/p>\n

Beyond Blue Links: Making Clickable Elements Recognizable<\/a>, rendre les liens cliquables reconnaissables pour l\u2019utilisateur<\/p>\n

\"Beyond<\/p>\n

#Design<\/p>\n

Designing mobile apps for cross-platform continuity<\/a>, le redesign de Stumbleupon pour iOs et Android, ou comment designer pour plusieurs plate-formes en m\u00eame temps<\/p>\n

\"Designing<\/p>\n

#Design<\/p>\n

La Keynote de Mike Monteiro\u2019s Keynote<\/a> a Interaction Design Association en vid\u00e9o<\/p>\n

\"La<\/p>\n

#Mobilit\u00e9<\/p>\n

ENFIN pleins de donn\u00e9es en France : les usages observ\u00e9s du smartphone – Enqu\u00eate<\/a><\/p>\n

\"<\/p>\n

#Confort<\/p>\n

Mon bureau assis\/debout (standing desk) pour moins de 110\u20ac<\/a><\/p>\n

\"Bureau<\/p>\n

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

#DevTools<\/p>\n

Des outils de d\u00e9veloppement plus designer friendly vont arriver sur Chrome <\/a><\/p>\n

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

#Publicit\u00e9<\/p>\n

Une publicit\u00e9 tr\u00e8s intelligente<\/a> qui reprends le buzz de la robe bleu noir\/ or blanc qui a fait parl\u00e9 le net une semaine pour sensibiliser aux probl\u00e9matiques de violence conjugale<\/p>\n

\"The<\/p>\n

#Animations<\/p>\n

Screencast: UI Animation Reviews \u2013 Web Navigation<\/a> de jolis exemples de navigations de menus anim\u00e9s<\/p>\n

#Crea<\/p>\n

Voici enfin l\u2019explication d\u00e9taill\u00e9e : La myst\u00e9rieuse Matrice du Cr\u00e9a<\/a>, utiliser al\u00e9atoirement un mot de chacune des 5 colonnes pour former une phrase.<\/p>\n

\"La<\/p>\n

#WebGL<\/p>\n

V, on peut faire de tr\u00e8s belles choses en WebGL<\/a><\/p>\n

\"WebGL<\/p>\n

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

#SVG<\/p>\n

Interacting with \u00a0SVG<\/a>, un tutoriel en plusieurs \u00e9tapes pour cr\u00e9er une animation SVG<\/p>\n

\"Interacting<\/p>\n

#Interaction Design<\/p>\n

#SVG<\/p>\n

SVG Sprites and Icon Systems Are Super<\/a> un article qui vous expliquer les principes des sprites en SVG en utilisant l\u2019\u00e9l\u00e9ment use<\/p>\n

\"SVG<\/p>\n

#Design<\/p>\n

The 5 laws of Interface Design<\/a>, un cours gratuit en ligne sur le design d\u2019interactions<\/p>\n

#Mobile<\/p>\n

Tools for Mobile UX Design: Task Flows<\/a>: task maps, story maps et autres petits outils de conception orient\u00e9 mobile par Steven Hoober<\/p>\n

#CSS #SVG<\/p>\n

Lucas Bebber d\u00e9compose et explique l\u2019effet \u201cchewingum\u201d cr\u00e9\u00e9 gr\u00e2ce \u00e0 des filtres SVG<\/a><\/p>\n

\"GooeyEffectMenu\"<\/p>\n

Des ressources utiles<\/h2>\n

#UX<\/p>\n

Design Research Techniques<\/a>, un outil en ligne qui rassemble diff\u00e9rentes techniques de recherche pour mieux comprendre vos utilisateurs<\/p>\n

\"Design<\/p>\n

#Photos<\/p>\n

Finda.photo<\/a> un outil de recherche de photos gratuites en ligne avec une option de recherche par couleur, c\u2019est pas b\u00eate du tout \u00e7a.<\/p>\n

\"Finda.photo<\/p>\n

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

#CSS<\/p>\n

Je pourrais passer ma journ\u00e9e \u00e0 regarder \u00e7a : CSS dancing tree<\/a><\/p>\n

\"<\/p>\n

#CSS<\/p>\n

Un bouton de confirmation avec une animation plut\u00f4t sympa<\/a><\/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 :astuces pour de jolies palettes de couleur accessibles, mobilit\u00e9 (design, responsive, typographie et statistiques d’usage), relation client, …<\/p>\n","protected":false},"author":3,"featured_media":3736,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-3717","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 13 mars 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer : astuces pour de jolies palettes de couleur, mobilit\u00e9 (design, responsive, typographie et statistiques d'usage), relation client, WebGL et animations sympas, beaucoup de ressources SVG et du design d'exp\u00e9rience utilisateur.\" \/>\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-13-mars-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 13 mars 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer : astuces pour de jolies palettes de couleur, mobilit\u00e9 (design, responsive, typographie et statistiques d'usage), relation client, WebGL et animations sympas, beaucoup de ressources SVG et du design d'exp\u00e9rience utilisateur.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-13-mars-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-03-13T07:23:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-03-13T07:32:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/03\/semaine-pixel-13mars_mini.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-13-mars-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-13-mars-2015\/\",\"name\":\"La semaine en pixels \u2013 13 mars 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-13-mars-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-13-mars-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/03\/semaine-pixel-13mars_mini.jpg\",\"datePublished\":\"2015-03-13T07:23:17+00:00\",\"dateModified\":\"2015-03-13T07:32:34+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer : astuces pour de jolies palettes de couleur, mobilit\u00e9 (design, responsive, typographie et statistiques d'usage), relation client, WebGL et animations sympas, beaucoup de ressources SVG et du design d'exp\u00e9rience utilisateur.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-13-mars-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-13-mars-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/03\/semaine-pixel-13mars_mini.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/03\/semaine-pixel-13mars_mini.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 13 mars 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 13 mars 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer : astuces pour de jolies palettes de couleur, mobilit\u00e9 (design, responsive, typographie et statistiques d'usage), relation client, WebGL et animations sympas, beaucoup de ressources SVG et du design d'exp\u00e9rience utilisateur.","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-13-mars-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 13 mars 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer : astuces pour de jolies palettes de couleur, mobilit\u00e9 (design, responsive, typographie et statistiques d'usage), relation client, WebGL et animations sympas, beaucoup de ressources SVG et du design d'exp\u00e9rience utilisateur.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-13-mars-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-03-13T07:23:17+00:00","article_modified_time":"2015-03-13T07:32:34+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/03\/semaine-pixel-13mars_mini.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-13-mars-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-13-mars-2015\/","name":"La semaine en pixels \u2013 13 mars 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-13-mars-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-13-mars-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/03\/semaine-pixel-13mars_mini.jpg","datePublished":"2015-03-13T07:23:17+00:00","dateModified":"2015-03-13T07:32:34+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer : astuces pour de jolies palettes de couleur, mobilit\u00e9 (design, responsive, typographie et statistiques d'usage), relation client, WebGL et animations sympas, beaucoup de ressources SVG et du design d'exp\u00e9rience utilisateur.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-13-mars-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-13-mars-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/03\/semaine-pixel-13mars_mini.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/03\/semaine-pixel-13mars_mini.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 13 mars 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\/3717","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=3717"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/3717\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/3736"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=3717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=3717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=3717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}