\n Vous pouvez cr\u00e9er le design le plus \u00e9poustouflant au monde et il ne r\u00e9ussira pas s’il ne satisfait pas la convivialit\u00e9.\n<\/p>\n
\n Tout, d’un cure-dent \u00e0 un avion de ligne commercial, n\u00e9cessite une facilit\u00e9 d’utilisation pour fonctionner et se vendre, sinon sa conception est vou\u00e9e \u00e0 l’\u00e9chec. De m\u00eame, dans le monde du Web, un terme appel\u00e9 UX entre en jeu lorsqu’un site Web est utilis\u00e9 et not\u00e9.\n<\/p>\n
\n UX est l’abr\u00e9viation d’exp\u00e9rience utilisateur qu’un internaute acquiert lorsqu’il navigue sur un site Web et interagit avec ses \u00e9l\u00e9ments et fonctionnalit\u00e9s. Si l’exp\u00e9rience est saccad\u00e9e et mal recherch\u00e9e, alors le site Web n’est rien en faisant flotter des ordures sur Internet dont personne ne se souciera. UX peut d\u00e9cider \u00e0 lui seul si un site Web peut \u00eatre utilis\u00e9 ou vendu, il est donc imp\u00e9ratif pour le concepteur de le faire compter. Dans cet article, nous partagerons 10 r\u00e8gles cardinales concernant la convivialit\u00e9 que chaque concepteur de sites Web doit conna\u00eetre avant de mener le site Web \u00e0 ses derni\u00e8res \u00e9tapes de r\u00e9alisation.\n<\/p>\n
\n Il y a une ligne fine trac\u00e9e entre UX et UI. M\u00eame si vous \u00eates conscient de la diff\u00e9rence, vous pourriez l’entendre du client sur un point ou sur l’autre, mais le moment venu, vous devez \u00eatre en mesure d’expliquer la diff\u00e9rence dans les meilleurs termes possibles. L’interface utilisateur est d\u00e9finie comme le syst\u00e8me r\u00e9el tandis que l’exp\u00e9rience utilisateur est d\u00e9finie comme le r\u00e9sultat \u00e9motionnel apr\u00e8s une interaction avec le syst\u00e8me.\n<\/p>\n
\n Microsoft Windows est l’interface utilisateur tandis que la satisfaction \u00e9motionnelle apr\u00e8s son utilisation est l’UX. Confondre les deux termes peut non seulement nuire \u00e0 votre propre travail, mais aussi vous surcharger avec quelque chose qui n’est absolument pas votre travail.\n<\/p>\n
\n Un bon designer saura non seulement faire la diff\u00e9rence mais aussi \u00eatre capable de l’expliquer au client lorsqu’il proposera un pitch de pr\u00e9sentation de son travail.\n<\/p>\n
\n La conception Web est plus que ce qui saute aux yeux. Tout, \u00e0 partir des d\u00e9tails visuels, du produit que vous utilisez et des lieux que vous visitez, a une UX \u00e9crite partout. Conduire une voiture poubelle est une mauvaise exp\u00e9rience, alors qu’ouvrir facilement une bo\u00eete emball\u00e9e en est une bonne. Le marketing UX hors ligne peut sembler \u00eatre une robe diff\u00e9rente, mais \u00e0 l’origine, il est coup\u00e9 du m\u00eame tissu. M\u00eame si ce n’est pas tout \u00e0 fait la m\u00eame chose et ne peut se justifier par quelques exemples, l’exp\u00e9rience UX sur une plateforme mat\u00e9rielle et immat\u00e9rielle produit les m\u00eames hormones dans votre cerveau. Par exemple, quelqu’un a d\u00e9couvert que les humains hi\u00e9rarchisent les informations de gauche \u00e0 droite et que les \u00e9l\u00e9ments de gauche occupent moins d’espace vertical et ont le m\u00eame poids visuel.\n<\/p>\n
\n Au cours de l’ann\u00e9e 2000, la tendance a commenc\u00e9 \u00e0 changer et les concepteurs de sites Web ont commenc\u00e9 \u00e0 placer des barres de navigation dans le panneau de gauche de la page Web. Cela a permis aux utilisateurs de scanner le contenu plus rapidement et mieux, tout en donnant une plus grande exposition au contenu du site Web. En tant que concepteur de sites Web, avoir les pieds dans les deux m\u00e9diums vous permettra de former votre esprit et d’\u00e9largir vos connaissances pour \u00e9valuer et produire des projets d’un point de vue plus vivant.\n<\/p>\n
\n L’art et la science vont de pair en mati\u00e8re d’UX. Avoir une compr\u00e9hension raffin\u00e9e de leur lien est imp\u00e9ratif, en particulier pendant le processus de conception. Scientifiquement, il existe un sc\u00e9nario probl\u00e8me-solution dans lequel le concepteur doit \u00e9tablir une feuille de route et aborder les probl\u00e8mes avec une solution th\u00e9orique. Par exemple, un site Web est en train de r\u00e9duire consid\u00e9rablement ses ventes. Le concepteur sugg\u00e9rera de mettre \u00e0 jour le site Web, de le tester et de le d\u00e9panner, ce qui constituera une solution. C’est l\u00e0 que l’art intervient.\n<\/p>\n
\n Tous les aspects et \u00e9l\u00e9ments seront sugg\u00e9r\u00e9s dans la solution tels que les couleurs, les polices de caract\u00e8res, la mise en page, le texte et le contenu visuel pour rendre ce site Web attrayant tant sur le plan esth\u00e9tique que fonctionnel. Il sera soumis \u00e0 d’autres tests jusqu’\u00e0 ce qu’il parvienne \u00e0 invoquer la r\u00e9ponse \u00e9motionnelle souhait\u00e9e de l’utilisateur. Cette canalisation du comportement ext\u00e9rieur \u00e0 travers une mise en \u0153uvre scientifique est ce qui fait de l’art et de la science un couple \u00e9trange mais puissant.\n<\/p>\n
\n Ce n’est un secret pour personne que les designers traitent avec des clients qui veulent que les choses se d\u00e9roulent selon leurs livres. Cela cr\u00e9e un labyrinthe qui ne m\u00e8ne nulle part car beaucoup de choses que le client ignore et que seul le concepteur conna\u00eet. De m\u00eame, les concepteurs sont parfois d\u00e9termin\u00e9s \u00e0 faire les choses \u00e0 leur mani\u00e8re alors que d’autres m\u00e9thodes sont \u00e9galement sur la table et pourraient mieux fonctionner.\n<\/p>\n
\n Garder une approche unique en tant que telle n’est jamais sain lors de la conception d’une conception Web riche en UX. Une bonne UX n’est r\u00e9alisable qu’\u00e0 partir d’une approche ax\u00e9e sur les objectifs qui se concentre sur la meilleure solution disponible. Par exemple, un client souhaite d\u00e9placer le lien des t\u00e9moignages de clients vers le haut de la page pour obtenir plus de visibilit\u00e9 et inviter plus de trafic. Cependant, le probl\u00e8me ne r\u00e9side pas dans le placement du lien, mais dans l'emplacement du lien lui-m\u00eame, car il ne parvient pas \u00e0 attirer du trafic. Par cons\u00e9quent, vous pouvez \u00e9galement corriger le lien en le rendant plus visible l\u00e0 o\u00f9 il se trouve au lieu de le d\u00e9placer vers un nouvel emplacement. Les deux solutions peuvent \u00eatre utilis\u00e9es pour r\u00e9soudre le probl\u00e8me et vous devez garder l’option ouverte. C’est ce qu’on appelle la conception ax\u00e9e sur les objectifs.\n<\/p>\n
\n L’identit\u00e9 de marque est l’un des principaux objectifs derri\u00e8re la construction d’une excellente UX. Si l’UX fait sa marque dans la satisfaction des utilisateurs, alors elle rejaillira beaucoup sur la Marque qui a rendu cette exp\u00e9rience possible. Il est important que vous ne soyez pas distrait en cr\u00e9ant un look qui r\u00e9pond aux pr\u00e9f\u00e9rences du client. Un bon design qui doit pr\u00e9senter le bon m\u00e9lange de fonctionnalit\u00e9s et de fonctionnalit\u00e9s qui non seulement font de l’exp\u00e9rience de l’utilisateur un r\u00e9gal, mais d\u00e9taillent \u00e9galement l’investissement qu’une marque a fait pour en faire un succ\u00e8s. Cela d\u00e9cidera si l’utilisateur visitera \u00e0 nouveau le site Web.\n<\/p>\n
\n Pour vous assurer que le point de vue du client est ancr\u00e9 dans la conception, informez-le de chaque d\u00e9m\u00e9nagement et apportez les modifications n\u00e9cessaires pouvant \u00eatre prises en compte dans la conception. Il est \u00e9galement important que vous consid\u00e9riez la situation dans son ensemble lors de l’ajout des pr\u00e9f\u00e9rences du client afin que l’exp\u00e9rience utilisateur ne soit pas affect\u00e9e par le processus.\n<\/p>\n
\n Ne devenez jamais victime de votre propre imagination. \u00c9tant donn\u00e9 que vous disposez d’une certaine libert\u00e9 de cr\u00e9ation lors de la conception d’un site Web, il est essentiel de ne pas en abuser. Dans ce cas particulier, les directives du client et vos pr\u00e9f\u00e9rences sont bien ancr\u00e9es, mais vous avez compl\u00e8tement oubli\u00e9 le point de vue de l’utilisateur. En tant que designer, il est important que vous ne laissiez jamais votre imagination vous d\u00e9tourner de la r\u00e9alisation de ce que le client et l’utilisateur veulent. Une conception ax\u00e9e sur l’utilisateur a les meilleures chances de produire une UX gagnante que toute autre approche.\n<\/p>\n
\n Pour vous assurer que vous \u00eates sur la bonne voie, faites des recherches sur les utilisateurs de votre cr\u00e9neau de conception et renseignez-vous sur leurs besoins et leurs d\u00e9sirs dans votre conception particuli\u00e8re. Avant d’\u00eatre pr\u00eat \u00e0 le lancer, utilisez les tests A\/B pour v\u00e9rifier si votre conception r\u00e9pond aux exigences. N’oubliez pas que les besoins de l’utilisateur sont plus importants que votre contribution personnelle, car ils l’utiliseront en fin de compte.\n<\/p>\n
\n Les d\u00e9clencheurs comportementaux sont bas\u00e9s sur la psychologie humaine qui stimule la r\u00e9ponse \u00e9motionnelle de l’utilisateur. Les bons concepteurs sont capables d’\u00e9valuer qualitativement l’\u00e9tat d’esprit de l’utilisateur et d’\u00e9tablir un lien \u00e9motionnel avec le contenu. Ces connexions \u00e9motionnelles sont essentielles pour produire une UX vivante dans une conception Web. Prenez les notifications par exemple. Vous avez peut-\u00eatre rencontr\u00e9 la fonction de notification contextuelle ennuyeuse qui vous envoie hors du site Web en claquant la porte en sortant. M\u00eame si c’est en partie pour le b\u00e9n\u00e9fice du client tout en s\u00e9curisant les conversions pour le d\u00e9taillant en m\u00eame temps, le montrer juste apr\u00e8s que le client arrive sur le site Web est une tr\u00e8s mauvaise id\u00e9e.\n<\/p>\n
\n Imaginez-vous arriver \u00e0 votre bureau et recevoir l’ordre de faire vos t\u00e2ches sans respirer ni savourer une tasse de caf\u00e9 chaud. Le timing est un facteur crucial ici. Si vous connaissez la psych\u00e9 humaine, vous ne commencerez jamais avec une fen\u00eatre contextuelle qui couvre plus de la moiti\u00e9 de l’\u00e9cran. Au lieu de cela, vous pouvez attendre que le visiteur parcoure le contenu, puis commencer par votre pr\u00e9sentation. De cette fa\u00e7on, la m\u00eame notification sera re\u00e7ue \u00e0 bras ouverts, car l’utilisateur peut d\u00e9sormais consacrer son temps \u00e0 s’engager. L’UX d\u00e9pend fortement de la psych\u00e9 du consommateur, et c’est pourquoi vous devez int\u00e9grer une bonne dose de d\u00e9clencheurs comportementaux, tout en faisant preuve de prudence l\u00e0 o\u00f9 il le faut.\n<\/p>\n
\n Le d\u00e9filement fonctionne comme par magie si vous me le demandez. Il envoie l’utilisateur \u00e0 la recherche d’informations plus profond\u00e9ment dans le site, augmentant ainsi ses chances de conversion. C’est probablement la raison pour laquelle la plupart des concepteurs placent leurs CTA en bas de la page, l\u00e0 o\u00f9 le d\u00e9filement se termine.\n<\/p>\n
\n M\u00eame l’approche \u00ab coup de foudre \u00bb peut favoriser le d\u00e9filement, o\u00f9 la conception affiche des CTA en haut de la page. Vous pouvez optimiser ces pages en introduisant des rep\u00e8res de d\u00e9filement. Les rep\u00e8res de d\u00e9filement peuvent aller de soupirs de fl\u00e8che \u00e0 des \u00e9l\u00e9ments graphiques captivants. Par exemple, Les fl\u00e8ches peuvent \u00eatre utilis\u00e9es pour indiquer les directions pour le prochain \u00e9l\u00e9ment de contenu, tandis que les \u00e9l\u00e9ments graphiques peuvent amener l’utilisateur directement \u00e0 la diapositive suivante une fois qu’ils interagissent avec celle-ci.\n<\/p>\n
\n Lorsque vous mettez votre contenu en direct sur Internet, vous devez vous attendre \u00e0 ce qu’il soit rencontr\u00e9 par des personnes de tous horizons. Tout le monde ne partage pas vos opinions comme vous entendez les proposer. C’est pourquoi votre contenu doit \u00eatre absorbable afin que l’utilisateur n’ait pas besoin d’effort suppl\u00e9mentaire pour comprendre ce que vous lui proposez. Si le contenu est digeste, l’utilisateur convertira plus rapidement.\n<\/p>\n
\n Donnez-leur une bouch\u00e9e \u00e0 la fois. Montrer tout ce que vous pouvez offrir en une seule s\u00e9ance d\u00e9soriente non seulement l’utilisateur, mais refl\u00e8te \u00e9galement le d\u00e9sespoir de votre moiti\u00e9. Pour vous assurer que votre design est respirant et facile \u00e0 assimiler, utilisez beaucoup d’espacement blanc autour de vos \u00e9l\u00e9ments afin qu’ils soient faciles \u00e0 distinguer. Cr\u00e9ez \u00e9galement un contenu compr\u00e9hensible pour toutes sortes de publics avec des exemples et vos propres r\u00e9cits. Montrez-vous comme leur ami, pas comme un homme d’affaires.\n<\/p>\n
\n Les \u00e9l\u00e9ments de page font partie int\u00e9grante d’une conception Web. Ils remplissent des fonctions essentielles pour les utilisateurs et maintiennent une harmonie \u00e9motionnelle en UX. Cependant, l’ajout d’\u00e9l\u00e9ments de page inutiles peut \u00eatre dangereux pour votre site Web et pour l’utilisateur \u00e9galement.\n<\/p>\n
\n Des \u00e9l\u00e9ments de page tels qu’un CTA avec plusieurs commandes au lieu d’une, une image suffisamment distrayante pour d\u00e9tourner l’attention du sujet ou un morceau de texte au milieu de la page qui induit le client en erreur. L’ajout de ces \u00e9l\u00e9ments affecte inutilement la cr\u00e9dibilit\u00e9 de votre conception Web tout en ralentissant sa vitesse de chargement. Les images HD, par exemple, peuvent \u00eatre des usines \u00e0 d\u00e9calage pour vos pages Web. Ils exigent beaucoup de bande passante et enl\u00e8vent le temps de chargement id\u00e9al pour un site Web convivial pour la conversion. Un site Web \u00e0 chargement lent est la derni\u00e8re chose que vous souhaitez dans l’UX de votre site Web.\n<\/p>\n
\n En tant que concepteur de sites Web, vous devez int\u00e9grer chaque \u00e9l\u00e9ment, aspect et approche dans l’\u00e9quation. Votre objectif est de produire un design qui non seulement gagne les clients, mais offre \u00e9galement une UX \u00e9panouissante. Gr\u00e2ce \u00e0 ces 10 r\u00e8gles fondamentales, vous cr\u00e9ez la conception Web id\u00e9ale qui r\u00e9pond \u00e0 la convivialit\u00e9 sous tous les angles possibles.\n<\/p>\n<\/p>\n