{"id":5281,"date":"2016-05-06T09:27:38","date_gmt":"2016-05-06T07:27:38","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5281"},"modified":"2022-03-17T20:49:26","modified_gmt":"2022-03-17T19:49:26","slug":"semaine-en-pixels-6-mai-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-6-mai-2016\/","title":{"rendered":"La semaine en pixels \u2013 6 mai 2016"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Comme chaque semaine, \u00a0un 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 web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.<\/p>\n

Au programme\u00a0: design de boutons, check-list pour l\u2019utilisabilit\u00e9 \/ \u00e9valuer l\u2019UX et utilisabilit\u00e9 des formulaires, scroll infini vs pagination et en bonus le retour du mythe du scroll, inventaire de contenu, techniques pour garder ses utilisateurs en plus d\u2019une analyse de test utilisateur. De l\u2019inspiration color\u00e9e, des portfolios et de la navigateur, sans oublier un \u00e9diteur SVG, une joli police d\u2019\u00e9criture et une parodie des sites qui demandent votre email.<\/p>\n

Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

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

#WebGL<\/p>\n

Wow: Animated Heat Distortion Effects with WebGL<\/a>, une d\u00e9mo de WebGL pour animer un flou de chaleur sur une image, impressionnant<\/p>\n

\"\"<\/p>\n

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

#Buttons<\/p>\n

Buttons in Design Systems<\/a>, 12 conseils pour le design de boutons d\u2019interface<\/p>\n

\"\"<\/p>\n

#Usability<\/p>\n

A lire absolument : 125 Easy Tweaks to Optimize Your Website\u2019s Usability Today<\/a> (125 conseils d\u2019optimisation de l\u2019utilisabilit\u00e9 d\u2019un site)<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

UX: Infinite Scrolling vs. Pagination<\/a><\/p>\n

\"\"<\/p>\n

#Usability<\/p>\n

Website Forms Usability: Top 10 Recommendations<\/a>, 10 recommandations pour le design de formulaires utilisables<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

Creating a Content Inventory: A Journey Through the Five Stages of Grief<\/a>, excellente lecture sur la cr\u00e9ation d\u2019un inventaire de contenus<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

Common causes of churn \u2013 and how to kill them with UX<\/a> : les causes classiques d\u2019abandon de votre produit par les utilisateurs apr\u00e8s une p\u00e9riode donn\u00e9e et comment y rem\u00e9dier<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

UX Teardown: Brayola.com \u2013 A man shopping for a bra<\/a>,un test utilisateur sur un site de vente en ligne de soutient gorge, analyse tr\u00e8s int\u00e9ressante.<\/p>\n

\"\"#UXmyth #Scroll<\/p>\n

Mythe #3 on n’utilise pas le scroll<\/a>, article \u00e0 garder \u00e0 port\u00e9e de favoris :)<\/p>\n

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

#Photo<\/p>\n

Misplaced<\/a>, un joli projet photo qui place des b\u00e2timents de New York dans des d\u00e9cores lunaires<\/p>\n

\"\"<\/p>\n

#Portoflio<\/p>\n

Eli.wtf<\/a>, le portfolio cool de la semaine<\/p>\n

\"\"<\/p>\n

#Navigation<\/p>\n

Quelques exemples de navigation int\u00e9ressants : 10 Types of Modern Navigation Menus<\/a><\/p>\n

\"\"<\/p>\n

#Color<\/p>\n

Colorful<\/a>, une liste de sites pour trouver des palettes de couleur<\/p>\n

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

#Burger<\/p>\n

On dirait que Squarespace<\/a> a retir\u00e9 son burger menu. Tout comme Spotify<\/a> cette semaine.<\/p>\n

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

#CSS<\/p>\n

An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements<\/a> , le guide ultime des pseudo classes et pseudo \u00e9lements en CSS<\/p>\n

\"\"<\/p>\n

Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n

#SVG<\/p>\n

Boxy-svg.com<\/a>, un \u00e9diteur SVG dans le navigateur (et sous forme de webapp chrome)<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

Pourrait \u00eatre utile : UX Checklists<\/a>, une liste de checklists UX<\/p>\n

\"\"<\/p>\n

#Font<\/p>\n

Soria: A free font inspired by Art Nouveau<\/a>, une jolie serif avec de belles ligatures<\/p>\n

\"\"<\/p>\n

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

#Email<\/p>\n

Tu me donnes ton email, steeeu plaaait steeeu plaaaiit ?<\/a><\/p>\n

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

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 ans. Il se peut qu’il ne soit plus \u00e0 jour.Comme chaque semaine, \u00a0un 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 web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc. Au programme\u00a0: design de boutons, check-list pour l\u2019utilisabilit\u00e9 \/ \u00e9valuer l\u2019UX et utilisabilit\u00e9 des formulaires, scroll infini vs pagination …<\/p>\n","protected":false},"author":3,"featured_media":5288,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5281","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 6 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <meta name=\"description\" content=\"Liens de la semaine : Design de boutons, checklist pour l\u2019utilisabilit\u00e9 \/ \u00e9valuer l\u2019UX, utilisabilit\u00e9 des formulaires, scroll infini vs pagination et\u00a0mythe du scroll, inventaire de contenu.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-2363.html \/>\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 6 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Liens de la semaine : Design de boutons, checklist pour l\u2019utilisabilit\u00e9 \/ \u00e9valuer l\u2019UX, utilisabilit\u00e9 des formulaires, scroll infini vs pagination et\u00a0mythe du scroll, inventaire de contenu.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-6-mai-2016\/\" \/>\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=\"2016-05-06T07:27:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-17T19:49:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/liesemaine-6mai.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\/semaine-en-pixels-6-mai-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-6-mai-2016\/\",\"name\":\"La semaine en pixels \u2013 6 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-6-mai-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-6-mai-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liesemaine-6mai.jpg\",\"datePublished\":\"2016-05-06T07:27:38+00:00\",\"dateModified\":\"2022-03-17T19:49:26+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Liens de la semaine : Design de boutons, checklist pour l\u2019utilisabilit\u00e9 \/ \u00e9valuer l\u2019UX, utilisabilit\u00e9 des formulaires, scroll infini vs pagination et\u00a0mythe du scroll, inventaire de contenu.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-6-mai-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-6-mai-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liesemaine-6mai.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liesemaine-6mai.jpg\",\"width\":850,\"height\":350},{\"@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 6 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Liens de la semaine : Design de boutons, checklist pour l\u2019utilisabilit\u00e9 \/ \u00e9valuer l\u2019UX, utilisabilit\u00e9 des formulaires, scroll infini vs pagination et\u00a0mythe du scroll, inventaire de contenu.","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-6-mai-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 6 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Liens de la semaine : Design de boutons, checklist pour l\u2019utilisabilit\u00e9 \/ \u00e9valuer l\u2019UX, utilisabilit\u00e9 des formulaires, scroll infini vs pagination et\u00a0mythe du scroll, inventaire de contenu.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-6-mai-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-05-06T07:27:38+00:00","article_modified_time":"2022-03-17T19:49:26+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/liesemaine-6mai.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\/semaine-en-pixels-6-mai-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-6-mai-2016\/","name":"La semaine en pixels \u2013 6 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-6-mai-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-6-mai-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liesemaine-6mai.jpg","datePublished":"2016-05-06T07:27:38+00:00","dateModified":"2022-03-17T19:49:26+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Liens de la semaine : Design de boutons, checklist pour l\u2019utilisabilit\u00e9 \/ \u00e9valuer l\u2019UX, utilisabilit\u00e9 des formulaires, scroll infini vs pagination et\u00a0mythe du scroll, inventaire de contenu.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-6-mai-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-6-mai-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liesemaine-6mai.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liesemaine-6mai.jpg","width":850,"height":350},{"@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\/5281"}],"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=5281"}],"version-history":[{"count":1,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5281\/revisions"}],"predecessor-version":[{"id":8073,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5281\/revisions\/8073"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5288"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}