{"id":6802,"date":"2018-04-29T16:39:46","date_gmt":"2018-04-29T14:39:46","guid":{"rendered":"https:\/\/stephaniewalter.design\/?p=6802"},"modified":"2018-04-30T10:48:39","modified_gmt":"2018-04-30T08:48:39","slug":"la-semaine-en-pixels-29-avril-2018","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-avril-2018\/","title":{"rendered":"La semaine en pixels \u2013 29 avril 2018"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 7 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p><em>Chaque semaine, \u00a0un condens\u00e9 de ma veille web design, UX (exp\u00e9rience utilisateurs), design d&rsquo;interface et mobilit\u00e9, HTML et CSS, mais aussi des outils et ressources et de l&rsquo;inspiration en tout genre.<\/em><\/p>\n<p><em>Au programme : erreurs UX commises dans les interfaces, cr\u00e9er des interfaces accessibles, les utilisateurs n&rsquo;ont pas peur du changement, AB testing vs Mutivariable testing, Service Design, une police d&rsquo;\u00e9criture pour amplifier des messages f\u00e9ministes, des astuces de designer pour rendre les d\u00e9veloppeurs heureux, pr\u00e9senter des sites responsive, modales natives HTML5, performance CSS, Flexbox, Grid Layout et unit\u00e9s viewport en CSS.<\/em><\/p>\n<p><em>Pour plus de liens chaque matin vous pouvez<a href=_-213.html> me suivre sur twitter<\/a>. Bonne lecture :)<\/em><\/p>\n<h2>Les liens en fran\u00e7ais<\/h2>\n<p>#UX<\/p>\n<p>A lire absolument: <a href=_-1533.html>La m\u00e9prise sur l&rsquo;UX<\/a> &#8211; Rappelez-vous : faire de l\u2019UX sans utilisateurs finaux, \u00e7a n\u2019est pas de l\u2019UX. C\u2019est tout au plus du webdesign, comme on en faisait d\u00e9j\u00e0 il y a 20 ans<\/p>\n<h2>tl;dnr, s&rsquo;il devait n&rsquo;en rester qu&rsquo;un ?<\/h2>\n<p>#UX<\/p>\n<p>\u00ab\u00a0<a href=_-1534.html>Common UX Mistakes Made by Business Developers<\/a>\u00a0\u00bb des aberrations en terme d&rsquo;interface commises par des Business developpeurs, levez la main si vous avez vu bien trop souvent des modales dans des modales\u270b<\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#UX<\/p>\n<ul>\n<li><a href=_-1535.html>Users Don\u2019t Hate Change. They Hate Our Design Choices<\/a>, les utilisateurs ne d\u00e9testent pas le changement, juste votre nouveau design<\/li>\n<li><a href=_-1536.html>Multivariate vs. A\/B Testing<\/a>:\u00a0 AB testing vs Multivariable testing<\/li>\n<li>\u00ab\u00a0<a href=_-1537.html>100 example UX problems, A list of common UX problems to challenge and inspire designers and coders<\/a>.\u00a0\u00bb 100 exemples de soucis d&rsquo;interface<\/li>\n<li><a href=_-1538.html>Service Design and UX Design: What\u2019s the Difference?<\/a>, la diff\u00e9rence entre service design et UX design<\/li>\n<li><a href=_-1539.html>Scrolling Interactions &amp; Techniques<\/a> \u2013 des observations interessantes sur les interactions au scroll<\/li>\n<\/ul>\n<p>#Design<\/p>\n<ul>\n<li>\u00ab\u00a0<a href=_-1540.html>The Hidden Trap in Design Systems \u2013 We should define what the user needs first, then figure out how the design system applies<\/a>.\u00a0\u00bb les pi\u00e8ges des design syst\u00e8mes.<\/li>\n<li><a href=_-1541.html>Cards and Composability in Design Systems<\/a> \u2013 une lecture interessante sur le design d&rsquo;interface de type \u00ab\u00a0Card UI\u00a0\u00bb<\/li>\n<li>\u00ab\u00a0<a href=_-1542.html>Simple things designers can do to make their front-end developers happy<\/a>\u00ab\u00a0, comment rendre les d\u00e9veloppeurs heureux quand on est un designer. Il faudrait que je r\u00e9dige la version designer du coup : respectez mes maquettes, les tailles, les polices, si un truc est techniquement impossible venez m&rsquo;en parler et on trouve une solution ensemble au lieu de le changer sans mon avis, etc.<\/li>\n<\/ul>\n<p>#Front-End<\/p>\n<p>\u00ab\u00a0<a href=_-1543.html>Layers and how to force them<\/a>\u00a0\u00bb animations CSS et performance : comment le navigateur les d\u00e9compose<\/p>\n<p>#Responsive<\/p>\n<p>\u00ab\u00a0<a href=_-1544.html>Demo your responsive site well<\/a>\u00a0\u00bb ou comment pr\u00e9senter son site responsive, en r\u00e9sum\u00e9, sur de vrais appareils mobiles<\/p>\n<p>#Accessibilit\u00e9<\/p>\n<p><a href=_-1545.html>How to Create Interfaces that Benefit All: Accessibility Testing and Inclusive Design Principles<\/a>. une lecture sur l&rsquo;accessibilit\u00e9 et le design inclusif<\/p>\n<h2>De l\u2019inspiration, du fun et de jolies id\u00e9es<\/h2>\n<p>#Boutons<\/p>\n<p><a href=_-1546.html>Particle button,<\/a>\u00a0de jolis boutons \u00e0 particules<\/p>\n<p>#Typographie<\/p>\n<p><a href=_-1547.html>THE FEMINIST LETTERS<\/a>, une police pour amplifier diff\u00e9rents messages f\u00e9ministes d&rsquo;\u00e9galit\u00e9 des droits, salaires, etc.<\/p>\n<h2>Tutoriels<\/h2>\n<p>#CSS<\/p>\n<ul>\n<li><a href=_-1548.html>7 Tricks for Improving CSS Performance<\/a>, astuces CSS pour am\u00e9liorer la performance de vos sites<\/li>\n<li><a href=_-1549.html>A Look at CSS Viewport Units<\/a>: vh vm vmax, les unit\u00e9s de viewport en CSS<\/li>\n<\/ul>\n<p>#Modale<\/p>\n<p>\u00ab\u00a0<a href=_-1550.html>Native Modals on the Web Using the HTML Dialog Element<\/a>\u00a0\u00bb il est possible de faire des modales natives en HTML5, attention cependant \u00e0 les utiliser avec parcimonie<\/p>\n<h2>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#Grid #Flexbox<\/p>\n<p><a href=_-1551.html>Flexbox fallbacks for popular UI solutions that use CSS Grid<\/a>, une solution Flexbox pour des interface en Grid Layout<\/p>\n<p>#Sketch<\/p>\n<p><a href=_-1552.html>Sketchize<\/a>, un site pour t\u00e9l\u00e9charger des templates mobiles et desktop \u00e0 imprimer pour sketcher des interfaces<\/p>\n<p>#Fonts<\/p>\n<p><a href=_-1553.html>Fonts.lol<\/a> &#8211; des polices multicolors<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 7 ans. Il se peut qu&rsquo;il ne soit plus \u00e0 jour.Chaque semaine, \u00a0un condens\u00e9 de ma veille web design, UX (exp\u00e9rience utilisateurs), design d&rsquo;interface et mobilit\u00e9, HTML et CSS, mais aussi des outils et ressources et de l&rsquo;inspiration en tout genre. Au programme : erreurs UX commises dans les interfaces, cr\u00e9er des interfaces accessibles, les utilisateurs n&rsquo;ont pas peur du changement, AB testing vs Mutivariable testing, Service Design, une police d&rsquo;\u00e9criture pour &hellip;<\/p>\n","protected":false},"author":3,"featured_media":6805,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-6802","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>La semaine en pixels \u2013 29 avril 2018 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<meta name=\"description\" content=\"Ressources et articles UX et Web Design :\u00a0erreurs UX dans les interfaces, cr\u00e9er des interfaces accessibles, AB testing vs Mutivariable testing, Service Design, typographie, modales natives HTML5, performance CSS, Flexbox, Grid Layout et unit\u00e9s viewport en CSS.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-1554.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 29 avril 2018 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Ressources et articles UX et Web Design :\u00a0erreurs UX dans les interfaces, cr\u00e9er des interfaces accessibles, AB testing vs Mutivariable testing, Service Design, typographie, modales natives HTML5, performance CSS, Flexbox, Grid Layout et unit\u00e9s viewport en CSS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-avril-2018\/\" \/>\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=\"2018-04-29T14:39:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-04-30T08:48:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2018\/04\/liensemaine-29avril2018.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\/la-semaine-en-pixels-29-avril-2018\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-avril-2018\/\",\"name\":\"La semaine en pixels \u2013 29 avril 2018 - 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-avril-2018\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-avril-2018\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/04\/liensemaine-29avril2018.jpg\",\"datePublished\":\"2018-04-29T14:39:46+00:00\",\"dateModified\":\"2018-04-30T08:48:39+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Ressources et articles UX et Web Design :\u00a0erreurs UX dans les interfaces, cr\u00e9er des interfaces accessibles, AB testing vs Mutivariable testing, Service Design, typographie, modales natives HTML5, performance CSS, Flexbox, Grid Layout et unit\u00e9s viewport en CSS.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-avril-2018\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-avril-2018\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/04\/liensemaine-29avril2018.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/04\/liensemaine-29avril2018.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&#039;utilisabilit\u00e9 et l&#039;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 &amp; 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 29 avril 2018 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Ressources et articles UX et Web Design :\u00a0erreurs UX dans les interfaces, cr\u00e9er des interfaces accessibles, AB testing vs Mutivariable testing, Service Design, typographie, modales natives HTML5, performance CSS, Flexbox, Grid Layout et unit\u00e9s viewport en 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-avril-2018\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 29 avril 2018 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Ressources et articles UX et Web Design :\u00a0erreurs UX dans les interfaces, cr\u00e9er des interfaces accessibles, AB testing vs Mutivariable testing, Service Design, typographie, modales natives HTML5, performance CSS, Flexbox, Grid Layout et unit\u00e9s viewport en CSS.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-avril-2018\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2018-04-29T14:39:46+00:00","article_modified_time":"2018-04-30T08:48:39+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2018\/04\/liensemaine-29avril2018.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\/la-semaine-en-pixels-29-avril-2018\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-avril-2018\/","name":"La semaine en pixels \u2013 29 avril 2018 - 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-avril-2018\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-avril-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/04\/liensemaine-29avril2018.jpg","datePublished":"2018-04-29T14:39:46+00:00","dateModified":"2018-04-30T08:48:39+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Ressources et articles UX et Web Design :\u00a0erreurs UX dans les interfaces, cr\u00e9er des interfaces accessibles, AB testing vs Mutivariable testing, Service Design, typographie, modales natives HTML5, performance CSS, Flexbox, Grid Layout et unit\u00e9s viewport en CSS.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-avril-2018\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-avril-2018\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/04\/liensemaine-29avril2018.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/04\/liensemaine-29avril2018.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&#039;utilisabilit\u00e9 et l&#039;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 &amp; 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\/6802"}],"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=6802"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6802\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6805"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}