{"id":2945,"date":"2014-07-25T08:44:45","date_gmt":"2014-07-25T06:44:45","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2945"},"modified":"2014-07-28T08:22:02","modified_gmt":"2014-07-28T06:22:02","slug":"semaine-en-pixels-25-juillet-2014","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-25-juillet-2014\/","title":{"rendered":"La semaine en pixels \u2013 25 juillet 2014"},"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.). Cette semaine red\u00e9couvrez le pouvoir du SVG avec des articles pour comprendre le format et une d\u00e9mo de logos qui s’adaptent \u00e0 la taille de l’\u00e9cran. Dans les articles \u00e7a parle de perception de la performance et de premi\u00e8re exp\u00e9rience des utilisateurs avec un produit. Enfin de jolies vid\u00e9os et une petite demo d’un mario responsive devraient vous permettre de procrastiner tranquillement ce matin.<\/p>\n

Pour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

tl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n

#Logo<\/p>\n

Responsive logos<\/a> un concept sympa qui montre des logos responsive qui changent en fonction de la taille de l\u2019\u00e9cran<\/p>\n

\"Responsive<\/p>\n

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

#Performance<\/p>\n

How to create the illusion of faster web pages (while also creating actual happier users)<\/a><\/p>\n

\"How<\/p>\n

 <\/p>\n

#User experience<\/p>\n

Top patterns and anti-patterns for first time user experiences<\/a>, le top des patterns et anti-pattern de premi\u00e8re exp\u00e9rience utilisateur avec une interface (bas\u00e9 sur http:\/\/firsttimeux.tumblr.com\/<\/a> )<\/p>\n

\"Top<\/p>\n

#Interactions<\/p>\n

Designing interactions: start by writing a conversation<\/a> commencer le designer d’interaction par une conversation, une id\u00e9e assez int\u00e9ressante<\/p>\n

#UX<\/p>\n

3 Tricks to Make Users Think Your App Loads Faster<\/a> \u00a0\u00e0 d\u00e9faut d\u2019une interface vraiment rapide, 3 astuce pour le faire croire \u00e0 vos utilisateurs<\/p>\n

\"3<\/p>\n

#Mobile #UX<\/p>\n

Hot User Input Design Patterns for Mobile<\/a> des id\u00e9es pour des sch\u00e9mas d’interaction utilisateur\/\u00e9cran mobile<\/p>\n

\"Hot<\/p>\n

#Conversion<\/p>\n

How to Define Visitors\u2019 Eye Path to Lead Them to the Conversion Goal <\/a>ou comment diriger l\u2019oeil de l\u2019utlisateur sur la page pour am\u00e9liorer la conversion<\/p>\n

\"How<\/p>\n

#SVG<\/p>\n

@chriscoyier<\/a> a rassembler une grosse liste d\u2019articles traitant du SVG<\/a>, vous aurez de quoi lire tout l\u2019\u00e9t\u00e9 !<\/p>\n

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

#Airbnb<\/p>\n

Airbnb r\u00e9pond aux critiques de son logo dans une infographie<\/a><\/p>\n

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

#Video<\/p>\n

Elements of Design<\/a> une courte vid\u00e9o sur les \u00e9l\u00e9ments qui font du design ce qu\u2019il est<\/p>\n

\"elements<\/p>\n

#Portfolio<\/p>\n

Gardenstudio.com.br<\/a> un magnifique portfolio illustr\u00e9 et color\u00e9<\/p>\n

\"garden\"<\/p>\n

#Logo<\/p>\n

Generic and overused logos<\/a> \u00a0des exemples de visuels de logos g\u00e9n\u00e9riques et sur-utilis\u00e9 qui semblent tout droit sortir des plateformes de crowdsourcing de design.<\/p>\n

\"generic<\/p>\n

#Prototype<\/p>\n

Une super id\u00e9e pour faire du prototype en papier: ironPhone \u2014 custom made sketch preview tool<\/a><\/p>\n

\"iphone<\/p>\n

#Product #3D<\/p>\n

My.deejo.fr<\/a> vous ne verrez pas de fa\u00e7on plus sexy de customiser un produit cette semaine<\/p>\n

\"deejo\"<\/p>\n

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

#Responsive<\/p>\n

Responsive Images: Use Cases and Documented Code Snippets to Get You Started<\/a> des exemples de code \u00a0pour les images responsive, attention \u00e7a donne vite mal au cr\u00e2ne<\/p>\n

Des ressources utiles<\/h2>\n

#Photos<\/p>\n

Raumrot<\/a> une s\u00e9lection de photos gratuites d\u2019utilisation (CC-by) et class\u00e9es par cat\u00e9gories<\/p>\n

\"raumrot\"<\/p>\n

#SVG #Pattern<\/p>\n

Patternbolt,<\/a> une collection de patterns de fond en SVG<\/p>\n

\"pattern<\/p>\n

#Forms<\/p>\n

No JS Mini Demos<\/a> par @scottohara<\/a>, des d\u00e9mos de ce qu\u2019on peut faire en pure CSS sur les formulaires HTML5<\/p>\n

#Android #Sketch<\/p>\n

Android L Tablet UI Template (.sketch)<\/a> une template pour les tv connect\u00e9s d\u2019Android sous Sketch<\/p>\n

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

#Media Queries<\/p>\n

Morning procrastination: Media Query Super Mario<\/a> (attention y a du son) <3<\/p>\n

\"mario<\/p>\n

#Comics #CSS<\/p>\n

Marvel meets CSS – \u00a0The Avengers – CodePen<\/a><\/p>\n

\"avengers<\/p>\n

 <\/p>\n

#GoT<\/p>\n

Le making of de certaines sc\u00e8nes de Game of Thrones en 3D sur fond vert : Game of Thrones, Season 4 \u2013 VFX making of reel<\/a><\/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.). Cette semaine red\u00e9couvrez le pouvoir du SVG avec des articles pour comprendre le format et une d\u00e9mo de logos …<\/p>\n","protected":false},"author":3,"featured_media":2948,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2945","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 25 juillet 2014 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Web Design et graphisme, exp\u00e9rience utilisateurs, design d'interface et mobilit\u00e9, outils, ressources et inspiration: les liens \u00e0 ne pas manquer le 25 juillet 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-25-juillet-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 25 juillet 2014 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Web Design et graphisme, exp\u00e9rience utilisateurs, design d'interface et mobilit\u00e9, outils, ressources et inspiration: les liens \u00e0 ne pas manquer le 25 juillet 2014\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-25-juillet-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-07-25T06:44:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-07-28T06:22:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/07\/semaine-pixel-25juin.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=\"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-25-juillet-2014\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-25-juillet-2014\/\",\"name\":\"La semaine en pixels \u2013 25 juillet 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-25-juillet-2014\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-25-juillet-2014\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/07\/semaine-pixel-25juin.jpg\",\"datePublished\":\"2014-07-25T06:44:45+00:00\",\"dateModified\":\"2014-07-28T06:22:02+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Web Design et graphisme, exp\u00e9rience utilisateurs, design d'interface et mobilit\u00e9, outils, ressources et inspiration: les liens \u00e0 ne pas manquer le 25 juillet 2014\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-25-juillet-2014\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-25-juillet-2014\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/07\/semaine-pixel-25juin.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/07\/semaine-pixel-25juin.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 25 juillet 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\":\"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 25 juillet 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Web Design et graphisme, exp\u00e9rience utilisateurs, design d'interface et mobilit\u00e9, outils, ressources et inspiration: les liens \u00e0 ne pas manquer le 25 juillet 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-25-juillet-2014\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 25 juillet 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Web Design et graphisme, exp\u00e9rience utilisateurs, design d'interface et mobilit\u00e9, outils, ressources et inspiration: les liens \u00e0 ne pas manquer le 25 juillet 2014","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-25-juillet-2014\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-07-25T06:44:45+00:00","article_modified_time":"2014-07-28T06:22:02+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/07\/semaine-pixel-25juin.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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-25-juillet-2014\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-25-juillet-2014\/","name":"La semaine en pixels \u2013 25 juillet 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-25-juillet-2014\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-25-juillet-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/07\/semaine-pixel-25juin.jpg","datePublished":"2014-07-25T06:44:45+00:00","dateModified":"2014-07-28T06:22:02+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Web Design et graphisme, exp\u00e9rience utilisateurs, design d'interface et mobilit\u00e9, outils, ressources et inspiration: les liens \u00e0 ne pas manquer le 25 juillet 2014","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-25-juillet-2014\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-25-juillet-2014\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/07\/semaine-pixel-25juin.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/07\/semaine-pixel-25juin.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 25 juillet 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":"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\/2945","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=2945"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2945\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2948"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}