{"id":3162,"date":"2014-09-19T08:22:03","date_gmt":"2014-09-19T06:22:03","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=3162"},"modified":"2014-09-19T08:30:49","modified_gmt":"2014-09-19T06:30:49","slug":"semaine-en-pixels-19-septembre-2014","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-19-septembre-2014\/","title":{"rendered":"La semaine en pixels \u2013 19 septembre 2014"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 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.). Ne manquez surtout pas les slides du workshop de Mark Geyer consacr\u00e9 \u00e0 l’animation d’interface, c’est long mais tr\u00e8s complet ! Une jolie s\u00e9lection d’articles entre accessibilit\u00e9, perception de la performance des JPG progressifs par les utilisateurs, psychologie cognitive et compr\u00e9hension du vertical-align devrait contenter designers et int\u00e9grateurs. Du c\u00f4t\u00e9 des outils vous trouverez de quoi tester du responsive et un petit plugin Photoshop pour l’export de vos \u00e9l\u00e9ments.<\/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

#Animation<\/p>\n

Interface Animations<\/a>, les slides tr\u00e8s complets du workshop de @markgeyer<\/a> sur les animations d\u2019interface<\/p>\n

\"Interface<\/p>\n

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

#Picture #Image Responsive<\/p>\n

Pour vous donner mal au cr\u00e2ne d\u00e8s le matin, la syntaxe de l\u2019\u00e9l\u00e9ment picture tr\u00e8s bien expliqu\u00e9e : Built-in Browser Support for Responsive Images<\/a><\/p>\n

#Accessibilit\u00e9<\/p>\n

Making Modal Windows Better For Everyone<\/a> : rendre les fen\u00eatres de modale accessibles \u00e0 tous<\/p>\n

#Performance #UX<\/p>\n

Progressive JPEGs: Good? Evil?<\/a> \u00a0Une \u00e9tude sur la perception des JPG progressifs par les utilisateurs<\/p>\n

\"Progressive<\/p>\n

#Psychologie<\/p>\n

The History of Cognitive Overload<\/a> un article long mais tr\u00e8s int\u00e9ressant sur la surcharge cognitive<\/p>\n

\"The<\/p>\n

#Onboarding #UX<\/p>\n

Are You Making These 5 Common User Onboarding Mistakes?<\/a> \u00a05 erreurs de \u201cpremi\u00e8re exp\u00e9rience utilisateur\u201d avec votre applications \/ produit que vous devriez essayer d\u2019\u00e9viter<\/p>\n

\"Are<\/p>\n

#CSS<\/p>\n

All You Need To Know About Vertical-Align<\/a> tout tout tout sur la propri\u00e9t\u00e9 vertical-align pour mieux comprendre pourquoi les ic\u00f4nes sont pas super bien align\u00e9es quand on l’utilise. (Oui oui le CSS c’est bidon, huhu)<\/p>\n

\"All<\/p>\n

Les Nouveaut\u00e9s webdesign<\/h2>\n

#iOS8<\/p>\n

iOS8 va supporter pas mal de nouveaut\u00e9s HTML5\/CSS3<\/a>, yeahy :)<\/p>\n

\"iOS8<\/p>\n

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

#Concept Art<\/p>\n

Des concept arts pour Dragon 2<\/a> : <3 et <3<\/p>\n

\"Des<\/p>\n

#Video<\/p>\n

If iPhone6 was a movie<\/a>, une fausse bande annonce tr\u00e8s bien r\u00e9alis\u00e9e<\/p>\n

\"If<\/p>\n

#Illustrations<\/p>\n

Orlincultureshop.com<\/a> colors, colors and colors <3<\/p>\n

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

#Photos<\/p>\n

Mignon et joliment r\u00e9alis\u00e9 : Photos of a beloved bull terrier posed in funny, imaginative scenes<\/a><\/p>\n

\"Photos<\/p>\n

Et pour finir un petit WTF : le clavier GIFs anim\u00e9s<\/a>.<\/p>\n

\"gif<\/p>\n

Des ressources utiles<\/h2>\n

#Video #Accessibilit\u00e9<\/p>\n

Sympathique de voir que Paypal travaille sur de l\u2019accessibilit\u00e9 et propose un player videos HTML5 accessible : Introducing an Accessible HTML5 Video Player<\/a><\/p>\n

#Responsive<\/p>\n

Un outil pour tester le \u00a0responsive design<\/a> que vous pouvez aussi installer sur votre serveur<\/a><\/p>\n

\"responsive<\/p>\n

#Prototype #Freebies<\/p>\n

Cette semaine sur le blog pour pouvez tenter de gagner 2 abonnements \u00e0 Marvel<\/a>, un outil de prototypage en ligne.<\/p>\n

\"Marvel<\/p>\n

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

#Photoshop<\/p>\n

LayerCraft<\/a>, un petit plugin Photoshop gratuti pour exporter rapidement les assets de vos compositions (\u00e7a ressemble beaucoup \u00e0 DevRocket)<\/p>\n

\"LayerCraft\"<\/p>\n

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

#B\u00e9zier<\/p>\n

Morning procrastination: The B\u00e9zier Game<\/a>, un jeu pour apprendre \u00e0 dessiner les courbes de B\u00e9zier<\/p>\n

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

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 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.). Ne manquez surtout pas les slides du workshop de Mark Geyer consacr\u00e9 \u00e0 l’animation d’interface, c’est long mais tr\u00e8s …<\/p>\n","protected":false},"author":3,"featured_media":3172,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-3162","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 19 septembre 2014 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Workshop sur les animations d'interface, perception de la performance des JPG progressifs et conseils pour la 1er exp\u00e9rience des utilisateurs sur une app : les liens \u00e0 ne pas manquer le 19 septembre 2014\" \/>\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-pixels-19-septembre-2014\/\" \/>\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 19 septembre 2014 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Workshop sur les animations d'interface, perception de la performance des JPG progressifs et conseils pour la 1er exp\u00e9rience des utilisateurs sur une app : les liens \u00e0 ne pas manquer le 19 septembre 2014\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-19-septembre-2014\/\" \/>\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=\"2014-09-19T06:22:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-09-19T06:30:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/09\/pixel-semaine-19-sept.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\/semaine-en-pixels-19-septembre-2014\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-19-septembre-2014\/\",\"name\":\"La semaine en pixels \u2013 19 septembre 2014 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-19-septembre-2014\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-19-septembre-2014\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/09\/pixel-semaine-19-sept.jpg\",\"datePublished\":\"2014-09-19T06:22:03+00:00\",\"dateModified\":\"2014-09-19T06:30:49+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Workshop sur les animations d'interface, perception de la performance des JPG progressifs et conseils pour la 1er exp\u00e9rience des utilisateurs sur une app : les liens \u00e0 ne pas manquer le 19 septembre 2014\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-19-septembre-2014\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-19-septembre-2014\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/09\/pixel-semaine-19-sept.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/09\/pixel-semaine-19-sept.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 18 septembre 2014\"},{\"@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 19 septembre 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Workshop sur les animations d'interface, perception de la performance des JPG progressifs et conseils pour la 1er exp\u00e9rience des utilisateurs sur une app : les liens \u00e0 ne pas manquer le 19 septembre 2014","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-pixels-19-septembre-2014\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 19 septembre 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Workshop sur les animations d'interface, perception de la performance des JPG progressifs et conseils pour la 1er exp\u00e9rience des utilisateurs sur une app : les liens \u00e0 ne pas manquer le 19 septembre 2014","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-19-septembre-2014\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-09-19T06:22:03+00:00","article_modified_time":"2014-09-19T06:30:49+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/09\/pixel-semaine-19-sept.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\/semaine-en-pixels-19-septembre-2014\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-19-septembre-2014\/","name":"La semaine en pixels \u2013 19 septembre 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-19-septembre-2014\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-19-septembre-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/09\/pixel-semaine-19-sept.jpg","datePublished":"2014-09-19T06:22:03+00:00","dateModified":"2014-09-19T06:30:49+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Workshop sur les animations d'interface, perception de la performance des JPG progressifs et conseils pour la 1er exp\u00e9rience des utilisateurs sur une app : les liens \u00e0 ne pas manquer le 19 septembre 2014","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-19-septembre-2014\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-19-septembre-2014\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/09\/pixel-semaine-19-sept.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/09\/pixel-semaine-19-sept.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 18 septembre 2014"},{"@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\/3162","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=3162"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/3162\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/3172"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=3162"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=3162"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=3162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}