{"id":5498,"date":"2016-07-01T08:45:53","date_gmt":"2016-07-01T06:45:53","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5498"},"modified":"2016-07-01T08:47:39","modified_gmt":"2016-07-01T06:47:39","slug":"semaine-pixels-1-juillet-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-2016\/","title":{"rendered":"La semaine en pixels \u2013 1 juillet 2016"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 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 :\u00a0typographie des interfaces, interface conversationnelles (chatbots), exp\u00e9rience utilisateur (id\u00e9es re\u00e7ues mobiles, grille mobile, burger menu, podcasts), s\u00e9curit\u00e9 du copier coller des mots de passe, parler en publique, redesign du bouton Facebook. De la jolie typographie du c\u00f4t\u00e9 de l’inspiration, un tutoriel CSS impressionnant et une librairie JS d’animations.<\/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

#Security #UX<\/p>\n

The \u201cCobra Effect\u201d that is disabling paste on password fields.<\/a> TLDNR : interdire de copier coller les mots de passe pour des raisons de s\u00e9curit\u00e9 ne sert \u00e0 rien et ennuie les utilisateurs qui ont un gestionnaire de mots de passe.<\/p>\n

\"\"<\/p>\n

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

#Typography<\/p>\n

Typography for User Interfaces<\/a>, une analyse sur la fa\u00e7on dont les humains lisent et sur la typographie utilis\u00e9e pour les interfaces<\/p>\n

\"\"<\/p>\n

#Bot<\/p>\n

Chat-Bots vs. Google Search<\/a>, lequel est le plus efficace<\/p>\n

\"\"<\/p>\n

 <\/p>\n

#Web Apps<\/p>\n

Push API for web apps<\/a>, petite explication de l\u2019API push notification et comment elle fonctionne<\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

Mobile App UX Design: Grid View For Products<\/a> : grille vs listes, tout d\u00e9pend du type de produit que vous vendez<\/p>\n

\"\"<\/p>\n

#Conf\u00e9rences<\/p>\n

How to speak publicly<\/a>\u00a0quelques conseils assez basiques pour parler en publique<\/p>\n

\"\"<\/p>\n

#WorkFlow<\/p>\n

30 minutes with Craft Prototype<\/a> il faut vraiment que je teste Craft pour Sketch, \u00e7a a l\u2019air plut\u00f4t pas mal pour du prototypage d\u2019interactions<\/p>\n

\"\"<\/p>\n

#Facebook<\/p>\n

Yeah, redesign du bouton Facebook<\/a><\/p>\n

\"\"<\/p>\n

#Burger #Menu<\/p>\n

Hamburger Menus and Hidden Navigation Hurt UX Metrics<\/a> by @NNgroup<\/a><\/p>\n

\"\"<\/p>\n

# UX<\/p>\n

Top 10 des Podcasts pour les UX designers<\/a><\/p>\n

\"\"<\/p>\n

#UX #Mobile<\/p>\n

Why a Clock Widget Is Easier for Picking Time<\/a> \u00a0un article sur la facilit\u00e9 d\u2019utilisation d\u2019un time picker en forme d\u2019horloge<\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

UX mobile et id\u00e9es re\u00e7ues<\/a><\/p>\n

\"\"<\/p>\n

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

#Typographie<\/p>\n

Un joli magazine pour les fans de typographie : www.typographics.org<\/a><\/p>\n

\"\"<\/p>\n

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

#Chrome #Storage<\/p>\n

Persistent Storage pour Chrome 52<\/a><\/p>\n

\"\"<\/p>\n

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

#CSS<\/p>\n

Impressionnant : Recreating the Twitter Heart Animation (with One Element, No Images, and No JavaScript)<\/a><\/p>\n

\"\"<\/p>\n

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

#Animations<\/p>\n

anime-js.com<\/a> une librairie JavaScript pour animer du CSS, des transformations, du SVG, le DOM ou des objets JS<\/p>\n

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

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 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 :\u00a0typographie des interfaces, interface conversationnelles (chatbots), exp\u00e9rience utilisateur (id\u00e9es re\u00e7ues mobiles, grille mobile, burger menu, podcasts), s\u00e9curit\u00e9 …<\/p>\n","protected":false},"author":3,"featured_media":5500,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5498","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 1 juillet 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Typographie des interfaces, chatbots, exp\u00e9rience utilisateur (id\u00e9es re\u00e7ues mobiles,burger menu, podcasts), copier coller des mots de passe, et animations JS\" \/>\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-pixels-1-juillet-2016\/\" \/>\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 1 juillet 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Typographie des interfaces, chatbots, exp\u00e9rience utilisateur (id\u00e9es re\u00e7ues mobiles,burger menu, podcasts), copier coller des mots de passe, et animations JS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-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-07-01T06:45:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-07-01T06:47:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/07\/liens-semaine-1juillet.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=\"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-pixels-1-juillet-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-2016\/\",\"name\":\"La semaine en pixels \u2013 1 juillet 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/07\/liens-semaine-1juillet.jpg\",\"datePublished\":\"2016-07-01T06:45:53+00:00\",\"dateModified\":\"2016-07-01T06:47:39+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Typographie des interfaces, chatbots, exp\u00e9rience utilisateur (id\u00e9es re\u00e7ues mobiles,burger menu, podcasts), copier coller des mots de passe, et animations JS\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/07\/liens-semaine-1juillet.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/07\/liens-semaine-1juillet.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 1 juillet 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Typographie des interfaces, chatbots, exp\u00e9rience utilisateur (id\u00e9es re\u00e7ues mobiles,burger menu, podcasts), copier coller des mots de passe, et animations JS","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-pixels-1-juillet-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 1 juillet 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Typographie des interfaces, chatbots, exp\u00e9rience utilisateur (id\u00e9es re\u00e7ues mobiles,burger menu, podcasts), copier coller des mots de passe, et animations JS","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-07-01T06:45:53+00:00","article_modified_time":"2016-07-01T06:47:39+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/07\/liens-semaine-1juillet.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-2016\/","name":"La semaine en pixels \u2013 1 juillet 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/07\/liens-semaine-1juillet.jpg","datePublished":"2016-07-01T06:45:53+00:00","dateModified":"2016-07-01T06:47:39+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Typographie des interfaces, chatbots, exp\u00e9rience utilisateur (id\u00e9es re\u00e7ues mobiles,burger menu, podcasts), copier coller des mots de passe, et animations JS","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-1-juillet-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/07\/liens-semaine-1juillet.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/07\/liens-semaine-1juillet.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\/5498","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=5498"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5498\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5500"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}