« Comment </SPAN></I><STRONG><I>améliorer l’expérience utilisateur</I></STRONG><I><SPAN style="font-weight: 400;"> de mon site ? » </SPAN></I><SPAN style="font-weight: 400;">Une question qui trotte dans la tête de nombreux professionnels, et ce depuis plusieurs années… Elle est presque devenue une obsession tant le sujet est omniprésent dans le monde des startups et du numérique</SPAN><I><SPAN style="font-weight: 400;">. </SPAN></I></P> <P><SPAN style="font-weight: 400;">Et le moins que l’on puisse dire, c’est que les articles qui tentent d’y répondre ne manquent pas. Mais les astuces et les optimisations ne sont pas toujours suffisantes. A l’heure où les standards de qualité des sites web ne cessent d’augmenter, il est primordiale de comprendre en profondeur ce dont on parle quand on évoque le sujet, afin de pouvoir agir et </SPAN><STRONG>améliorer l’expérience utilisateur</STRONG><SPAN style="font-weight: 400;"> de son site.</SPAN></P> <H3>Sommaire</H3> <UL><LI><A href="#conseil-1">Conseil n° 1 : Définissez la raison d’être de votre site</A></LI><LI><A href="#conseil-2">Conseil n° 2 : Concentrez-vous sur le contenu<EM>6 conseils pour améliorer l’expérience utilisateur de votre site</EM></A></LI><LI><A href="#conseil-3">Conseil n° 3 : Ne négligez pas votre navigation</A></LI><LI><A href="#conseil-4">Conseil n° 4 : Travaillez vos parcours utilisateurs </A></LI><LI><A href="#conseil-5">Conseil n° 5 : Écoutez et observez vos utilisateurs</A></LI><LI><A href="#conseil-6">Conseil n° 6 : Prenez en compte l’aspect émotionnel</A></LI></UL> <P><SPAN style="font-weight: 400;">Il est difficile de s’arrêter sur une définition tant ces termes regroupent un ensemble de concepts issus de disciplines différentes. Alors pour comprendre ce qu’est le design d’expérience utilisateur, commençons par nous intéresser aux mots qui le composent.</SPAN></P> <UL><LI><STRONG>Design</STRONG> : Une expression très connue des designers résume parfaitement cette discipline : le design est à la fois le <EM>dessin</EM> et le <EM>dessein </EM>d’un produit. Ce qui veut dire que le design s’intéresse autant à son aspect fonctionnel qu’à son aspect esthétique. </LI></UL> <UL><LI><STRONG>Expérience</STRONG> : Si l’on recherche ce mot dans Google, on trouve la définition suivante : <EM>«</EM> <EM>L’expérience de quelque chose. Fait d’éprouver quelque chose. »</EM>. En design, l’expérience se réfère donc à un ressenti, la perception d’un produit ou d’un service lors de son utilisation. Elle dépend d’un contexte et varie d’une personne à une autre.</LI></UL> <UL><LI><STRONG>Utilisateur</STRONG> : C’est celui qui interagit avec un système informatique. On parle d’<EM>interaction humain-machine</EM>.</LI></UL> <P><SPAN style="font-weight: 400;">L’expérience utilisateur se réfère donc au ressenti lors de l’utilisation d’un système. Le design d’expérience utilisateur est le processus de définition de cette expérience dans tous ses aspects. Ce processus s’appuie sur la connaissance de l’utilisateur et de son contexte pour lui délivrer la meilleure expérience.</SPAN></P> <H3><STRONG>En résumé</STRONG></H3> <UL><LI><STRONG>Expérience Utilisateur :</STRONG> Ressenti d’une personne lors de son interaction avec un produit ou d’un service.<BR/></LI></UL> <UL><LI><STRONG>Design d’expérience utilisateur :</STRONG> Processus de définition de l’expérience utilisateur basée sur la connaissance de l’utilisateur et son contexte. On parle de méthode UX (<EM>User eXperience</EM>).</LI></UL> <H2><STRONG>Pourquoi améliorer l’expérience utilisateur de son site ?</STRONG></H2> <P><SPAN style="font-weight: 400;">Le web est un univers extrêmement concurrentiel, où chaque entreprise lutte pour attirer l’attention de l’utilisateur. Dans cet espace digital, le client est seul face à son écran, et donc dépendant de son propre ressenti. Les grands noms du web l’ont vite compris, et ils ont inclus le processus UX à leur méthodologie. Désormais, si l’expérience que vous proposez n’est pas bonne, l’utilisateur ira voir ailleurs. C’est la raison pour laquelle l’expérience utilisateur est au coeur de tous les enjeux du numérique depuis plusieurs années.</SPAN></P> <P><SPAN style="font-weight: 400;">Les deux premières statistiques abordées dans notre article </SPAN><A href="https://blog.limpide.fr/tendances/11-chiffres-etonnants-sur-lux-design/#:~:text=1.,produit%2C%20Veillez%20%C3%A0%20sa%20qualit%C3%A9%20!" target="blank" rel="noopener noreferrer"><SPAN style="font-weight: 400;">11 chiffres étonnants sur l’UX Design</SPAN></A><SPAN style="font-weight: 400;"> sont édifiantes :</SPAN></P> <BLOCKQUOTE class="wp-block-quote"><P><EM>«</EM> <STRONG>68% des internautes</STRONG> <STRONG>quittent un site</STRONG> en raison d’une mauvaise expérience utilisateur et <STRONG>44% partagent cette mauvaise expérience</STRONG> auprès de leur entourage. <EM> »</EM></P></BLOCKQUOTE> <P><SPAN style="font-weight: 400;">On comprend donc l’importance d’</SPAN><STRONG>améliorer l’expérience utilisateur</STRONG><SPAN style="font-weight: 400;"> de son site. Mais de la théorie à la pratique, il y a un monde. Les articles sur l’expérience utilisateur sont légions sur le web. Mais il est parfois difficile de s’y retrouver, entre les tactiques qui ne s’appliquent pas à votre cas et les recommandations qui se contredisent. Limpide vous livre donc 6 conseils pour </SPAN><STRONG>améliorer l’expérience utilisateur</STRONG><SPAN style="font-weight: 400;"> de votre site en profondeur.</SPAN></P> <H3><STRONG>Comment utiliser ces conseils ?</STRONG></H3> <P><SPAN style="font-weight: 400;">Ils sont donnés dans l’ordre des étapes d’un projet. Utilisez-les donc selon votre entreprise, votre objectif et à quelle étape vous vous trouvez. Chaque conseil s’accompagne de mises en place concrètes pour l’appliquer efficacement.</SPAN></P> <H2><STRONG>6 conseils pour améliorer l’expérience utilisateur de votre site</STRONG></H2> <H2 id="conseil-1"><STRONG>Conseil n° 1 : Définissez la raison d’être de votre site</STRONG></H2> <P><SPAN style="font-weight: 400;">Dans son livre </SPAN><B>The Elements of User Experience</B><SPAN style="font-weight: 400;">, </SPAN><I><SPAN style="font-weight: 400;">Jesse James Garrett, </SPAN></I><SPAN style="font-weight: 400;">architecte de l’information notoire et inventeur du terme “AJAX”, conceptualise l’expérience utilisateur à travers un modèle en 3 dimensions contenant 5 plans superposés (accrochez vous ;). Chaque plan est dépendant de ceux qui se trouvent en-dessous de lui. La Stratégie est l’élément à la base de ce modèle, le socle de toute expérience utilisateur.</SPAN></P> <FIGURE class="wp-block-image size-large"><FIGCAPTION><EM>Le modèle en 3 dimensions de l’expérience utilisateur de Jesse James Garrett.</EM></FIGCAPTION></FIGURE> <P><I><SPAN style="font-weight: 400;">JJG</SPAN></I><SPAN style="font-weight: 400;"> divise la Stratégie en 2 éléments : </SPAN><I><SPAN style="font-weight: 400;">les objectifs du produit </SPAN></I><SPAN style="font-weight: 400;">et </SPAN><I><SPAN style="font-weight: 400;">les besoins des utilisateurs</SPAN></I><SPAN style="font-weight: 400;">. Le travail d’équilibre perpétuel entre ces 2 éléments est à la fois le véritable objectif et le plus grand défi de la méthode UX. Si vous voulez </SPAN><STRONG>améliorer l’expérience utilisateur</STRONG><SPAN style="font-weight: 400;"> de votre site, </SPAN><B>vous devez être clair sur la raison d’être de votre produit</B><SPAN style="font-weight: 400;">, pour vous et pour vos utilisateurs. De cette façon, vous pourrez répondre aux questions les plus importantes :</SPAN></P> <UL><LI><STRONG>Quel est l’objectif de votre site ?</STRONG> Vendre vos produits ? Informer sur votre activité ? Créer de l’engagement ?</LI></UL> <UL><LI><STRONG>Comment atteindre cet objectif ?</STRONG> Par du e-commerce ? De la publicité ? La création d’une liste e-mails ?</LI></UL> <UL><LI><STRONG>Comment mesurer cet objectif ?</STRONG> Le nombre d’inscrits sur votre site ? Le nombre de produits vendus ? Le nombre de formulaires remplis ?</LI></UL> <UL><LI><STRONG>Qui sont vos utilisateurs ?</STRONG> Vos prospects ? Vos clients ? Vos collaborateurs ?</LI></UL> <UL><LI><STRONG>Quels contenus ces utilisateurs s’attendent-ils à trouver ?</STRONG> Des documents ? Des tarifs ? Des informations sur l’entreprise ?</LI></UL> <UL><LI><STRONG>De quels fonctionnalités ces utilisateurs ont-ils besoin ?</STRONG> Un simulateur de devis ? Un moteur de recherche ? Un espace connecté ?</LI></UL> <UL><LI><STRONG>Quel type d’expérience souhaitez-vous leur offrir ?</STRONG> Une expérience originale ? Divertissante ? Marquante ?</LI></UL> <P><A href="https://blog.limpide.fr/analyse/redaction-dun-cahier-des-charges-la-premiere-etape-vers-lechec-de-votre-projet-web/" target="blank" rel="noopener noreferrer"><SPAN style="font-weight: 400;">Cette étape de définition du projet est cruciale.</SPAN></A><SPAN style="font-weight: 400;"> Soyez donc au point sur ce que vous et vos utilisateurs attendez de votre site. Cela permettra à tous ceux qui participent au projet de fournir des efforts dans le même sens, afin de proposer aux utilisateurs non pas </SPAN><I><SPAN style="font-weight: 400;">« une »</SPAN></I><SPAN style="font-weight: 400;"> bonne expérience mais bien </SPAN><I><SPAN style="font-weight: 400;">« la »</SPAN></I><SPAN style="font-weight: 400;"> bonne expérience.</SPAN></P> <P><SPAN style="background-color: #ffffff;"><STRONG><IMG draggable="false" role="img" class="emoji" alt="💡" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/1f4a1.svg"/> Comment faire ? </STRONG></SPAN></P> <P><STRONG>1. Définissez les objectifs de votre site pour votre entreprise</STRONG>, en accord avec l’identité de votre marque et en mesurant son efficacité.</P> <P><STRONG>2. Définissez les attentes des utilisateurs</STRONG>, en les segmentant et en faisant de la recherche utilisateur.</P> <P><STRONG>3. Soyez explicite sur tous ces aspects</STRONG>, afin de pouvoir inclure toutes les équipes (décisionnaires, collaborateurs, prestataires) dans le processus en vous assurant que toutes les visions sont alignées.<BR/></P> <H2 id="conseil-2"><STRONG>Conseil n° 2 : Concentrez-vous sur le contenu</STRONG></H2> <P><SPAN style="font-weight: 400;">A la base, le web n’était qu’un ensemble de pages de textes et d’images liées entre elles par des hyperliens. A l’ère du Big Data et de l’information en masse, rien n’a changé : les utilisateurs naviguent de page en page à la recherche de contenu. </SPAN></P> <P><I><SPAN style="font-weight: 400;">Nick Finck</SPAN></I><SPAN style="font-weight: 400;"> et </SPAN><I><SPAN style="font-weight: 400;">Raina Van Cleeve</SPAN></I><SPAN style="font-weight: 400;">, experts UX seniors ayant tous les deux travaillé pour des mastodontes du web comme Adobe, Google, ou Miscrosoft, ont rédigé les </SPAN><A href="https://speakerdeck.com/nickf/the-ten-commandments-of-user-experience?slide=55" target="blank" rel="noopener noreferrer"><SPAN style="font-weight: 400;">10 commandements de l’expérience utilisateur</SPAN></A><SPAN style="font-weight: 400;">. Ces dernière années, le commandement numéro 5, </SPAN><B>« Le contenu est ROI »</B><SPAN style="font-weight: 400;"> est devenu la tendance – pour ne pas dire la norme. </SPAN></P> <P><SPAN style="font-weight: 400;">En ligne, votre contenu permet à l’utilisateur de vous jauger, contrairement à un espace physique où il peut toucher et sentir le produit. Alors il scanne les pages, à la recherche de l’information qu’il convoite. Et au fil de sa navigation, il se forge une idée sur votre marque et votre offre, consciemment ou non.</SPAN></P> <P><SPAN style="font-weight: 400;">De plus, dans </SPAN><B>Design d’expérience utilisateur : Principes et méthodes UX</B><SPAN style="font-weight: 400;">, </SPAN><I><SPAN style="font-weight: 400;">Sylvie Daumal</SPAN></I><SPAN style="font-weight: 400;">, pionnière de l’UX enseignant notamment au Celsa et à Science-Po, rappelle que le contenu n’est pas toujours une fin en soi. Il y a bien souvent un </SPAN><I><SPAN style="font-weight: 400;">avant</SPAN></I><SPAN style="font-weight: 400;"> et un </SPAN><I><SPAN style="font-weight: 400;">après</SPAN></I><SPAN style="font-weight: 400;">, un </SPAN><I><SPAN style="font-weight: 400;">objectif</SPAN></I><SPAN style="font-weight: 400;"> dans la recherche du contenu et une </SPAN><I><SPAN style="font-weight: 400;">action</SPAN></I><SPAN style="font-weight: 400;"> enclenchée (ou non) après l’avoir consommé. Tout ce parcours doit être pris en compte.</SPAN></P> <P><SPAN style="font-weight: 400;">Alors au-delà de la valeur intrinsèque de votre contenu, pensez à la façon dont votre utilisateur le </SPAN><B>trouve</B><SPAN style="font-weight: 400;"> et le </SPAN><B>consomme</B><SPAN style="font-weight: 400;">. Les personnes qui se sont renseignées sur comment </SPAN><STRONG>améliorer l’expérience utilisateur</STRONG><SPAN style="font-weight: 400;"> de leur site ont bien compris qu’il fallait lui amener l’information sur un plateau. Mais l’expérience ne s’arrête pas là : pour que la qualité de votre contenu touche l’utilisateur, </SPAN><B>vous devez le mettre en valeur</B><SPAN style="font-weight: 400;"> aussi bien grâce à sa </SPAN><I><SPAN style="font-weight: 400;">forme</SPAN></I><SPAN style="font-weight: 400;"> (format, mise en page) qu’à son </SPAN><I><SPAN style="font-weight: 400;">fond</SPAN></I><SPAN style="font-weight: 400;"> (rédaction, message). </SPAN></P> <BLOCKQUOTE class="wp-block-quote"><P>Le contenu n’est pas toujours une fin en soi. Il y a bien souvent un <EM>avant</EM> et un <EM>après</EM>, un <EM>objectif</EM> dans la recherche du contenu et une <EM>action</EM> enclenchée (ou non) après l’avoir consommé. Tout ce parcours doit être pris en compte.</P></BLOCKQUOTE> <P><B><SPAN style="background-color: #ffffff;"><STRONG><IMG draggable="false" role="img" class="emoji" alt="💡" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/1f4a1.svg"/> </STRONG></SPAN>Comment faire ?</B></P> <P><STRONG>1. Créez du contenu centré sur l’utilisateur</STRONG> : écriture simple et directe, discours adressé au lecteur.</P> <P><STRONG>2. Amenez votre contenu à votre utilisateur</STRONG> : hiérarchie de l’information claire, contenu recommandé au bon moment, personnalisation des contenus.</P> <P><STRONG>3. Valorisez vos contenus à travers le design de vos pages</STRONG> : typographies lisibles, pages structurées et aérées, médias illustrants les propos textuels.</P> <P><STRONG>4. Pensez l’expérience au-delà de la recherche du contenu</STRONG> : outils de confort de lecture (indicateur de la durée de lecture, barre de progression, sommaire), maillage (contenus similaires, contenus recommandés).<BR/></P> <H2 id="conseil-3"><STRONG>Conseil n° 3 : Ne négligez pas votre navigation</STRONG></H2> <P><SPAN style="font-weight: 400;">Dans </SPAN><B>Don’t Make Me Think</B><SPAN style="font-weight: 400;">, </SPAN><I><SPAN style="font-weight: 400;">Steve Krug, </SPAN></I><SPAN style="font-weight: 400;">consultant en utilisabilité ayant travaillé pour Lexus, ou encore AOL, compare très justement les magasins physiques et les sites e-commerce.</SPAN></P> <P><SPAN style="font-weight: 400;">Dans les deux cas, le client est à la recherche de quelque chose de précis (un produit, une information), et dans les deux cas, il s’appuie sur la signalétique pour trouver ce qu’il cherche. Néanmoins, dans un espace numérique, l’utilisateur est dépourvu de nombreux repères qu’il possède dans un espace physique : notion d’échelle, de localisation, de direction, conseillers de vente… De plus, un utilisateur de ne déplace pas à travers un site : il se </SPAN><I><SPAN style="font-weight: 400;">« téléporte »</SPAN></I><SPAN style="font-weight: 400;"> d’une page à une autre.</SPAN></P> <P><SPAN style="font-weight: 400;">C’est pour cela que la structure d’un site (et donc sa navigation) est primordiale. La navigation a plusieurs fonctions pour l’utilisateur. Elle est à la fois un point de repère et le manuel d’utilisation du site. Elle donne aussi des indications sur ce que le site contient, comment il est organisé et rassure sur le savoir-faire de ses concepteurs. L’image de la marque est encore une fois en jeu. </SPAN></P> <P><SPAN style="font-weight: 400;">La navigation d’un site est un vaste sujet, mais retenez que c’est un des enjeux majeurs de </SPAN><A href="https://blog.limpide.fr/analyse/ux-design-definition/" target="blank" rel="noopener noreferrer"><SPAN style="font-weight: 400;">l’utilisabilité de votre site</SPAN></A><SPAN style="font-weight: 400;">, et donc un point crucial pour </SPAN><STRONG>améliorer l’expérience utilisateur</STRONG><SPAN style="font-weight: 400;">. Un site mal pensé aboutira à une navigation mal conçue, ce qui compliquera sa prise en main par vos utilisateurs. </SPAN></P> <BLOCKQUOTE class="wp-block-quote"><P>Dans un espace numérique, l’utilisateur est dépourvu de nombreux repères qu’il possède dans un espace physique : notion d’échelle, de localisation, de direction, conseillers de vente… De plus, un utilisateur de ne déplace pas à travers un site : il se <EM>« téléporte »</EM> d’une page à une autre.</P></BLOCKQUOTE> <P><B><SPAN style="background-color: #ffffff;"><STRONG><IMG draggable="false" role="img" class="emoji" alt="💡" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/1f4a1.svg"/> </STRONG></SPAN>Comment faire ?</B></P> <P><STRONG>1. Structurez votre site</STRONG> : créez une arborescence sur la base de vos contenus pour identifier les différentes sections et niveaux de votre site.</P> <P><STRONG>2. Respectez les conventions</STRONG> : la navigation principale est persistante sur toutes les pages du site, elle contient le logo du site qui renvoie vers la page d’accueil, ses différentes sections, un accès direct à certaines fonctions (panier, compte, etc…) ainsi qu’une barre de recherche.</P> <P><STRONG>3. Pensez la navigation pour ceux qui vont l’utiliser</STRONG> : restez simple dans les intitulés, évitez les termes techniques ou le jargon qu’ils ne comprendront pas, et organisez vos contenus selon leur façon de penser.</P> <P><STRONG>4. Concevez un système de navigation complet</STRONG> : la navigation principale permet de naviguer entre les sections et les pages, mais il existe d’autres types de navigation pour se déplacer à travers les produits, les contenus ou encore l’écosystème numérique de la marque.</P> <P><STRONG>5. Utilisez un fil d’ariane </STRONG>: il ne doit pas servir de moyen de navigation, mais il permet à l’utilisateur de comprendre comment il est arrivé là où il se trouve, et comment revenir en arrière.<BR/></P> <H2 id="conseil-4"><STRONG>Conseil n° 4 : Travaillez vos parcours utilisateurs</STRONG> </H2> <P><SPAN style="font-weight: 400;">Si la navigation va permettre à vos utilisateurs de se déplacer d’un endroit à un autre de votre site, vos parcours utilisateurs vont vous permettre de réfléchir à un cheminement logique à travers le contenu même de vos pages. C’est le schéma d’interaction de l’utilisateur avec votre système. </SPAN></P> <P><SPAN style="font-weight: 400;">A ce propos, la page d’accueil de votre site a de grandes chances d’être un élément récurrent de vos parcours. C’est une page par laquelle les visiteurs passent souvent, elle est donc au coeur des enjeux de tous les départements de votre entreprise. C’est le terrain idéal pour adresser les différentes cibles et typologies d’utilisateurs, et de les orienter vers les différentes parties de votre site.</SPAN></P> <P><SPAN style="font-weight: 400;">Quelque soit le contexte, la page d’accueil n’est pas à négliger. Pour une cible professionnelle, on peut-être tenté de se dire que l’utilisateur ira à l’essentiel et passera directement par des outils récurrents (navigation, barre de recherche). Mais rappelez-vous : les visiteurs ne lisent pas les pages, ils les scannent. Soyez sûrs qu’ils scanneront votre page d’accueil. Elle représente une source d’information pour eux, que ce soit par sa structure, ses visuels ou ses titres. </SPAN></P> <P> </P> <P><B><SPAN style="background-color: #ffffff;"><STRONG><IMG draggable="false" role="img" class="emoji" alt="💡" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/1f4a1.svg"/> </STRONG></SPAN>Comment faire ?</B></P> <P><STRONG>1. Prenez en compte vos différentes typologies d’utilisateurs</STRONG> : anticipez d’où ils viennent, ce qu’ils viennent chercher sur votre site, par quels pages ils passent, et où le contenu de ces pages les amène.</P> <P><STRONG>2. Matérialisez vos parcours sous la forme de schémas</STRONG> : cela vous permettra d’anticiper à la fois les potentielles actions de l’utilisateur et les réponses éventuelles du système. C’est l’occasion d’envisager les cas de figures trop souvent oubliés (erreur de la part de l’utilisateur ou du serveur par exemple).</P> <P><STRONG>3. Soignez votre page d’accueil</STRONG> : elle est au carrefour de vos différents parcours, il est donc primordiale de bien construire cette page pour <STRONG>améliorer l’expérience utilisateur</STRONG> de votre site. Si vous souhaitez aller plus loin, <A href="https://blog.limpide.fr/analyse/le-parcours-utilisateur-fil-dariane-de-votre-site-web/" target="blank" rel="noreferrer noopener" aria-label=" (opens in a new tab)">nous avons tout un article dédié aux parcours utilisateurs</A>.</P> <H2 id="conseil-5"><STRONG>Conseil n° 5 : Écoutez et observez vos utilisateurs</STRONG></H2> <P><SPAN style="font-weight: 400;">Vous avez pu constater que cet article mentionne de nombreuses fois le mot </SPAN><I><SPAN style="font-weight: 400;">« utilisateur »</SPAN></I><SPAN style="font-weight: 400;">. C’est bien normal, puisque le but de la méthode est de mettre ce fameux utilisateur au centre de la démarche. </SPAN><A href="https://www.nngroup.com/articles/ux-without-user-research/#:~:text=User%20experience%20cannot%20exist%20without,are%20tested%20by%20real%20users." target="blank" rel="noopener noreferrer"><SPAN style="font-weight: 400;">Dans un article de blog</SPAN></A><SPAN style="font-weight: 400;">, le Nielsen Norman Group va jusqu’à dire que de l’UX sans recherche utilisateur n’est pas de l’UX.</SPAN></P> <P><SPAN style="font-weight: 400;">Néanmoins, inclure l’utilisateur sans méthode structurée peut s’avérer compliqué, voir même contre-productif. Et pour cause, il ne sait pas toujours ce qu’il veut, ou surtout ce qui est bon pour lui. Lui demander son avis directement n’est pas forcément judicieux.</SPAN></P> <P><SPAN style="font-weight: 400;">C’est la raison pour laquelle la méthode UX regorge d’outils pour analyser les comportements de l’utilisateur de façon détournée. C’est ce qui explique qu’on retrouve de nombreux professionnels de l’expérience utilisateur issus de formations en sciences sociales ou en psychologie. </SPAN></P> <P><SPAN style="font-weight: 400;">Néanmoins, il est malgré tout possible d’obtenir des résultats, même avec peu de moyens. Rappelez-vous : l’UX sans recherche utilisateur n’est pas de l’UX. Certes, votre connaissance de l’utilisateur sera limitée. Mais, pour </SPAN><STRONG>améliorer l’expérience utilisateur</STRONG><SPAN style="font-weight: 400;"> de votre site, elle restera plus efficace qu’aucune recherche.</SPAN></P> <P><SPAN style="font-weight: 400;">Le Nielsen Norman Group nous explique dans </SPAN><A href="https://www.nngroup.com/articles/how-many-test-users/" target="blank" rel="noopener noreferrer"><SPAN style="font-weight: 400;">un autre article</SPAN></A><SPAN style="font-weight: 400;"> que le nombres de participants à un test d’ergonomie doit être calibré en fonction du projet. Cette approche s’applique à toute la recherche : si vous n’avez pas le budget, les équipes ou l’infrastructure pour mettre en place des tests et des ateliers très poussés, faites avec les moyens à votre disposition.</SPAN></P> <P> </P> <P><B><SPAN style="background-color: #ffffff;"><STRONG><IMG draggable="false" role="img" class="emoji" alt="💡" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/1f4a1.svg"/> </STRONG></SPAN>Comment faire ?</B></P> <P><STRONG>1. Faites des recherches sur vos utilisateurs </STRONG>: basez-vous sur vos segments, et rassemblez le plus de données possible sur vos utilisateurs-type (leurs besoins, leur contexte, leurs habitudes…) pour construire des personae.</P> <P><STRONG>2. Interrogez vos utilisateurs</STRONG> : mettez en place une enquête de satisfaction ou <A href="https://blog.limpide.fr/analyse/questionnaire-experience-utilisateur/" target="blank">envoyez leur un questionnaire</A> pour obtenir les informations que vous ne pouvez pas obtenir autrement.</P> <P><STRONG>3. Installez des outils de tracking</STRONG> : Hotjar par exemple, <A href="https://blog.limpide.fr/inspiration/heatmap-optimisation-site-web/" target="blank" rel="noreferrer noopener" aria-label=" (opens in a new tab)">génère des heatmaps</A> et vous permet d’observer des sessions réels de vos utilisateurs en vidéo.</P> <P><STRONG>4. Tirez avantage des analytics</STRONG> : Google Analytics par exemple, vous donne <A href="https://blog.limpide.fr/analyse/analytics-ux-design/" target="blank" rel="noreferrer noopener" aria-label=" (opens in a new tab)">de nombreuses données quantitatives</A>.</P> <P><STRONG>5. Ouvrez la réflexion </STRONG>: si vous souhaitez aller plus loin, dans un second temps, vous pouvez aussi penser à vos anti-personae, ceux qui n’utilisent pas du tout votre produit/service.<BR/></P> <H2 id="conseil-6"><STRONG>Conseil n° 6 : Prenez en compte l’aspect émotionnel</STRONG></H2> <P><SPAN style="font-weight: 400;">Arrivé ici, vous constatez sûrement l’aspect scientifique de la méthode UX : recours aux chiffres et à la donnée, application de méthodes d’analyses rigoureuses, mise en place de protocoles précis… On se dit que le design centrée sur l’utilisateur laisse peu de place à l’improvisation, à l’expérimentation, voir à la créativité.</SPAN></P> <P><SPAN style="font-weight: 400;">Mais comme nous l’avons vu, l’expérience est très liée à la psychologie humaine, et nous sommes avant tout des êtres émotionnels. Dans </SPAN><B>Designing For Emotion</B><SPAN style="font-weight: 400;">, </SPAN><I><SPAN style="font-weight: 400;">Aaron Walter</SPAN></I><SPAN style="font-weight: 400;">, Head designer de MailChimp, reprend la célèbre pyramide des besoins de Maslow, et la transpose au design d’interface en se basant sur les besoins des utilisateurs.</SPAN></P> <FIGURE class="wp-block-image size-large"><FIGCAPTION>La pyramide du design émotionnel de Aaron Walter.</FIGCAPTION></FIGURE> <P><SPAN style="font-weight: 400;">Il nous explique qu’une interface doit être construite sur 3 niveaux, dans cet ordre précis :</SPAN></P> <UL><LI>Votre interface doit être <STRONG>fiable</STRONG>. Si votre site ne fonctionne pas, que le serveur plante ou que les pages chargent indéfiniment, les gens n’utiliseront pas votre produit. </LI></UL> <UL><LI>Votre interface doit être <STRONG>utilisable</STRONG>. Une fois qu’il est fiable, votre produit doit permettre à l’utilisateur de réaliser rapidement et simplement son objectif.</LI></UL> <UL><LI>Votre interface doit être <STRONG>agréable</STRONG>. C’est le dernier niveau de la pyramide, celui qui grâce auquel un produit reste ancré positivement dans la mémoire de l’utilisateur en lui procurant des émotions. </LI></UL> <P><SPAN style="font-weight: 400;">L’aspect émotionnel du produit doit être la dernière étape. Si votre interface n’est pas </SPAN><I><SPAN style="font-weight: 400;">fiable</SPAN></I><SPAN style="font-weight: 400;"> et n’est pas </SPAN><I><SPAN style="font-weight: 400;">utilisable</SPAN></I><SPAN style="font-weight: 400;">, il est inutile de chercher à la rendre </SPAN><I><SPAN style="font-weight: 400;">agréable</SPAN></I><SPAN style="font-weight: 400;">. Il s’agit du Graal pour </SPAN><STRONG>améliorer l’expérience utilisateur</STRONG><SPAN style="font-weight: 400;"> d’un produit numérique, mais c’est aussi un objectif difficile à atteindre tant nos émotions sont complexes.</SPAN></P> <P><SPAN style="font-weight: 400;">La plupart des applications célèbres jouent sur notre psychologie profonde pour créer de l’attachement. Les appareils tactiles ont rendu les interfaces plus tangibles que jamais, et un geste aussi simple qu’un swipe vers la droite ou vers la gauche peut </SPAN><A href="https://www.youtube.com/watch?v=0PlvSpqKmHY&feature=emb_title&ab_channel=ARTE" target="blank" rel="noopener noreferrer"><SPAN style="font-weight: 400;">nous rendre accro</SPAN></A><SPAN style="font-weight: 400;">. </SPAN></P> <P> </P> <P><B><SPAN style="background-color: #ffffff;"><STRONG><IMG draggable="false" role="img" class="emoji" alt="💡" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/1f4a1.svg"/> </STRONG></SPAN>Comment faire ?</B></P> <P><STRONG>1. Travaillez sur les animations et les micro-interactions </STRONG>: elles permettent de transmettre des émotions à l’utilisateur, alors utilisez-les ponctuellement dans les moments clés de l’expérience de vos utilisateurs.</P> <P><STRONG>2. Cartographiez l’expérience de vos utilisateurs </STRONG>: en identifiant chaque étape de leur expérience, vous pourrez y associer des émotions, et <A href="https://blog.limpide.fr/analyse/experience-map-construire-un-parcours-utilisateur-optimal/" target="blank">en dégager une courbe émotionnelle</A>. Cette courbe est très importante, car la <EM>Peak-end rule</EM> nous enseigne que le cerveau humain juge une expérience en grande partie sur le ressenti au pic et à la fin de celle-ci.</P> <P><STRONG>3. Définissez la personnalité de votre produit </STRONG>: donner une personnalité à votre interface la rendra irrémédiablement plus attirante, car elle lui confèrera des propriétés humaines que nous recherchons chez nos pairs.</P> <P>Si vous souhaitez aller plus loin, <A href="https://blog.limpide.fr/analyse/design-emotionnel/" target="blank" rel="noreferrer noopener" aria-label=" (opens in a new tab)">nous avons tout un article dédié au design émotionnel</A>.<BR/></P> <H2><STRONG>L’expérience utilisateur est l’affaire de tous</STRONG></H2> <P><SPAN style="font-weight: 400;">L’expérience utilisateur de votre site est impactée par tous ses aspects. Et à l’heure où les points de contacts se multiplient et se diversifient tout au long du parcours client, elle concerne même tous les aspects de votre marque et de votre entreprise. C’est la raison pour laquelle l’expérience utilisateur n’est pas l’affaire des seuls designers : elle concerne toutes les parties prenantes du projet et implique toutes les expertises. </SPAN></P> <P><SPAN style="font-weight: 400;">Le plus important est donc de sensibiliser toute la chaîne de conception et de production à ces notions, et d’aligner toutes les visions pour proposer une expérience utilisateur réussie et cohérente. C’est de cette façon que vous pourrez agir et mettre en oeuvre les actions pour </SPAN><STRONG>améliorer l’expérience utilisateur</STRONG><SPAN style="font-weight: 400;"> de votre site.
