{"id":6544,"date":"2017-10-26T10:20:36","date_gmt":"2017-10-26T08:20:36","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6544"},"modified":"2023-04-01T18:24:55","modified_gmt":"2023-04-01T16:24:55","slug":"ameliorer-experience-utilisateur-perception-performance","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/ameliorer-experience-utilisateur-perception-performance\/","title":{"rendered":"Am\u00e9liorer l&rsquo;experience utilisateur gr\u00e2ce \u00e0 la perception de la performance &#8211; Smashing Conference Barcelone"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>La semaine derni\u00e8re (17 et 18 octobre 2017) j&rsquo;\u00e9tais invit\u00e9e \u00e0 parler de perception de performance \u00e0 la\u00a0<a href=\"https:\/\/smashingconf.com\/barcelona-2017\/speakers\/stephanie-walter\">Smashing Conference Barcelona<\/a>. La conf\u00e9rence donn\u00e9e en anglais s&rsquo;intitule \u201cCheating The UX When There Is Nothing More To Optimize\u201d et voici le r\u00e9sum\u00e9 :<\/p>\n<blockquote><p>You have optimized every line of code of your site \/ mobile application, used all the techniques at your disposal to have the fastest loading time possible. Yet, users still complain about the slowness. Let\u2019s learn to use different design techniques and UX to work performance also at the level of user perception.<\/p><\/blockquote>\n<h2>La perception de la performance au service de l&rsquo;exp\u00e9rience utilisateur<\/h2>\n<p>La conf\u00e9rence d\u00e9bute par la diff\u00e9rence entre la mesure du temps r\u00e9el vs la mesure du temps psychologique et une explication des facteurs externes qui jouent un gros role sur la perception de la performance. J&rsquo;aborde ensuite diff\u00e9rentes m\u00e9thodes pour faire patienter les utilisatrices : r\u00e9ponse instantan\u00e9e \u00e0 leurs actions,\u00a0loaders (indicateurs de progression) et barres de chargement, quand utiliser quoi et comment les optimiser, micro-interactions et animations d\u2019interface pour faire en sorte que vos interfaces soient fluides et agr\u00e9ables \u00e0 utiliser. J\u2019\u00e9voque ensuite les techniques d\u2019interface optimiste qui consistent \u00e0 faire semblant que tout fonctionne, des techniques de distraction des utilisatrices, des squelettes de chargement, du chargement asynchrone et affichage progressif. Tout au long de la conf\u00e9rence j\u2019illustre la th\u00e9orie avec un retour d\u2019exp\u00e9rience de ce qui a fonctionn\u00e9 ou non sur de vrais projets auquel j\u2019ai particip\u00e9.<\/p>\n<p>Une version plus courte avec moins d&rsquo;exemple mais en Fran\u00e7ais de cette conf\u00e9rence existe \u00e9galement:\u00a0<a title=\"Lien permanent vers Tricher gr\u00e2ce \u00e0 l\u2019UX quand il n\u2019y plus de code optimisable \u2013 Confoo 2017\" href=\"https:\/\/stephaniewalter.design\/tricher-grace-a-lux-ny-plus-de-code-optimisable\/\" rel=\"bookmark\">Tricher gr\u00e2ce \u00e0 l\u2019UX quand il n\u2019y plus de code optimisable \u2013 Confoo 2017<\/a>, et si l&rsquo;UX vous int\u00e9resse vous pouvez \u00e9galement suivra ma conf\u00e9rence\u00a0 \u00ab\u00a0<a title=\"Lien permanent vers Am\u00e9liorer l\u2019exp\u00e9rience utilisateur gr\u00e2ce aux animations CSS3 \u2013 Confoo 2016\" href=\"https:\/\/stephaniewalter.design\/ameliorer-lexperience-utilisateur-grace-aux-animations-css3-confoo-2016\/\" rel=\"bookmark\">Am\u00e9liorer l\u2019exp\u00e9rience utilisateur gr\u00e2ce aux animations CSS3 \u2013 Confoo 2016<\/a>\u00a0\u00bb<\/p>\n<h2>Les slides et une sketchnote<\/h2>\n<p>Les slides sont disponibles en ligne sur\u00a0<a href=\"https:\/\/speakerdeck.com\/stephaniewalter\/cheating-the-ux-when-there-is-nothing-more-to-optimize\" target=\"_blank\" rel=\"noopener noreferrer\">mon speakerdeck<\/a> et ci dessous.<\/p>\n<p><script async class=\"speakerdeck-embed\" data-id=\"7c478e600b1d4f758358207ec2eedb4b\" data-ratio=\"1.6\" src=\"\/\/speakerdeck.com\/assets\/embed.js\"><\/script><\/p>\n<p>J&rsquo;ai m\u00eame eu droit \u00e0 un sketchnote :)<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\"><a href=\"https:\/\/twitter.com\/WalterStephanie?ref_src=twsrc%5Etfw\">@WalterStephanie<\/a> at <a href=\"https:\/\/twitter.com\/hashtag\/smashingconf?src=hash&amp;ref_src=twsrc%5Etfw\">#smashingconf<\/a> Thanks for sharing your experiences <a href=\"https:\/\/t.co\/zNpUu7DZeL\">pic.twitter.com\/zNpUu7DZeL<\/a><\/p>\n<p>&mdash; gabi_gabi (@gabi_gabi) <a href=\"https:\/\/twitter.com\/gabi_gabi\/status\/920235163560398848?ref_src=twsrc%5Etfw\">October 17, 2017<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La semaine derni\u00e8re (17 et 18 octobre 2017) j&rsquo;\u00e9tais invit\u00e9e \u00e0 parler de perception de performance \u00e0 la\u00a0Smashing Conference de Barcelone. La conf\u00e9rence donn\u00e9e en anglais s&rsquo;intitule \u201cCheating The UX When There Is Nothing More To Optimize\u201d et j&rsquo;y donne des astuces et techniques de design d&rsquo;interface pour am\u00e9liorer la perception de vitesse de vos sites et applications pour vos utilisatrices et utilisateurs.<\/p>\n","protected":false},"author":3,"featured_media":6545,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[55,216],"tags":[],"class_list":["post-6544","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-ui-web-design","category-conferences-formations"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Am\u00e9liorer l&#039;experience utilisateur gr\u00e2ce \u00e0 la perception de la performance - Smashing Conference Barcelone - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Les slides de ma Smashing Conference de Barcelone : astuces et techniques de design d&#039;interface pour am\u00e9liorer la perception de performance de vos sites et applications mobiles\" \/>\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\/ameliorer-experience-utilisateur-perception-performance\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Am\u00e9liorer l&#039;experience utilisateur gr\u00e2ce \u00e0 la perception de la performance - Smashing Conference Barcelone - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Les slides de ma Smashing Conference de Barcelone : astuces et techniques de design d&#039;interface pour am\u00e9liorer la perception de performance de vos sites et applications mobiles\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/ameliorer-experience-utilisateur-perception-performance\/\" \/>\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=\"2017-10-26T08:20:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-01T16:24:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/cheating-ux-perceived-performance.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\/ameliorer-experience-utilisateur-perception-performance\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/ameliorer-experience-utilisateur-perception-performance\/\",\"name\":\"Am\u00e9liorer l'experience utilisateur gr\u00e2ce \u00e0 la perception de la performance - Smashing Conference Barcelone - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/ameliorer-experience-utilisateur-perception-performance\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/ameliorer-experience-utilisateur-perception-performance\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/cheating-ux-perceived-performance.jpg\",\"datePublished\":\"2017-10-26T08:20:36+00:00\",\"dateModified\":\"2023-04-01T16:24:55+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Les slides de ma Smashing Conference de Barcelone : astuces et techniques de design d'interface pour am\u00e9liorer la perception de performance de vos sites et applications mobiles\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/ameliorer-experience-utilisateur-perception-performance\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/ameliorer-experience-utilisateur-perception-performance\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/cheating-ux-perceived-performance.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/cheating-ux-perceived-performance.jpg\",\"width\":850,\"height\":350,\"caption\":\"Am\u00e9liorer l'experience utilisateur gr\u00e2ce \u00e0 la perception de la performance, ma conf\u00e9rence \u00e0 Smashing Conference Barcelone\"},{\"@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\":{\"@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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Am\u00e9liorer l'experience utilisateur gr\u00e2ce \u00e0 la perception de la performance - Smashing Conference Barcelone - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Les slides de ma Smashing Conference de Barcelone : astuces et techniques de design d'interface pour am\u00e9liorer la perception de performance de vos sites et applications mobiles","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\/ameliorer-experience-utilisateur-perception-performance\/","og_locale":"fr_FR","og_type":"article","og_title":"Am\u00e9liorer l'experience utilisateur gr\u00e2ce \u00e0 la perception de la performance - Smashing Conference Barcelone - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Les slides de ma Smashing Conference de Barcelone : astuces et techniques de design d'interface pour am\u00e9liorer la perception de performance de vos sites et applications mobiles","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/ameliorer-experience-utilisateur-perception-performance\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2017-10-26T08:20:36+00:00","article_modified_time":"2023-04-01T16:24:55+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/cheating-ux-perceived-performance.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\/ameliorer-experience-utilisateur-perception-performance\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/ameliorer-experience-utilisateur-perception-performance\/","name":"Am\u00e9liorer l'experience utilisateur gr\u00e2ce \u00e0 la perception de la performance - Smashing Conference Barcelone - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/ameliorer-experience-utilisateur-perception-performance\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/ameliorer-experience-utilisateur-perception-performance\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/cheating-ux-perceived-performance.jpg","datePublished":"2017-10-26T08:20:36+00:00","dateModified":"2023-04-01T16:24:55+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Les slides de ma Smashing Conference de Barcelone : astuces et techniques de design d'interface pour am\u00e9liorer la perception de performance de vos sites et applications mobiles","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/ameliorer-experience-utilisateur-perception-performance\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/ameliorer-experience-utilisateur-perception-performance\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/cheating-ux-perceived-performance.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/cheating-ux-perceived-performance.jpg","width":850,"height":350,"caption":"Am\u00e9liorer l'experience utilisateur gr\u00e2ce \u00e0 la perception de la performance, ma conf\u00e9rence \u00e0 Smashing Conference Barcelone"},{"@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":{"@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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6544","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=6544"}],"version-history":[{"count":1,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6544\/revisions"}],"predecessor-version":[{"id":8427,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6544\/revisions\/8427"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6545"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}