{"id":11806,"date":"2020-12-04T09:00:45","date_gmt":"2020-12-04T07:00:45","guid":{"rendered":"https:\/\/www.printoclock.com\/blog\/?p=11806"},"modified":"2022-05-03T12:39:54","modified_gmt":"2022-05-03T10:39:54","slug":"tendances-ux-ui-2021","status":"publish","type":"post","link":"https:\/\/www.printoclock.com\/blog\/tendances-ux-ui-2021\/","title":{"rendered":"Les tendances UX\/UI qui devraient s\u2019imposer en 2021"},"content":{"rendered":"<p>Cette ann\u00e9e a \u00e9t\u00e9 pour le moins inattendue, personne n&rsquo;aurait pu pr\u00e9dire le changement soudain de notre quotidien engendr\u00e9 par la crise sanitaire mondiale.<\/p>\n<p>De nombreux professionnels du num\u00e9rique ont l\u2019avantage de pouvoir travailler \u00e0 distance et de pouvoir \u00e9viter les contacts physiques, la pand\u00e9mie de Covid-19 n\u2019a heureusement pas boulevers\u00e9 les habitudes de travail.<\/p>\n<p>Au contraire, cela nous a donn\u00e9 un coup de fouet et acc\u00e9l\u00e8re grandement la digitalisation des entreprises\u00a0: elles appr\u00e9cient de plus en plus la port\u00e9e du num\u00e9rique et son utilit\u00e9 pour la gestion d&rsquo;une entreprise, surtout lorsque le monde des contacts en face \u00e0 face n&rsquo;est plus possible.<\/p>\n<p>C&rsquo;est pourquoi les services en ligne sont plus populaires que jamais, dans des domaines allant des conf\u00e9rences aux services bancaires en ligne et \u00e0 la prise de rendez-vous. Nous constatons une nouvelle vague d&rsquo;utilisateurs qui passent de leurs services physiques habituels \u00e0 une solution num\u00e9rique. Aujourd&rsquo;hui plus que jamais, les praticiens de l&rsquo;UX\/UI ont un r\u00f4le fondamental \u00e0 jouer pour s&rsquo;assurer que nous cr\u00e9ons une exp\u00e9rience positive pour l&rsquo;utilisateur en anticipant et en r\u00e9pondant \u00e0 ses besoins.<\/p>\n<p>Voici une liste des tendances qui pourraient influencer le design de l&rsquo;exp\u00e9rience utilisateur et les interfaces utilisateurs au cours de l&rsquo;ann\u00e9e \u00e0 venir.<\/p>\n<h2>Plus de recherche comportementale<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11812\" src=\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/ar.jpg\" alt=\"heatmap hotjar site printoclock\" width=\"836\" height=\"394\" srcset=\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/ar.jpg 836w, https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/ar-300x141.jpg 300w, https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/ar-689x325.jpg 689w, https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/ar-768x362.jpg 768w\" sizes=\"(max-width: 836px) 100vw, 836px\" \/><\/p>\n<p>Trop souvent, lors de la cr\u00e9ation d\u2019interface web nous nous concentrons sur l&rsquo;exp\u00e9rience optimale, c&rsquo;est-\u00e0-dire sur le moment o\u00f9 tout va bien pour l\u2019utilisateur averti.<\/p>\n<p>Nous devrions plut\u00f4t nous demander comment aider un utilisateur d\u00e9butant. En effet, quel que soit le produit que vous concevez, vous devez garder en t\u00eate que vous n&rsquo;\u00eates pas votre utilisateur.<\/p>\n<p>Les logiciels de relecture de session comme <a href=\"https:\/\/www.hotjar.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hotjar<\/a> ou <a href=\"https:\/\/metrica.yandex.com\/about?\" target=\"_blank\" rel=\"noopener noreferrer\">Yandex Metrica<\/a> sont un excellent moyen de suivre les mouvements de l&rsquo;utilisateur, ils d\u00e9couvrent des opportunit\u00e9s que vous ne pouvez pas facilement saisir sans le voir interagir avec l\u2019interface.<\/p>\n<p>Pouvoir observer le comportement des utilisateurs est utile et perspicace, non seulement pour identifier les probl\u00e8mes des utilisateurs, mais aussi pour valider les d\u00e9cisions de conception.<\/p>\n<p>Il ne faut pas oublier que lorsqu&rsquo;un projet est lanc\u00e9, que ce soit un site web, une application, une boutique en ligne ou un outil interactif, ce n&rsquo;est pas la fin &#8211; ce n&rsquo;est que le d\u00e9but. Maintenant, nous pouvons vraiment voir comment ce projet est vraiment utilis\u00e9 et le faire \u00e9voluer pour en am\u00e9liorer constamment l\u2019exp\u00e9rience utilisateur.<\/p>\n<h2>Conception skeuomorphique<\/h2>\n<figure id=\"attachment_11813\" aria-describedby=\"caption-attachment-11813\" style=\"width: 836px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11813\" src=\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/skeu.jpg\" alt=\"Guitar Effects Made In Figma par Mik Skuza\" width=\"836\" height=\"624\" srcset=\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/skeu.jpg 836w, https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/skeu-300x224.jpg 300w, https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/skeu-689x514.jpg 689w, https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/skeu-768x573.jpg 768w\" sizes=\"(max-width: 836px) 100vw, 836px\" \/><figcaption id=\"caption-attachment-11813\" class=\"wp-caption-text\">Guitar Effects Made In Figma par Mik Skuza<br \/>source : https:\/\/dribbble.com\/shots\/10065752-Guitar-Effects-Made-In-Figma-for-you-for-free<\/figcaption><\/figure>\n<p>Le skeuomorphisme est un terme le plus souvent utilis\u00e9 dans la conception d&rsquo;interfaces utilisateur pour d\u00e9crire les objets d&rsquo;interface qui imitent les objets et les textures du monde r\u00e9el dans leur apparence et dans la mani\u00e8re dont l&rsquo;utilisateur peut interagir avec eux. C&rsquo;est le contraire du style <em>Flat Design<\/em> ou minimal plus couramment utilis\u00e9.<\/p>\n<p>En 2021, il se pourrait que les utilisateurs cherchent une certaine forme de tangibilit\u00e9 dans ce monde num\u00e9rique&#8230;<\/p>\n<p>Dans la conception de l&rsquo;exp\u00e9rience utilisateur, il est possible que le skeuomorphisme fasse son retour pour introduire les textures quotidiennes que nous voyons moins. Cette tendance graphique a un grand potentiel pour apporter des exp\u00e9riences \u00e9motionnelles riches aux appareils num\u00e9riques qui sont plut\u00f4t impersonnels.<\/p>\n<h2>Un onboarding facilit\u00e9<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11814\" src=\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/canva.jpg\" alt=\"Canva\" width=\"836\" height=\"382\" srcset=\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/canva.jpg 836w, https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/canva-300x137.jpg 300w, https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/canva-689x315.jpg 689w, https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/canva-768x351.jpg 768w\" sizes=\"(max-width: 836px) 100vw, 836px\" \/><\/p>\n<p>En 2020, il y a eu des moments difficiles au t\u00e9l\u00e9phone, en essayant de faire installer et fonctionner un logiciel de vid\u00e9oconf\u00e9rence par les membres de la famille. Les joies du confinement\u00a0!<\/p>\n<p>Cette p\u00e9riode semble toucher \u00e0 sa fin mais il est certain que des \u00e9crans d&rsquo;accueil avec des info-bulles rendraient l&rsquo;exp\u00e9rience beaucoup plus agr\u00e9able et permettrait de guider les utilisateurs avec plus de fluidit\u00e9. C&rsquo;est quelque chose de commun\u00e9ment utilis\u00e9 dans les applications mobiles, mais il serait utile de traiter les applications et les services du site web de la m\u00eame mani\u00e8re : avoir quelque chose de rapide, d&rsquo;accrocheur et d&rsquo;informatif, d\u00e8s le d\u00e9but de la navigation pour \u00e9viter toute frustration. Croisons les doigts pour que l&rsquo;onboarding soit mieux g\u00e9rer et anticiper l&rsquo;ann\u00e9e prochaine.<\/p>\n<p>L\u2019outil de cr\u00e9ation en ligne Canva est un bon exemple d\u2019onboarding r\u00e9ussi qui rend l\u2019utilisation de l\u2019interface simple et intuitive.<\/p>\n<h2>Des \u00e9v\u00e9nements virtuels<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11815\" src=\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/concert-en-ligne.jpg\" alt=\"Concert En Ligne\" width=\"836\" height=\"427\" srcset=\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/concert-en-ligne.jpg 836w, https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/concert-en-ligne-300x153.jpg 300w, https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/concert-en-ligne-689x352.jpg 689w, https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2020\/12\/concert-en-ligne-768x392.jpg 768w\" sizes=\"(max-width: 836px) 100vw, 836px\" \/><\/p>\n<p>Le secteur de l&rsquo;\u00e9v\u00e9nementiel a pay\u00e9 un lourd tribut pour cause de crise sanitaire cette ann\u00e9e\u00a0: il n&rsquo;y a eu ni conf\u00e9rence ni exposition et encore moins de concerts et de festivals. Ce secteur a \u00e9t\u00e9 l&rsquo;un des premiers \u00e0 ressentir r\u00e9ellement les effets de l\u2019obligation de distanciation physique.<\/p>\n<p>Cependant, beaucoup de personnes se sont rapidement adapt\u00e9es aux \u00e9v\u00e9nements virtuels en ligne, de sorte qu&rsquo;au lieu de devoir assister physiquement \u00e0 un \u00e9v\u00e9nement, vous pouvez le faire dans le confort de votre maison.<\/p>\n<p>C\u2019est le cas notamment d\u2019un groupe de musiciens Toulousains sp\u00e9cialis\u00e9 dans les reprises de musique de film et de jeux vid\u00e9o, le Neko Light Orchestra. Ils organisent des lives de leurs concerts sur Twitch et font un v\u00e9ritable carton.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La crise sanitaire et l&rsquo;obligation de distanciation physique ont grandement acc\u00e9l\u00e9r\u00e9 la digitalisation des entreprises. En cons\u00e9quence, de nouveaux utilisateurs font appel aux services en ligne et il faudra adapter les interfaces.<br \/>\nVoici les tendances UX\/UI qui devraient s&rsquo;imposer en 2021.<\/p>\n","protected":false},"author":36,"featured_media":11818,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Les tendances UX\/UI qui devraient s\u2019imposer en 2021","_seopress_titles_desc":"Le num\u00e9rique a connu un boom sans pr\u00e9c\u00e9dent cette ann\u00e9e et il devrait y avoir des cons\u00e9quences sur le UX \/ UI design en 2021 : exploration des tendances.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"none","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"facebook_10227655330001852_196003483236":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","footnotes":""},"categories":[710],"tags":[],"class_list":{"0":"post-11806","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-webdesign"},"_links":{"self":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts\/11806"}],"collection":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/comments?post=11806"}],"version-history":[{"count":7,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts\/11806\/revisions"}],"predecessor-version":[{"id":13518,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts\/11806\/revisions\/13518"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/media\/11818"}],"wp:attachment":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/media?parent=11806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/categories?post=11806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/tags?post=11806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}