{"id":251762,"date":"2023-03-04T10:35:00","date_gmt":"2023-03-04T07:35:00","guid":{"rendered":"https:\/\/inform.click\/top-10-des-tendances-de-conception-ui-ux-pour-les-entreprises-de-commerce-electronique\/"},"modified":"2023-03-04T10:35:00","modified_gmt":"2023-03-04T07:35:00","slug":"top-10-des-tendances-de-conception-ui-ux-pour-les-entreprises-de-commerce-electronique","status":"publish","type":"post","link":"https:\/\/inform.click\/fr\/top-10-des-tendances-de-conception-ui-ux-pour-les-entreprises-de-commerce-electronique\/","title":{"rendered":"Top 10 des tendances de conception UI\/UX pour les entreprises de commerce \u00e9lectronique"},"content":{"rendered":"<p>\n  2019 est d\u00e9j\u00e0 termin\u00e9e, et nous devons la remercier pour les nombreuses tendances qui se sont maintenues cette ann\u00e9e. En particulier, il y a une tendance qui est l\u00e0 pour rester sur le long terme. Du moins dans le e-commerce.\n<\/p>\n<p>\n  C&rsquo;est l&rsquo;exp\u00e9rience utilisateur.\n<\/p>\n<p>\n  De plus en plus de marques de e-commerce se font une priorit\u00e9 d&rsquo;investir dans l&rsquo;interface utilisateur et le design, et ce n&rsquo;est plus seulement un caprice. C&rsquo;est un imp\u00e9ratif.\n<\/p>\n<p>\n  Voici ce que disent les statistiques. Selon Sagipl :\n<\/p>\n<ul>\n<li>82 % des 100 meilleurs sites Web d&rsquo;Alexa utilisent une conception adaptative. Ainsi, votre investissement dans la conception UI et UX est une condition pr\u00e9alable pour rester comp\u00e9titif.\n  <\/li>\n<li>Les acheteurs quittent un site Web apr\u00e8s 0,05 seconde s&rsquo;ils ne le trouvent pas int\u00e9ressant ou s&rsquo;ils ont un probl\u00e8me avec l&rsquo;interface &#8211; un probl\u00e8me que la conception UX peut r\u00e9soudre.\n  <\/li>\n<li>\u00c9tant donn\u00e9 que de plus en plus d&rsquo;acheteurs pr\u00e9f\u00e8rent acheter des produits \u00e0 partir d&rsquo;appareils mobiles (67 %), avoir votre site Web\/service, ne pas avoir un site Web\/application convivial peut vous co\u00fbter plus de la moiti\u00e9 de votre audience.\n  <\/li>\n<\/ul>\n<p>\n  Le commerce \u00e9lectronique a vu certaines tendances importantes en mati\u00e8re de conception d&rsquo;interface utilisateur et d&rsquo;UX s&rsquo;\u00e9tablir cette ann\u00e9e. Ces tendances visent \u00e0 cr\u00e9er une exp\u00e9rience utilisateur transparente et \u00e0 augmenter l&rsquo;engagement, le trafic, les conversions, les ventes et \u00e0 attirer des prospects de haute qualit\u00e9.\n<\/p>\n<p>\n  Ces tendances sont l\u00e0 pour rester, et les suivre est essentiel si vous voulez que votre entreprise de commerce \u00e9lectronique reste comp\u00e9titive.\n<\/p>\n<p>\n  Examinons de plus pr\u00e8s ces tendances et analysons quelques exemples de marques de commerce \u00e9lectronique.\n<\/p>\n<h5>\n  1 Un appel au minimalisme<br \/>\n<\/h5>\n<p>\n  Une tendance qui a pris de l&rsquo;ampleur cette ann\u00e9e montre la tendance croissante \u00e0 rendre les sites Web plus minimalistes.\n<\/p>\n<p>\n  Pourquoi le minimalisme ?\n<\/p>\n<p>\n  Cette tendance dans la conception UI et UX est la r\u00e9action \u00e0 une conception complexe et \u00abbourr\u00e9e \u00bb. Et, comme il y a une tendance croissante \u00e0 simplifier l&rsquo;interface utilisateur, le minimalisme offre tout pour y parvenir.\n<\/p>\n<p>\n  Prenons l&rsquo;exemple d&rsquo;un site Web danois d&rsquo;Iskos, le fabricant de meubles&nbsp;:\n<\/p>\n<p>\n  Au premier coup d&rsquo;\u0153il, vous pouvez d\u00e9j\u00e0 voir les principaux attributs de la conception Web minimaliste, \u00e0 savoir :\n<\/p>\n<ul>\n<li>Espace n\u00e9gatif &#8211; espace blanc ou arri\u00e8re-plan de la page d&rsquo;accueil\n  <\/li>\n<li>Texture plate &#8211; toutes les images et tous les \u00e9l\u00e9ments de l&rsquo;interface utilisateur n&rsquo;utilisent pas la 3D ou d&rsquo;autres techniques pour se d\u00e9marquer, car ils le font d\u00e9j\u00e0 gr\u00e2ce \u00e0 l&rsquo;espace n\u00e9gatif.\n  <\/li>\n<li>Imagerie contrast\u00e9e (dure) &#8211; au lieu des couleurs vives de l&rsquo;arri\u00e8re-plan et des \u00e9l\u00e9ments de l&rsquo;interface utilisateur, le design minimaliste utilise des images pour faire ressortir les \u00e9l\u00e9ments essentiels (dans ce cas, le fabricant affiche ses produits).\n  <\/li>\n<li>Typographie minimaliste &#8211; ce site Web est un excellent exemple de design minimaliste, car il utilise une taille de police d\u00e9cente et une couleur de police calme mais contrast\u00e9e.\n  <\/li>\n<\/ul>\n<p>\n  Vous pouvez \u00e9galement remarquer un jeu de couleurs limit\u00e9 dans l&rsquo;ensemble. Cette approche cr\u00e9e une excellente interface utilisateur car elle attire l&rsquo;attention d&rsquo;un utilisateur directement sur le point.\n<\/p>\n<p>\n  Le site Web est divis\u00e9 en sections utilisant uniquement un titre simple et des images du produit.\n<\/p>\n<p>\n  Un \u00e9l\u00e9ment d&rsquo;interface utilisateur contrast\u00e9 sur ce site Web est une fen\u00eatre de menu contextuel dans le coin de l&rsquo;\u00e9cran&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383971020218.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383971020218.webp\" alt=\"\" \/><\/a><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839713995bc.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839713995bc.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Il n&rsquo;est pas n\u00e9cessaire d&rsquo;ajouter d&rsquo;autres sections \u00e0 ce menu puisqu&rsquo;elles sont toutes d\u00e9j\u00e0 sur la page d&rsquo;accueil, ce menu sert donc de source d&rsquo;information suppl\u00e9mentaire pour l&rsquo;utilisateur, qui souhaite interagir davantage avec la marque.\n<\/p>\n<p>\n  De telles conceptions, avec une navigation simple et le produit comme point central, sont parfaites pour atteindre l&rsquo;excellence en mati\u00e8re de conception UI\/UX.\n<\/p>\n<h5>\n  2 Mettre l&rsquo;accent sur l&rsquo;image de marque<br \/>\n<\/h5>\n<p>\n  Une autre tendance dans la conception UI et UX consiste \u00e0 renforcer le lien entre l&rsquo;exp\u00e9rience utilisateur et l&rsquo;image de marque.\n<\/p>\n<p>\n  L&rsquo;exp\u00e9rience utilisateur est d\u00e9finie par la proximit\u00e9 avec laquelle l&rsquo;utilisateur peut approcher la marque, et c&rsquo;est devenu le point sur lequel les concepteurs UI et UX doivent se concentrer. En outre, une conception centr\u00e9e sur l&rsquo;image de marque rend chaque \u00e9tape de l&rsquo;exp\u00e9rience utilisateur ax\u00e9e sur l&rsquo;introduction de cet utilisateur \u00e0 la marque.\n<\/p>\n<p>\n  Un bon exemple de l&rsquo;accent mis sur l&rsquo;image de marque dans la conception de l&rsquo;interface utilisateur et de l&rsquo;exp\u00e9rience utilisateur est Unsubscribe, une marque de commerce \u00e9lectronique de produits de soins capillaires.\n<\/p>\n<p>\n  Leur site Web est un chef-d&rsquo;\u0153uvre combinant exp\u00e9rience utilisateur et image de marque \u00e0 chaque \u00e9tape du processus. En parcourant ce site Web, un utilisateur rencontrera diff\u00e9rents \u00e9l\u00e9ments, ce qui permet d&rsquo;obtenir une interaction compl\u00e8te avec une marque&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839716c52bd.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839716c52bd.webp\" alt=\"\" \/><\/a><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383971a248cc.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383971a248cc.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  En plus de voir appara\u00eetre dans leurs slogans le mot \u00ab\u00a0d\u00e9sabonnement\u00a0\u00bb qui correspond au nom de la marque, ils font aussi de leur objectif un point central du site, qui est d&rsquo;aider les personnes actives \u00e0 mieux prendre soin de leurs cheveux&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383971d7a536.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383971d7a536.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Et, bien s\u00fbr, le site Web est r\u00e9alis\u00e9 avec les meilleures pratiques minimalistes, aidant \u00e0 cr\u00e9er une interface utilisateur simple mais polyvalente et une exp\u00e9rience utilisateur globalement positive.\n<\/p>\n<h5>\n  3 Aller plus audacieux<br \/>\n<\/h5>\n<p>\n  Cette ann\u00e9e, les concepteurs ont observ\u00e9 une tendance croissante \u00e0 des polices plus audacieuses mais plus simples. Cette tendance co\u00efncide avec la tendance au minimalisme, mentionn\u00e9e ci-dessus.\n<\/p>\n<p>\n  Dans le commerce \u00e9lectronique, les polices en gras sont utilis\u00e9es pour attirer l&rsquo;attention d&rsquo;un utilisateur sur un message qui est g\u00e9n\u00e9ralement plac\u00e9 au milieu de la page. Voici un exemple de Limnia, une marque de e-commerce vendant des bijoux raffin\u00e9s&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839720e3448.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839720e3448.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Bien que le site utilise une vid\u00e9o d&rsquo;un mod\u00e8le pr\u00e9sentant le produit en arri\u00e8re-plan, notre attention n&rsquo;est pas attir\u00e9e par celle-ci, mais plut\u00f4t par le message plac\u00e9 au centre de la page en caract\u00e8res gras.\n<\/p>\n<p>\n  Parmi les polices les plus utilis\u00e9es, les concepteurs UI et UX pr\u00e9f\u00e8rent Helvetica, Sans et Univers. Cependant, vous ne pouvez pas choisir au hasard la police pour la conception UI\/UX. Ce choix d\u00e9pend de plusieurs facteurs diff\u00e9rents, \u00e0 savoir :\n<\/p>\n<ul>\n<li>Niveau d&rsquo;audace en contraste avec le reste du design.\n  <\/li>\n<li>Taille de la police et fa\u00e7on dont elle est per\u00e7ue par rapport au reste du design.\n  <\/li>\n<li>Type, niveau d&rsquo;audace, taille et couleur de la police par rapport \u00e0 l&rsquo;esth\u00e9tique de votre marque.\n  <\/li>\n<\/ul>\n<p>\n  Tous ces facteurs influencent la fa\u00e7on dont un utilisateur per\u00e7oit et interagit avec votre marque. Le choix des polices doit donc contribuer \u00e0 la coh\u00e9rence de la conception de l&rsquo;interface utilisateur et de l&rsquo;exp\u00e9rience utilisateur.\n<\/p>\n<h5>\n  4 Adaptation au mobile<br \/>\n<\/h5>\n<p>\n  Nous avons mentionn\u00e9 dans l&rsquo;introduction de cet article que plus de la moiti\u00e9 de vos clients pr\u00e9f\u00e8rent faire leurs achats via des appareils mobiles. Et puisque les marques de commerce \u00e9lectronique op\u00e8rent principalement en ligne (certaines d&rsquo;entre elles seulement ayant des salles d&rsquo;exposition physiques), investir dans la conception UX mobile est obligatoire.\n<\/p>\n<p>\n  Selon l&rsquo;Interaction Design Foundation, l&rsquo;exp\u00e9rience utilisateur mobile vise \u00e0 cr\u00e9er des exp\u00e9riences mobiles positives via des sites Web, des applications et d&rsquo;autres services utilis\u00e9s sur des appareils mobiles. Les objectifs cl\u00e9s de l&rsquo;UX mobile sont l&rsquo;efficacit\u00e9 et la d\u00e9couvrabilit\u00e9.\n<\/p>\n<p>\n  Pour une marque de e-commerce, l&rsquo;UX mobile signifie avant tout l&rsquo;accessibilit\u00e9 compl\u00e8te \u00e0 tous les \u00e9l\u00e9ments du site et la simplicit\u00e9 de l&rsquo;interface.\n<\/p>\n<p>\n  Un excellent exemple d&rsquo;adaptation d&rsquo;un site Web pour les ordinateurs de bureau et les appareils mobiles est Boria, une marque fran\u00e7aise de commerce \u00e9lectronique vendant de la d\u00e9coration int\u00e9rieure&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839723c6abc.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839723c6abc.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  La version mobile du site Web de Boria comporte moins d&rsquo;\u00e9l\u00e9ments de conception. Cependant, il conserve toutes les sections cl\u00e9s n\u00e9cessaires pour que les clients puissent faire leurs achats via des appareils mobiles&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839726c8a52.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839726c8a52.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Investir dans l&rsquo;UX mobile n&rsquo;est pas seulement une condition pr\u00e9alable \u00e0 une exp\u00e9rience utilisateur exceptionnelle. Il est \u00e9galement important pour le classement SEO de votre marque e-commerce.\n<\/p>\n<p>\n  Google classe tr\u00e8s haut les marques avec des sites Web de haute qualit\u00e9 adapt\u00e9s aux appareils mobiles. Mais il existe plusieurs r\u00e8gles qui font qu&rsquo;un site mobile est g\u00e9nial. C&rsquo;est pourquoi, en 2015, Google a publi\u00e9 des conseils de conception UX mobile pour les d\u00e9veloppeurs, mettant r\u00e9guli\u00e8rement \u00e0 jour ces conseils au fur et \u00e0 mesure que de nouvelles tendances se pr\u00e9sentent. Parmi ces conseils, vous pouvez trouver :\n<\/p>\n<ul>\n<li>\n    <strong>Faites des recherches avant de prototyper<\/strong>. \u00c9tant donn\u00e9 que les concepteurs UX sont biais\u00e9s, Google conseille de ne pas se lancer tout de suite dans le prototypage, mais de rechercher d&rsquo;abord le public cible au moyen d&rsquo;une analyse heuristique et de tests AB.\n  <\/li>\n<li>\n    <strong>Travailler sur des cibles tactiles<\/strong>. M\u00eame si l&rsquo;interface d&rsquo;un site Web mobile est conviviale et que le site Web se charge rapidement sur les appareils mobiles, les utilisateurs abandonneront toujours le site Web s&rsquo;il contient des \u00e9l\u00e9ments qui ne r\u00e9pondent pas \u00e0 leur toucher. Cela signifie que ces \u00e9l\u00e9ments ont des cibles tactiles trop petites, et Google recommande de les faire au moins 7-10 mm de large.\n  <\/li>\n<li>\n    <strong>Moins d&rsquo;encombrement<\/strong>. Synonyme de la tendance au minimalisme dans la conception de l&rsquo;interface utilisateur et de l&rsquo;exp\u00e9rience utilisateur, cette astuce indique que Google classe les sites Web mobiles encombr\u00e9s plus bas, car il est difficile d&rsquo;interagir avec eux.\n  <\/li>\n<\/ul>\n<p>\n  En d&rsquo;autres termes, les marques de commerce \u00e9lectronique doivent accorder la m\u00eame attention \u00e0 la fonctionnalit\u00e9 de leurs sites Web \u00e0 la fois sur les ordinateurs de bureau et les appareils mobiles pour offrir une exp\u00e9rience de marque compl\u00e8te.\n<\/p>\n<h5>\n  5 Se concentrer sur la vitesse<br \/>\n<\/h5>\n<p>\n  Au d\u00e9but de l&rsquo;article, nous avons \u00e9galement mentionn\u00e9 que les clients d\u00e9cident d&rsquo;interagir ou non avec votre marque dans les 0,05 premi\u00e8res secondes suivant la visite de votre site Web.\n<\/p>\n<p>\n  Pour les marques de commerce \u00e9lectronique, une faible vitesse de chargement des pages peut \u00eatre pr\u00e9judiciable. Comme il s&rsquo;agit d&rsquo;une industrie tr\u00e8s comp\u00e9titive, il n&rsquo;y a aucun probl\u00e8me pour un utilisateur d&rsquo;aller chercher une autre marque de commerce \u00e9lectronique avec un produit similaire mais un site Web \u00e0 chargement rapide.\n<\/p>\n<p>\n  Les performances font \u00e9galement partie de l&rsquo;exp\u00e9rience utilisateur, et cela en dit long sur la fa\u00e7on dont vous appr\u00e9ciez vos visiteurs en tant que marque de commerce \u00e9lectronique.\n<\/p>\n<p>\n  Alors, quel est l&rsquo;objectif d&rsquo;un concepteur UX lorsqu&rsquo;il s&rsquo;agit d&rsquo;une vitesse de chargement de page parfaite&nbsp;?\n<\/p>\n<p>\n  Selon Unbounce, il faut en moyenne 15,3 secondes pour qu&rsquo;une page de destination se charge. Cela est cependant d\u00e9j\u00e0 tr\u00e8s long si votre objectif est de cr\u00e9er une exp\u00e9rience utilisateur positive.\n<\/p>\n<p>\n  Ainsi, Unbounce affirme que la meilleure vitesse de chargement des pages est de 2,4 \u00e0 3,21 secondes, mais les sites qui se chargent en cinq secondes obtiennent \u00e9galement des sessions moyennes plus longues (70 % plus longues selon la source).\n<\/p>\n<p>\n  Ainsi, l&rsquo;objectif ultime d&rsquo;une exp\u00e9rience utilisateur positive est d&rsquo;atteindre une vitesse de chargement de page de 3 secondes en moyenne.\n<\/p>\n<h5>\n  6 Cr\u00e9er une exp\u00e9rience de vestiaire<br \/>\n<\/h5>\n<p>\n  Passons maintenant de la partie technique de notre discussion aux tendances des services que les marques de commerce \u00e9lectronique peuvent offrir pour am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur et l&rsquo;interaction de l&rsquo;utilisateur avec la marque.\n<\/p>\n<p>\n  L&rsquo;une des tendances croissantes de la conception UI et UX cette ann\u00e9e a \u00e9t\u00e9 l&rsquo;introduction de cabines d&rsquo;essayage virtuelles.\n<\/p>\n<p>\n  L&rsquo;exp\u00e9rience de vestiaire en ligne est venue r\u00e9pondre aux demandes croissantes des consommateurs d&rsquo;interagir davantage avec les produits et de les essayer. Nous savons tous que nous achetons un porc dans un poke si nous ne pouvons pas toucher physiquement le produit. Cela est particuli\u00e8rement vrai lorsqu&rsquo;il s&rsquo;agit de marques de commerce \u00e9lectronique qui vendent des v\u00eatements ou des accessoires.\n<\/p>\n<p>\n  L&rsquo;une de ces marques de commerce \u00e9lectronique est Warby Parker, une entreprise en ligne qui vend des lunettes, a r\u00e9pondu \u00e0 ce probl\u00e8me en lan\u00e7ant une application mobile, o\u00f9 les utilisateurs peuvent essayer diff\u00e9rentes formes de lunettes en prenant simplement une photo&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383972a0f7bf.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383972a0f7bf.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Cette application a \u00e9t\u00e9 tr\u00e8s utile pour les clients qui souhaitent acheter des lunettes mais qui h\u00e9sitent quant \u00e0 la forme des lunettes qui s&rsquo;adaptera \u00e0 leur visage.\n<\/p>\n<p>\n  Cette tendance est la fusion entre UX et AR (r\u00e9alit\u00e9 augment\u00e9e), car les clients interagissent avec des objets r\u00e9els, qui sont am\u00e9lior\u00e9s par des modalit\u00e9s sensorielles g\u00e9n\u00e9r\u00e9es par ordinateur, pour recevoir une exp\u00e9rience utilisateur compl\u00e8te avec la marque.\n<\/p>\n<h5>\n  7 Raconter une histoire \u00e0 travers des visuels<br \/>\n<\/h5>\n<p>\n  Une autre tendance qui vise \u00e0 am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur via le contenu du site Web est la narration visuelle.\n<\/p>\n<p>\n  Le r\u00f4le du storytelling dans le marketing est \u00e9norme. La recherche montre que les messages marketing diffus\u00e9s sous forme d&rsquo;histoires sont jusqu&rsquo;\u00e0 22 fois plus engageants et m\u00e9morables. La narration signifie plus de valeur, c&rsquo;est pourquoi elle a migr\u00e9 avec succ\u00e8s vers la conception UX et est devenue une narration visuelle.\n<\/p>\n<p>\n  Pour une marque e-commerce, le storytelling visuel est essentiel \u00e0 l&rsquo;exp\u00e9rience utilisateur, car il rapproche les clients de la marque et leur offre une participation exclusive \u00e0 la d\u00e9finition de cette marque.\n<\/p>\n<p>\n  L&rsquo;une des marques qui combinent avec succ\u00e8s narration visuelle et exp\u00e9rience utilisateur positive est Always, la marque d&rsquo;hygi\u00e8ne personnelle de P&G&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383972d84b88.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383972d84b88.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  \u00c0 l&rsquo;aide de la narration visuelle, Always raconte comment la marque participe \u00e0 un certain nombre de causes sociales, r\u00e9v\u00e9lant les histoires, comment les gens interagissent avec la marque et son produit \u00e0 travers leur point de vue personnel&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839730a17d5.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-63839730a17d5.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Il existe cependant un probl\u00e8me de placement de contenu en ce qui concerne la narration visuelle dans la conception UX. En fonction de la langue parl\u00e9e par le public cible et du sens de lecture (de gauche \u00e0 droite ou de droite \u00e0 gauche), le contenu sera plac\u00e9 diff\u00e9remment.\n<\/p>\n<p>\n  Par exemple, pour le public qui lit de gauche \u00e0 droite, le contenu doit \u00eatre plac\u00e9 au milieu ou \u00e0 gauche et avec environ 75 caract\u00e8res par ligne&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383973383a31.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383973383a31.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  La narration visuelle est une m\u00e9thodologie sous-jacente \u00e0 la conception UX, essentielle pour les marques de commerce \u00e9lectronique, car elles fondent toute leur exp\u00e9rience avec le client sur des exp\u00e9riences en ligne.\n<\/p>\n<h5>\n  8 Passer \u00e0 la caisse sans effort<br \/>\n<\/h5>\n<p>\n  Une autre tendance des clients exigeants est de rendre le paiement plus facile. Le paiement sans effort est \u00e9galement l&rsquo;un des plus grands d\u00e9fis de la conception UX.\n<\/p>\n<p>\n  Selon les r\u00e9centes statistiques d&rsquo;InvestCRO, le taux moyen d&rsquo;abandon de panier est de 65,23&nbsp;%, auquel les raisons suivantes contribuent consid\u00e9rablement&nbsp;:\n<\/p>\n<ul>\n<li>14% &#8211; pas d&rsquo;option de paiement en tant qu&rsquo;invit\u00e9\n  <\/li>\n<li>11&nbsp;% &#8211; processus de paiement complexe\n  <\/li>\n<li>7% &#8211; pas assez d&rsquo;options de paiement\n  <\/li>\n<\/ul>\n<p>\n  \u00c9tant donn\u00e9 que les paiements et le paiement appartiennent \u00e0 l&rsquo;exp\u00e9rience utilisateur, le concepteur UX est celui qui devrait se pr\u00e9occuper de le rendre plus facile.\n<\/p>\n<p>\n  Si le site Web est aux prises avec un taux d&rsquo;abandon de panier \u00e9lev\u00e9, il incombe \u00e0 un concepteur UX de&nbsp;:\n<\/p>\n<ul>\n<li>D\u00e9couvrez pourquoi cela se produit \u00e0 l&rsquo;aide de tests d&rsquo;utilisabilit\u00e9 (par le biais d&rsquo;entretiens avec des utilisateurs et de donn\u00e9es re\u00e7ues du support client).\n  <\/li>\n<li>Cartographiez le parcours client en tenant compte des donn\u00e9es recueillies lors des tests d&rsquo;utilisabilit\u00e9.\n  <\/li>\n<li>Faites des tests AB pour voir comment la solution fonctionne.\n  <\/li>\n<\/ul>\n<p>\n  \u00c9tant donn\u00e9 que le succ\u00e8s d&rsquo;une marque de commerce \u00e9lectronique d\u00e9pend beaucoup de l&rsquo;exp\u00e9rience d&rsquo;un client lors du paiement, rendre ce processus plus simple avec la conception UX est une contribution importante \u00e0 une exp\u00e9rience utilisateur positive.\n<\/p>\n<h5>\n  9 Se concentrer sur les offres personnalis\u00e9es<br \/>\n<\/h5>\n<p>\n  La personnalisation est la tendance qui est l\u00e0 pour rester. Et l&rsquo;UX peut l&rsquo;amener \u00e0 un autre niveau en concevant des offres personnalis\u00e9es.\n<\/p>\n<p>\n  De nombreuses marques de e-commerce en font d\u00e9j\u00e0 un grand usage.\n<\/p>\n<p>\n  Par exemple, Thinx, une marque de commerce \u00e9lectronique qui vend des sous-v\u00eatements et des produits d&rsquo;hygi\u00e8ne personnelle, a con\u00e7u une enqu\u00eate pour aider \u00e0 choisir les produits qui r\u00e9pondent aux besoins d&rsquo;un utilisateur&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-638397366f145.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-638397366f145.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Suite aux r\u00e9sultats de l&rsquo;enqu\u00eate, la marque cr\u00e9e des offres personnalis\u00e9es, parfaites pour les nouveaux clients.\n<\/p>\n<p>\n  Une autre entreprise, Tobi, une marque de commerce \u00e9lectronique qui vend des v\u00eatements, a mis l&rsquo;accent sur l&rsquo;inclusivit\u00e9 en concevant une fen\u00eatre contextuelle pour aider les personnes handicap\u00e9es \u00e0 ajuster le site Web afin de rendre l&rsquo;interface utilisateur plus confortable \u00e0 utiliser&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-638397393475a.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-638397393475a.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Ces contributions \u00e0 la conception de l&rsquo;UI et de l&rsquo;UX ont pour objectif de personnaliser l&rsquo;exp\u00e9rience de chaque utilisateur avec la marque, en reconnaissant les caract\u00e9ristiques et les comportements uniques de chaque utilisateur.\n<\/p>\n<h5>\n  10 Conversation avec le client<br \/>\n<\/h5>\n<p>\n  Dans le commerce \u00e9lectronique, les chatbots jouent un r\u00f4le important en fournissant un support client. Ils font \u00e9galement partie de l&rsquo;exp\u00e9rience utilisateur, qu&rsquo;ils utilisent la conception graphique de l&rsquo;interface utilisateur ou la conception vocale de l&rsquo;interface utilisateur.\n<\/p>\n<p>\n  La conception de l&rsquo;interface utilisateur offre une grande polyvalence aux marques de commerce \u00e9lectronique lorsqu&rsquo;il s&rsquo;agit de cr\u00e9er des chatbots. Par exemple, MeUndies, une marque de commerce \u00e9lectronique vendant des sous-v\u00eatements, utilise le chatbot de son site Web pour r\u00e9pondre aux questions les plus recherch\u00e9es&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383973c90de8.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383973c90de8.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Certaines marques optent pour une exp\u00e9rience de chatbot plus interactive. Always, par exemple, transforme une conversation avec leur chatbot en une interaction r\u00e9aliste avec un humain&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383973fc0224.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-314434-6383973fc0224.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Le choix d&rsquo;un chatbot d\u00e9pend de la mani\u00e8re dont vous souhaitez qu&rsquo;il repr\u00e9sente votre marque. Mais il est ind\u00e9niable que la tendance chatbot restera une partie de la conception UI et UX car elle a un impact direct sur la qualit\u00e9 de l&rsquo;exp\u00e9rience utilisateur.\n<\/p>\n<h5>\n  N&rsquo;oubliez pas la valeur<br \/>\n<\/h5>\n<p>\n  Chaque tendance dont nous avons parl\u00e9 dans cet article met fortement l&rsquo;accent sur la cr\u00e9ation de valeur pour le client. Ils se concentrent sur la conception qui ne fait pas de mal mais met plut\u00f4t l&rsquo;accent sur la valeur. Ces tendances visent \u00e9galement \u00e0 rapprocher votre marque de commerce \u00e9lectronique des clients gr\u00e2ce \u00e0 la narration visuelle, \u00e0 la conception d&rsquo;IA conversationnelle et \u00e0 la marque UX.\n<\/p>\n<p>\n  Suivre ces tendances UI\/UX peut aider les marques de commerce \u00e9lectronique \u00e0 mettre l&rsquo;exp\u00e9rience utilisateur au premier plan, garantissant ainsi leur succ\u00e8s dans ce secteur hautement concurrentiel.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Source d&rsquo;enregistrement: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2020\/05\/12\/ecommerce-ui-ux-design-trends\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>2019 est d\u00e9j\u00e0 termin\u00e9e, et nous devons la remercier pour les nombreuses tendances qui se sont maintenues cette ann\u00e9e. En particulier, il y a une tendance qui est l\u00e0 pour rester sur le long terme. Du moins dans le e-commerce. C&rsquo;est l&rsquo;exp\u00e9rience utilisateur. De plus en plus de marques de e-commerce se font une priorit\u00e9 d&rsquo;investir dans l&rsquo;interface utilisateur et le design, et ce n&rsquo;est plus seulement un caprice. C&rsquo;est un imp\u00e9ratif. Voici ce que disent les statistiques. Selon Sagipl : 82 % des 100 meilleurs sites Web d&rsquo;Alexa utilisent un design adaptatif. Ainsi, votre investissement dans la conception UI et UX est une condition pr\u00e9alable pour rester comp\u00e9titif. Les acheteurs quittent un site Web\u2026<\/p>\n","protected":false},"author":1,"featured_media":211003,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[197,54],"tags":[],"class_list":["post-251762","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation-de-sites-web","category-web-et-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/comments?post=251762"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251762\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media\/211003"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media?parent=251762"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/categories?post=251762"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/tags?post=251762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}