{"id":7376,"date":"2019-04-28T10:56:46","date_gmt":"2019-04-28T08:56:46","guid":{"rendered":"https:\/\/stephaniewalter.design\/fr\/?p=7376"},"modified":"2019-04-28T11:04:10","modified_gmt":"2019-04-28T09:04:10","slug":"la-semaine-en-pixels-28-avril-2019","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-avril-2019\/","title":{"rendered":"La semaine en pixels \u2013 28 avril 2019"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 7 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Chaque semaine, je publie un condens\u00e9 de ma veille web design, UX (exp\u00e9rience utilisateurs), design d’interface et mobilit\u00e9, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre.<\/p>\n

Au programme : UX vs UI, comprendre les webviews, React 95, sympathie vs empathie, construire des ordinateurs avec des syst\u00e8mes de billes, pourquoi ne pas \u00ab\u00a0juste\u00a0\u00bb utiliser Material Design, quel type de cr\u00e9atif \u00eates-vous, blocage des pop-up de demande d’acc\u00e8s aux notifications, astuces CSS pour des arri\u00e8res plans multilignes, HTML pour d\u00e9butants, les soucis de nos outils de conception et quelques belles illustrations et animations optimistes.<\/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

#Fun #Illustration<\/p>\n

UI vs UX<\/a>, une illustration xkcd qui m’a fait bien marrer<\/p>\n

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

#UX<\/p>\n

Sympathy vs. Empathy in UX.<\/a> La majorit\u00e9 des professionnels dans le domaine de l’exp\u00e9rience utilisateur pratiquent la sympathie au lieu de l’empathie. Quelques conseils \u00e0 la fin de l’article vous aideront \u00e0 d\u00e9velopper plus d’empathie \u00e0 l’\u00e9gard de vos utilisatrices<\/p>\n

#Webview<\/p>\n

Understanding WebViews<\/a>. Une WebView est un navigateur int\u00e9gr\u00e9 qu’une application native peut utiliser pour afficher du contenu Web. On les utilise sans m\u00eame s’en rendre compte. La plupart des applications natives ouvrent maintenant les liens web \u00e0 l’int\u00e9rieur d’une WebView pour que les utilisatrices ne quittent pas leur application mais il y a d’autres cas d’usage<\/p>\n

#Design #Outils<\/p>\n

What design tools get wrong<\/a>, une liste int\u00e9ressante de ce qui pourrait \u00eatre am\u00e9lior\u00e9 dans les outils de conception. Je suis contente de ne pas \u00eatre la seule \u00e0 ne pas utiliser des grilles, j’aligne avec les marges comme je le ferais dans un navigateur.<\/p>\n

#UI Frameworks #Material Design<\/p>\n

\u00ab\u00a0Why Don\u2019t We Just Use Material Design?<\/a>\u00a0\u00bb Pourquoi on ne peut pas \u00ab\u00a0juste\u00a0\u00bb utiliser un framework comme Material Design? Ce type de frameworks pr\u00e9sente des solutions, mais on ne sait pas vraiment \u00e0 quoi r\u00e9pondent ces solutions, quelle \u00e9tait la question de base. Soit nous d\u00e9formons notre probl\u00e9matique pour l’int\u00e9grer dans la solution de design de Material, soit nous cherchons des probl\u00e8mes qui n’existent pas, afin d’expliquer nous aussi les solutions d’interface que propose le framework. Dans les deux cas, nous sommes perdantes.<\/p>\n

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

#Ordinateur<\/p>\n

turingtumble.com<\/a>, une fa\u00e7on amusante de d\u00e9couvrir comment fonctionnent les ordinateurs en construisant des ordinateurs m\u00e9caniques aliment\u00e9s par des billes pour r\u00e9soudre des \u00e9nigmes logiques.<\/p>\n

#Cr\u00e9ativit\u00e9<\/p>\n

My creative type is Thinker<\/a>, un test un peu fun pour d\u00e9terminer quel type de cr\u00e9atif vous \u00eates.<\/p>\n

#Illustrations #Animations<\/p>\n

The A-Z guide to optimism<\/a>, un tr\u00e8s joli projet<\/p>\n

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

#Poursuite en justice<\/p>\n

Accenture sued over website redesign so bad it Hertz: Car hire biz demands $32m+ for ‘defective’ cyber-revamp<\/a> – Accenture est en proc\u00e8s avec Hertz qui demande 32 millions pour un site refait non fonctionnel. Le fait qu’ils n’ai pas propos\u00e9 de responsive parce qu’apparemment \u00a0\u00bb Accenture a d\u00e9cid\u00e9 que seules les versions de bureau et mobiles \u00e9taient n\u00e9cessaires, selon Hertz. \u00a0\u00bb est plut\u00f4t inqui\u00e9tant.<\/p>\n

Tutoriels<\/h2>\n

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

Inclusively Hidden<\/a>, diff\u00e9rentes fa\u00e7ons de masquer le contenu CSS en fonction de ce que vous voulez r\u00e9aliser (masquer visuellement seulement, \u00e9galement masquer pour les lecteurs d’\u00e9cran, etc.)<\/p>\n

#CSS #D\u00e9grad\u00e9<\/p>\n

How to create a multi-line text background effect<\/a>, comment cr\u00e9er un effet de fond de texte sur plusieurs lignes, une astuce avec un d\u00e9grad\u00e9<\/p>\n

#HTML<\/p>\n

Introduction to HTML<\/a>;\u00a0 un bon tutoriel pour apprendre le HTML<\/p>\n

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

#UX #Methodes<\/p>\n

Il y a beaucoup d’outils et de m\u00e9thodes UX, il n’est pas toujours facile de trouver la bonne. Voici un article que j’ai \u00e9crit avec quelques ressources pour vous aider \u00e0 trouver la bonne m\u00e9thode pour votre projet : Solving design problems: Finding UX tools, methods & activities<\/a><\/p>\n

#React<\/p>\n

Il vous faut \u00e7a dans votre vie, des composants React qui ont le design de Windows 95: Refreshed Windows95 UI components for your modern React apps<\/a> <3<\/p>\n

#Notifications<\/p>\n

Blocking Web Sites from Prompting for Notifications<\/a> blocage des pop-up de demande d’acc\u00e8s aux notifications (sur chrome et firefox)<\/p>\n","protected":false},"excerpt":{"rendered":"

Votre dose de veille UX, UI design et Front-end de la semaine : UX vs UI, comprendre les webviews, React 95, sympathie vs empathie, construire des ordinateurs avec des syst\u00e8mes de billes, pourquoi ne pas \u00ab\u00a0juste\u00a0\u00bb utiliser Material Design, quel type de cr\u00e9atif \u00eates-vous, blocage des pop-up de demande d’acc\u00e8s aux notifications, astuces CSS pour des arri\u00e8res plans multilignes, HTML pour d\u00e9butants, les soucis de nos outils de conception et quelques belles illustrations et animations optimistiques.<\/p>\n","protected":false},"author":3,"featured_media":7377,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-7376","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 28 avril 2019 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"La veille de la semaine : UX vs UI, comprendre les webviews, sympathie vs empathie, pourquoi ne pas "juste" utiliser Material Design, quel type de cr\u00e9atif \u00eates-vous, notifications dans les navigateurs, astuces CSS pour arri\u00e8res plans multilignes, HTML pour d\u00e9butants, etc.\" \/>\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-28-avril-2019\/\" \/>\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 28 avril 2019 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"La veille de la semaine : UX vs UI, comprendre les webviews, sympathie vs empathie, pourquoi ne pas "juste" utiliser Material Design, quel type de cr\u00e9atif \u00eates-vous, notifications dans les navigateurs, astuces CSS pour arri\u00e8res plans multilignes, HTML pour d\u00e9butants, etc.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-avril-2019\/\" \/>\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=\"2019-04-28T08:56:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-28T09:04:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2019\/04\/liensemaine-28avril2019.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=\"4 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-28-avril-2019\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-avril-2019\/\",\"name\":\"La semaine en pixels \u2013 28 avril 2019 - 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-28-avril-2019\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-avril-2019\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2019\/04\/liensemaine-28avril2019.jpg\",\"datePublished\":\"2019-04-28T08:56:46+00:00\",\"dateModified\":\"2019-04-28T09:04:10+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"La veille de la semaine : UX vs UI, comprendre les webviews, sympathie vs empathie, pourquoi ne pas \\\"juste\\\" utiliser Material Design, quel type de cr\u00e9atif \u00eates-vous, notifications dans les navigateurs, astuces CSS pour arri\u00e8res plans multilignes, HTML pour d\u00e9butants, etc.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-avril-2019\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-avril-2019\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2019\/04\/liensemaine-28avril2019.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2019\/04\/liensemaine-28avril2019.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\":{\"@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 28 avril 2019 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"La veille de la semaine : UX vs UI, comprendre les webviews, sympathie vs empathie, pourquoi ne pas \"juste\" utiliser Material Design, quel type de cr\u00e9atif \u00eates-vous, notifications dans les navigateurs, astuces CSS pour arri\u00e8res plans multilignes, HTML pour d\u00e9butants, etc.","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-28-avril-2019\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 28 avril 2019 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"La veille de la semaine : UX vs UI, comprendre les webviews, sympathie vs empathie, pourquoi ne pas \"juste\" utiliser Material Design, quel type de cr\u00e9atif \u00eates-vous, notifications dans les navigateurs, astuces CSS pour arri\u00e8res plans multilignes, HTML pour d\u00e9butants, etc.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-avril-2019\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2019-04-28T08:56:46+00:00","article_modified_time":"2019-04-28T09:04:10+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2019\/04\/liensemaine-28avril2019.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-avril-2019\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-avril-2019\/","name":"La semaine en pixels \u2013 28 avril 2019 - 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-28-avril-2019\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-avril-2019\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2019\/04\/liensemaine-28avril2019.jpg","datePublished":"2019-04-28T08:56:46+00:00","dateModified":"2019-04-28T09:04:10+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"La veille de la semaine : UX vs UI, comprendre les webviews, sympathie vs empathie, pourquoi ne pas \"juste\" utiliser Material Design, quel type de cr\u00e9atif \u00eates-vous, notifications dans les navigateurs, astuces CSS pour arri\u00e8res plans multilignes, HTML pour d\u00e9butants, etc.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-avril-2019\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-avril-2019\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2019\/04\/liensemaine-28avril2019.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2019\/04\/liensemaine-28avril2019.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":{"@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\/7376","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=7376"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/7376\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/7377"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=7376"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=7376"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=7376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}