Création site Web 100% Gratuit

Chez nous, vous ne payez que nos abonnements de maintenance, la création de votre site est offerte.
*Offre valable jusqu’à fin novembre 2022

27 exemples de mauvaise expérience utilisateur

Août 31, 2022

article de blog

Design UX : en détail

Au lieu de créer des choses en fonction de ce que le concepteur aime, les principes de conception rebattent les cartes en faveur des consommateurs pour développer une expérience client autour de données client préalablement récupérées. Néanmoins, certains ignorent l’UX design, ce qui conduit à de mauvais exemples d’UX et à divers bugs d’expérience utilisateur. N’oubliez donc pas, avant tout, que l’expérience utilisateur est ce que pense une personne lorsqu’elle interagit avec un site Web, une application mobile, un logiciel ou d’autres systèmes. Combien de sites Web échouent en matière d’expérience utilisateur ? Beaucoup d’entre eux. Nous nous pencherons plus tard sur les pires sites Web en matière d’expérience utilisateur. Les concepteurs UX cherchent à comprendre comment les utilisateurs interagissent avec un système à canal unique ou multiple et se concentrent sur la convivialité. L’efficacité et les opinions des utilisateurs sont les plus importantes. À votre avis, qu’est-ce qui fait une mauvaise interface utilisateur ? Des exemples de défauts d’utilisabilité sont trop lents, difficiles à comprendre, etc. Le manque de réactivité est également un synonyme de mauvaise expérience utilisateur. Quelles sortes de choses recherchez-vous ? Une interface facile à comprendre, une grande réactivité, une grande vitesse. Ce sont là des qualités et des facteurs d’impact sur l’expérience utilisateur parmi les plus importants. De beaux produits mais une mauvaise convivialité ne satisferont personne. De nombreuses entreprises ayant une mauvaise conception UX ont au moins un problème UX. Dans la conception UX, le client est roi ; ainsi, les défauts dans la carte aux clients, différents mauvais exemples de rédaction UX, et d’autres problèmes laisseront le roi insatisfait. Bien sûr, le client doit toujours être satisfait de ce que votre entreprise propose, mais il doit surtout se sentir libre de toute frustration. Quels sont les principaux moyens d’améliorer l’expérience utilisateur de votre site Web mobile ? Choisissez trois réponses : utiliser correctement les images, ajouter une option de recherche, adapter le design aux différents appareils et simplifier la navigation. Toutes ces réponses sont correctes, et nous vous en donnerons d’autres plus tard. Cependant, il existe de nombreuses façons d’améliorer l’UX. Quel est l’exemple d’une expérience utilisateur qui, selon vous, ne fonctionne pas ? Par exemple, imaginez que vous trouvez un problème selon lequel le prix total des produits dans un panier est incorrect : que feriez-vous ? Quel type de problème classeriez-vous ? Quelles sont les meilleures pratiques UX pour les sites web ? Quels sont les exemples de mauvaises applications UX ? Est-il nécessaire d’énumérer les parties du site web qu’un utilisateur n’aime pas ? Quelles sont les étapes du dépannage de l’expérience utilisateur d’une application Web ? Continuez à lire, et nous essaierons de trouver des réponses.

Vous voulez économiser votre conversion et améliorer la convivialité ? Nous savons comment.

Contenu : Problèmes techniques du site Web Une mauvaise logique du site Web ruine la navigation de conversion Conception du site Web et expérience utilisateur Marketing Voici soixante problèmes courants de conception et d’utilisation du site Web qui peuvent nuire à votre activité en ligne. Cependant, le taux de conversion montera probablement en flèche dès que vous les aurez résolus. N’oubliez pas que la conception d’un site Web et les taux de conversion sont toujours étroitement liés. Pour faciliter le processus d’apprentissage, nous vous proposons de commencer par l’histoire de John. Elle raconte comment une boutique en ligne a perdu un acheteur fidèle et a subi un déclin à cause d’une erreur d’ergonomie. En outre, vous pourrez trouver des réponses aux questions suivantes liées à la conception, à l’expérience utilisateur et à la conversion : Par exemple, comment une faible vitesse de téléchargement influe-t-elle sur les taux de conversion et l’expérience utilisateur ? Quels autres problèmes techniques liés à l’expérience utilisateur peuvent affecter la conversion, notamment les pages 404, les liens, la mise en page et d’autres caractéristiques ? Pourquoi la conception logique est-elle si importante pour la conversion des sites Web et l’expérience utilisateur ? Comment rendre la conception de votre site Web plus logique et utiliser des éléments de conception pour faciliter la conversion ? Comment les approches de navigation peuvent-elles améliorer la conception de votre site Web et l’expérience utilisateur ? Quelles solutions de conception et de navigation font que les utilisateurs quittent votre site Web sans achever la conversion ? Quel est l’impact des couleurs, d’une structure de texte peu pratique et d’autres problèmes de conception de site Web sur les taux de conversion ? Quelles sont les approches de conception les plus recommandées pour une bonne expérience utilisateur et une bonne conversion ? Comment les techniques de marketing peuvent-elles vous aider à améliorer la convivialité et la conversion ? Comment structurer et concevoir correctement votre contenu ?

John, son expérience catastrophique d’achat en ligne et le rôle de l’ergonomie dans tout cela.

Voici John. C’est une star en herbe de YouTube qui a décidé d’acheter un bon micro pour faire entendre ses vidéos. Il a besoin d’un micro qui réponde aux critères suivants : un prix raisonnable, un son clair et un bon classement des ventes sur Amazon. Le dernier critère est particulièrement important car John espère récupérer la plupart de ses dépenses si sa carrière de streaming ne fonctionne pas. Ainsi, lorsque John sait ce qu’il veut, il cherche un microphone dans une boutique en ligne populaire. Grâce à une navigation bien pensée sur le site, John n’a pas mis longtemps à trouver la catégorie « Microphones ». Dès que Jean clique sur la catégorie « Microphones », il rencontre le premier problème d’expérience utilisateur : le filtre à rubriques mal conçu. Malheureusement, ce filtre est plutôt gênant pour les utilisateurs amateurs car il nécessite une compréhension plus approfondie du sujet. Rubrique Les pensées de John Crédit sans intérêtJe n’ai encore rien choisi. J’y réfléchirai plus tard ButBesoin de faire entendre mes vidéos YouTube FabricantAucune idée. Peut-être que tout ce qui est produit aux États-Unis ferait l’affaire EmplacementsAutres, je m’en fiche Fourni avec/sans cordonMeilleur avec cordon IndustrieJe ne sais pas. J’ai besoin de faire entendre mes vidéos YouTube. C’est tout Pays fabricantAny Brand registration country Pourquoi ai-je besoin de cela ? Comme les filtres ne fournissent aucun indice, John a choisi des microphones de studio parce qu’il pense que l’utilisation en studio est synonyme de haute qualité. Tous les autres critères lui semblaient trop vagues et sans importance. Dans la catégorie « Microphones », John rencontre un filtre complexe qui représente un défi pour un amateur complet de prise de son. Si vous ne connaissez pas bien le sujet, vous ne choisirez pas ici un produit approprié. Certains problèmes d’expérience utilisateur et de convivialité sont apparents à ce stade. Dans la catégorie « Microphones de studio », John trie les produits par prix et choisit le microphone Superlux HO8, au prix de 50 $. D’après les commentaires des clients, ce microphone offre le meilleur rapport qualité-prix parmi les microphones de studio abordables. En d’autres termes, il semble être la meilleure option pour un débutant en streaming sur YouTube. John passe à la caisse et a organisé le voicing de la première vidéo avec un client. Le choix de John : Superlux HO8 pour 50 $. John attend la livraison, déballe son micro, le branche sur son ordinateur, et est dérouté par un son horrible. Le problème est que son matériel ne supporte pas l’alimentation fantôme. Sans elle, le Superlux HO8 ne peut pas fonctionner correctement. Malheureusement, la fiche produit ne dit pas grand-chose à ce sujet, et John n’est pas assez expérimenté pour prêter attention à ces détails. La source d’alimentation fantôme est un élément essentiel qui doit être acheté séparément. Sinon, le Superlux HO8 ne produira pas un son de qualité. Malheureusement, la fiche produit n’insiste pas sur ce point, de sorte qu’un utilisateur inexpérimenté négligera probablement les exigences en matière d’alimentation fantôme. John commence à chercher des informations sur le microphone acheté et découvre que : L’alimentation fantôme la moins chère, ZEEPIN 48V, disponible sur ce site Web coûte 37 $ et doit être commandée à l’avance. Les prix des alimentations plus chères commencent à 65 $. Outre l’alimentation fantôme, le microphone nécessite un pied et un filtre anti-pop, qui doivent être achetés séparément. Il serait également bon d’acheter une carte son externe et un écran de réduction du bruit. Ensemble, ces ajouts coûteraient à John plus de 100 $. Au lieu de tous les appareils mentionnés précédemment, John aurait pu acheter un microphone USB abordable, qui répondrait à ses exigences en tant que Youtuber en herbe. Par exemple, le Trust GXT 232 pour 50 $ ou le Blue Microphones Snowball iCE pour 85 $. En conséquence, John a dépensé une bonne somme d’argent pour un microphone qu’il ne peut pas utiliser, tandis que le magasin en ligne a perdu un client de longue date. Pour éviter de perdre des clients, le propriétaire de la boutique en ligne doit voir la conception de l’expérience utilisateur, la convivialité et les produits de son site Web du point de vue d’un acheteur inexpérimenté. Il doit accorder plus d’attention au contenu éducatif en ajoutant des conseils sur les produits et en publiant des articles et des vidéos utiles. Par exemple, si John avait appris l’existence de l’alimentation fantôme au bon moment, il n’aurait pas acheté un produit inutile. Au lieu de cela, il aurait cliqué sur la fiche produit du Superlux HO8, → il se serait renseigné sur l’alimentation fantôme grâce à des astuces contextuelles, → il aurait suivi le lien vers l’article détaillé sur les alimentations fantômes, → il se serait renseigné sur les différents types de microphones, → il serait revenu à la liste des microphones et aurait choisi une option plus adaptée avec un port USB. Dans ce cas, il aurait obtenu ce dont il avait besoin et ne serait pas parti chez les concurrents. L’absence de contenu éducatif est l’une des nombreuses erreurs d’utilisabilité commises par les propriétaires de boutiques en ligne. En conséquence, elles ont un impact négatif sur les taux de conversion et les ventes. Nous aborderons ci-dessous d’autres problèmes liés à l’expérience utilisateur, à la conception et à la convivialité des sites Web.

La faible vitesse de téléchargement nuit aux taux de conversion Liens cassés ou invalides Les problèmes de défilement horizontal nuisent à l’expérience de l’utilisateur Le manque de réactivité de la mise en page nuit à l’expérience de l’utilisateur du site Web Barre de recherche cassée Enregistrement automatique du panier non configuré Problèmes de mise en page des pages du site Web Boutons non cliquables Panier d’achat non cliquable Les problèmes techniques n’ont pas seulement un impact sur les performances de votre site Web, mais nuisent également à l’expérience de l’utilisateur. Par exemple, les visiteurs du site ne peuvent pas effectuer les actions souhaitées aussi rapidement que prévu et peuvent rebondir.

Une faible vitesse de téléchargement nuit aux taux de conversion.

Environ 40 % de vos clients potentiels n’effectueront pas la conversion si l’expérience utilisateur de votre site Web ne se charge pas dans les trois premières secondes. Un autre 40 % rebondira si la conception du site Web se fige à nouveau après avoir cliqué sur une section. Pour maintenir une bonne conversion, effectuez régulièrement des tests techniques et de convivialité, optimisez les images lourdes, vérifiez la vitesse de téléchargement des polices, etc. Si vous ne pouvez éviter d’utiliser des vidéos, prenez des mesures pour améliorer l’expérience utilisateur de votre site Web. Si vous ne pouvez pas éviter d’utiliser des vidéos, prenez des mesures pour améliorer l’expérience utilisateur de votre site Web. Pourtant, si possible, il est préférable de remplacer les vidéos par des images et du texte. La vitesse du site web et l’expérience utilisateur sont plus importantes que le type de contenu. Tests de conversion et d’expérience utilisateur . La vitesse de téléchargement du site est faible : Comme vous pouvez le voir, le design de l’expérience utilisateur du site Web met 9,83 s à se charger. Cela nuit à la convivialité du site et doit être corrigé car il est peu probable que les visiteurs du site attendent plus de 3 secondes. tests de convivialité . Images lourdes : Les images lourdes sont l’un des principaux facteurs qui ralentissent votre site Web et affectent la conversion. Vous devrez donc remplacer les images existantes par des options plus optimisées pour augmenter la vitesse. Tests d’utilisabilité . Trop de demandes de chargement de pages. Des recherches menées par Amazon ont montré que lorsque le temps de chargement d’une page augmente d’au moins 100 ms, le taux de conversion immédiat chute de 1 %. Pour éviter cela, les propriétaires de sites Web devraient effectuer deux types de tests de vitesse. Le premier test doit être effectué en temps réel pour identifier immédiatement les pages lentes. Le second type doit être effectué périodiquement (une fois par semaine ou par mois) pour détecter et corriger tous les éléments lents. Cela vous aidera à mieux contrôler les taux de conversion et à vous assurer qu’ils ne chutent pas à cause de la mauvaise vitesse du site Web.

Si les utilisateurs sont parvenus jusqu’à votre site Web, ils ont dû être intéressés par certaines informations qu’il contient. Veillez à fournir ces informations. Au cas où ils verraient un lien brisé. Au lieu de cela, ils quitteront tout simplement le site Web, le mettront sur liste noire et préféreront vos concurrents à l’avenir. Les liens cassés constituent un problème d’expérience utilisateur très sérieux qui affecte gravement la conversion. Les robots de recherche sur le Web n’apprécient pas non plus les liens brisés. Lorsqu’un robot d’exploration du Web trouve un lien invalide, il enregistre une page  » vide  » qui ne fournit aucun contenu frais → par conséquent ; la conception du site Web n’est pas mise à jour ou développée → il devrait être placé plus bas sur la SERP. Problèmes de convivialité et de conversion. Liens brisés dans le code du programme. Une surveillance continue et des audits d’utilisabilité réguliers sont le seul moyen de repérer et d’éliminer les liens cassés et les liens qui fonctionnent mal. Veillez à corriger le code du programme dès que vous identifiez des défauts. Problèmes de convivialité et de conversion. Erreur 404 renvoyée lorsque la page est ouverte dans un nouvel onglet. Vous devez vérifier les liens pour les sites Web de 100 000 pages et effectuer une analyse de l’utilisabilité du site Web au moins une fois par mois. Si la conception de l’expérience utilisateur d’un site Web compte plus de pages, il faut le faire plus fréquemment (idéalement, chaque semaine).

L’absence de mise en page réactive nuit à l’expérience de l’utilisateur du site web.

En 2019, les utilisateurs de smartphones et de tablettes ont généré plus de la moitié du trafic internet . À l’avenir, cette proportion pourrait changer, ou les smartphones et les tablettes pourraient être remplacés par d’autres appareils. Le responsive design vous rend indépendant de ces tendances et permet de conserver vos taux de conversion quelles que soient les préférences des utilisateurs. En d’autres termes, une mise en page réactive est la capacité d’un site web à s’adapter à toute largeur d’écran et à s’afficher correctement sur les ordinateurs portables, les tablettes, les smartphones et autres gadgets modernes. Problèmes de convivialité et de conversion. Un site web sans responsive design. Si votre budget est limité et que vous ne pouvez pas vous permettre une mise en page entièrement responsive, assurez-vous que la conception de l’expérience utilisateur de votre site web est partiellement adaptable. L’adaptabilité partielle implique que votre site Web peut s’adapter aux appareils les plus fréquemment utilisés. Dans la plupart des cas, il s’agira de divers smartphones.

L’utilisation d’un champ de recherche dépend principalement du type de ressource web. Les sites d’information en disposent rarement, tandis que dans les boutiques en ligne, elle peut remplacer le filtre de la rubrique. Si, dans votre cas, une barre de recherche est importante pour l’optimisation du taux de conversion (CRO ) et la convivialité du site, assurez-vous qu’elle fonctionne toujours correctement. Sinon, les utilisateurs ne seront pas en mesure de trouver rapidement le produit ou l’information demandée. Ils quitteront tout simplement le site Web et iront acheter chez des concurrents qui éliminent les erreurs d’ergonomie. Comme si cela ne suffisait pas, ces clients ne reviendront probablement jamais. Exemples de mauvaise expérience utilisateur et de problèmes de conversion. Mauvaise priorité dans les résultats de recherche Lorsque vous configurez la barre de recherche, n’oubliez pas que les gens font souvent des fautes de frappe. Par conséquent, préparez votre site Web à ce type d’erreurs afin d’éviter des problèmes de convivialité inattendus. Par exemple, dans la précipitation, un utilisateur peut taper « laptop » au lieu de « laptop ». Cependant, cela ne doit pas faire trébucher la recherche sur votre site Web – il doit reconnaître la requête et générer le résultat nécessaire : « ordinateur portable » → « laptop » → liste des modèles d’ordinateurs portables disponibles.

Tous les produits sélectionnés doivent s’afficher correctement dans le panier. Par exemple, si un utilisateur ajoute trois couvertures à partir de la page produit, elles doivent immédiatement apparaître dans le panier. Si ce n’est pas le cas, il s’agit d’une énorme erreur d’ergonomie qui compromet votre conversion. Le problème est moins perceptible lorsqu’un utilisateur achète plusieurs unités du même produit. Sélectionné sur la fiche produitAffiché dans le panierAction supplémentaire que l’utilisateur doit effectuer3 couvertures0 couverturesChanger 0 en 3 dans le panier↓C’est facile ! ↓ Tout prend une tournure différente lorsque l’utilisateur souhaite acheter plusieurs produits. Dans ce cas, les problèmes d’utilisabilité du panier peuvent les faire rebondir. Sélectionné sur la fiche produitAffiché dans le panierAction supplémentaire que l’utilisateur doit effectuer 3 couvertures0 couverturesOk. Je dois me rappeler le nombre d’unités et les indiquer à nouveau pour chaque produitDix oreillers0 oreillers↓20 housses de couette0 housses de couetteC’est difficile car je n’ai pas pris de notes et je ne me souviens pasCinq unités de vêtements pour enfants0 unités de vêtements pour enfants↓Huit draps de dessous0 draps de dessousQuelle mauvaise conception et quelle mauvaise utilisabilité… J’ai perdu tellement de temps. Pourquoi ne réparent-ils pas le chariot ? Deux matelas0 matelas↓N produits0 unités de N produitsAssez. Je vais aller dans un autre magasin et l’acheter là-bas. ↓ ↓ ↓ ↓ Pour le taux de conversion , veillez à configurer l’enregistrement automatique du panier. N’incitez pas vos clients à doubler, vous risquez de les perdre. Mauvais exemples d’utilisabilité et problèmes de conversion. [0] est défini comme le nombre de produits par défaut dans le panier. Par conséquent, les utilisateurs doivent effectuer une étape supplémentaire. Ils ajoutent un produit au panier et sélectionnent le nombre d’unités. Même si l’enregistrement automatique fonctionne sans problème, votre équipe d’assistance rappelle toujours les clients pour confirmer la commande. Parfois, ils se trompent en appuyant plusieurs fois sur le bouton Acheter, ne vérifient pas le panier et commandent le mauvais nombre de produits. C’est également l’un des mauvais exemples de convivialité qui sapent la fidélité des clients.

Voici la règle d’or : votre site Web doit avoir la même apparence dans tous les navigateurs. Les utilisateurs auront du mal à mener à bien l’action visée lorsque la mise en page est déficiente et risquent de douter de la crédibilité de votre site Web. Imaginez un client qui veut passer une commande mais qui échoue à cause de la mauvaise mise en page. Si vous avez de la chance, il rechargera la page et réessayera. Dans le cas contraire, il cessera tout simplement d’utiliser vos services. N’oubliez jamais l’analyse de la convivialité de votre site Web et ajustez votre expérience utilisateur pour éviter cela. Mauvais exemples d’utilisabilité et problèmes de conversion. La mise en page étant cassée, l’écran glisse automatiquement vers le haut lorsque vous cliquez sur le champ. Lorsque l’écran glisse, cela donne l’impression d’une bosse sur le chemin de conversion de l’utilisateur. Si ces problèmes de mise en page persistent, le client risque fort de partir. Exemples de mauvaise expérience utilisateur et de problèmes de conversion. Les icônes de médias sociaux chevauchent le texte de la page. Lorsque les boutons de partage social ne sont pas à leur place, l’aspect est étrange et les utilisateurs se méfient de votre entreprise. De plus, ils peuvent cliquer accidentellement sur l’un des boutons et ouvrir leur compte de médias sociaux. C’est ennuyeux. Exemples de mauvaise expérience utilisateur et problèmes de conception. Le texte est mal affiché sur le site web responsive. Le texte est le principal type de contenu sur la plupart des sites web. En effet, il donne aux utilisateurs ce qu’ils recherchent sur le web : des informations. Par conséquent, personne ne voudra rester sur un tel site si votre contenu est peu pratique à lire. Exemples de mauvaise expérience utilisateur. Les miettes de pain chevauchent le titre en raison d’une mise en page défectueuse, et l’article ne commence pas sous l’image principale. Nous n’avons fourni que quelques-uns des exemples de mauvaise expérience utilisateur causés par des problèmes de mise en page. Néanmoins, ils ont une chose en commun. Le site Web est étrange et peu pratique à utiliser. Si vous remarquez des problèmes d’expérience utilisateur similaires, corrigez-les immédiatement.

Un bouton de site web est un moyen de signer un accord entre un propriétaire et un client. En cliquant dessus, les utilisateurs indiquent qu’ils souhaitent acheter un produit. Pas de bouton, pas d’achat. Pour obtenir des taux de conversion décents, testez régulièrement la convivialité de tous les boutons de votre site Web. Mauvais exemples de convivialité et problèmes de conversion. Les boutons « Acheter en 1 clic » et « Acheter à crédit » ne fonctionnent pas. Après avoir cliqué sur le bouton « Acheter à crédit », les utilisateurs devraient voir apparaître une fenêtre avec le calendrier des paiements mensuels et les conditions de crédit. Ils ne prendront pas la peine d’appeler votre responsable pour clarifier les détails. Il est toujours plus facile de fermer l’onglet et de trouver un autre site Web. Le bouton « Acheter en 1 clic » est pratique pour les clients fidèles qui achètent régulièrement chez vous et qui apprécient leur temps. Vous devez toujours être proactif face à ces problèmes de conversion et d’UX. Exemples de mauvaise expérience utilisateur. Les filtres et les boutons de sélection des couleurs ne fonctionnent pas. Si les couleurs sont importantes, les clients doivent pouvoir vérifier le produit dans différentes couleurs. S’ils ne peuvent pas le faire, les utilisateurs chercheront l’image sur d’autres sites web et passeront commande ailleurs. Mauvais exemples d’utilisabilité et problèmes de conversion. Lorsque les utilisateurs cliquent sur le classement par étoiles, ils sont ramenés à l’en-tête, et rien ne se passe. Ils ne peuvent donc pas laisser d’avis. Le fait que les fonctionnalités d’évaluation et d’avis ne fonctionnent pas peut amener les utilisateurs à penser que les propriétaires de sites Web ne tiennent pas compte de leur opinion. Cela entraîne une méfiance et une attitude négative à l’égard du site Web. Exemples de mauvaise expérience utilisateur. Bannière non cliquable sur la page principale. En plus de ne pas être cliquable, la bannière analysée ne comporte aucun appel à l’action. Heureusement, les propriétaires de sites Web peuvent facilement corriger ce défaut d’UX. Ils doivent d’abord ajouter un bouton « En savoir plus » ou « Visi » fonctionnel.

Un panier d’achat est un endroit à visiter absolument avant la confirmation de la commande. Toutefois, si l’icône du panier n’est pas cliquable, de nombreux utilisateurs ne perdront pas de temps à utiliser cette fonctionnalité inhabituelle et achèteront dans un autre magasin en ligne. Il est donc préférable d’éviter les expériences avec le panier d’achat et de toujours le rendre cliquable. Et encore une chose. Ne remplacez pas le panier d’achat par des synonymes créatifs, tels que chariot, panier, voiture, etc. De tels noms peuvent semer la confusion chez les utilisateurs et affecter les taux de conversion.

Articles : Bouton hamburger sur la version principale du site Slider sur la page principale Liens non mis en évidence Pop-ups avec le bouton Fermer Captcha ennuyeux Pop-ups intrusifs Inscription obligatoire pour passer une commande Pour garantir des taux de conversion élevés, vous devez rendre chaque étape de l’entonnoir de vente facile et prévisible. Lorsque les visiteurs d’un site Web doivent effectuer de nombreuses actions inutiles, ils s’irritent et partent. Une telle expérience utilisateur ne générera jamais de ventes.

Le bouton hamburger est constitué de trois barres horizontales qui ouvrent le menu du site Web lorsqu’on clique dessus. Destiné à une mise en page réactive, cet élément de conception UX simplifie la navigation du site Web sur les appareils à écran étroit. Si vous choisissez la même solution de conception pour la version principale du site web, son utilisabilité en souffrira. Les visiteurs devront effectuer une action supplémentaire inutile pour trouver les informations nécessaires. Cela augmente le risque que la prochaine fois, ils optent pour un site web plus pratique et plus facile à utiliser. Pas de menu hamburgerMenu hamburgerLes utilisateurs visitent un site web → sélectionnent la section de menu nécessaire → pour atteindre leur objectif.Les utilisateurs visitent un site web → cliquent sur le bouton hamburger → sélectionnent la section de menu nécessaire, → atteignent leur objectif. Utilisez le bouton hamburger uniquement pour la conception de l’expérience utilisateur d’un site Web responsive. La version principale doit comporter un menu linéaire simple.

Les bannières sont largement placées sur les pages principales. Mais il faut savoir que seulement 1 à 5 % du trafic s’y rend. En outre, de nombreux sliders ne s’affichent pas correctement sur les appareils mobiles et causent des problèmes de convivialité, comme les sites Web à défilement horizontal. Enfin, les sliders de qualité sont souvent coûteux, alors que les alternatives bon marché gâchent la conception de l’expérience utilisateur de votre site web : les utilisateurs vont sur le site web → pour voir des sliders peu pratiques → quitter la page ou détester votre expérience utilisateur.

Les liens permettent de maintenir les visiteurs sur le site web. Un utilisateur lit un article intéressant → voit un lien utile supplémentaire → clique dessus, et reste sur le site. Si un lien est difficile à remarquer, les gens ne le suivront pas et quitteront votre site Web plus tôt. Veillez donc à mettre tous les liens en évidence. NonOuiLes liens non surlignés nuisent à la conversion. Les liens non mis en évidence nuisent à la conversion (en savoir plus ici). Pour inciter les clients à utiliser les liens suivants, vous pouvez les répéter à la fin de l’article. Les utilisateurs seront ainsi plus enclins à visiter les articles connexes.

Considérez le visiteur d’un site Web comme votre invité. Il doit être libre dans tous ses choix et interactions. Un design sans bouton de fermeture tue cette liberté et met les utilisateurs mal à l’aise sur votre site. La prochaine fois, ils iront directement chez vos concurrents.

Le CAPTCHA est une solution utile qui protège les pages contre l’afflux de robots. À cet égard, elle est tout à fait bénéfique. Cependant, tout va mal lorsque le captcha est mal configuré et traite chaque nouveau visiteur comme un robot. Par exemple, un utilisateur ouvre le site pour lire un article mais perd du temps à taper des lettres et des chiffres au hasard. Lorsque le captcha est endommagé ou trop long, la situation s’aggrave encore. Si vous ne voulez pas perdre votre public cible et vos taux de conversion, effectuez une analyse de la convivialité de votre site Web et vérifiez votre captcha. Il doit être compact, discret et bien configuré pour mieux distinguer un utilisateur réel d’un robot. reCAPTCHA est une option recommandée.

Une pop-up est une bannière qui incite les utilisateurs à effectuer une action/conversion spécifique (par exemple, s’abonner à la newsletter, fournir un numéro de téléphone ou suivre le lien). Principalement utilisées pour la publicité , les pop-ups agacent souvent les visiteurs de sites Web lorsqu’elles sont hors de propos : développeur Ce que pense un utilisateur Nous devons le montrer à de nouveaux clients Ce site Web semble avoir un contenu intéressant ↓↓Let’s ↓ s’ajouter une pop-upJe n’ai rien lu, mais ils proposent déjà quelque chose de non pertinent. ↓ ↓ Pour une meilleure CRO, les pop-ups devraient inclure beaucoup d’offres intéressantesJ’ai lu quelque chose à ce sujet sur un autre site web sans ajout Les pop-ups peuvent vous aider à l’optimisation (CRO) si vous le faites correctement. Veillez simplement à les rendre utiles et à les afficher lorsqu’un utilisateur a déjà coché une partie du contenu.

Si la conception de votre boutique en ligne prévoit une inscription obligatoire, préparez-vous à des taux de conversion faibles. Pour collecter les données des utilisateurs en toute sécurité, expliquez les avantages de l’inscription et enregistrez automatiquement les clients après leur premier achat. Ensuite, envoyez aux clients nouvellement enregistrés leur mot de passe et proposez-leur de le changer. NonOuiLes utilisateurs ne peuvent pas acheter de produits sans s’inscrire.Après s’être inscrits, ils peuvent acheter tous les produits en un seul clic. Ils recevront aussi régulièrement des mises à jour par e-mail sur les remises, les offres spéciales et les bonus. Il est toujours plus facile de perdre des clients que de recueillir leurs coordonnées. N’oubliez pas d’analyser régulièrement la convivialité de votre site web et de détecter tout ce qui peut perturber ou perturber les utilisateurs. Ne soyez pas trop pressant. Et enfin, n’envoyez pas de spam et de publicités inutiles. Des bonus promis ? Génial ! Commencez par fournir des informations sur les bonus, puis passez aux publicités. C’est la seule façon de fonctionner et d’améliorer la conversion.

Pagination non configurée Chemins d’accès mal conçus Navigation incorrecte au niveau du site Web Une navigation fluide et une expérience utilisateur positive sont les armes secrètes des sites Web à faible taux de rebond. Les goulets d’étranglement de la navigation, au contraire, empêchent les utilisateurs de trouver ce qu’ils cherchent et nuisent à la conversion. Découvrez les problèmes courants de navigation sur les sites Web et éliminez-les pour réduire votre taux de rebond.

La pagination est le processus qui consiste à diviser un catalogue de produits en pages. Les robots de recherche vérifient ces pages juste après la page principale. Ainsi, une boutique en ligne dont la pagination est médiocre est généralement mal classée, ses ventes sont faibles et sa convivialité et sa conversion sont médiocres. Page principale Pages de paginationDit ce que les clients peuvent acheter dans la boutique en ligneComprend l’assortiment de produitsPagination page #1. Produits 1-30Page de pagination #2. Produits 31-60Page de pagination #3. Produits 61-90 Pour configurer la pagination, vous devez ajouter un titre, une description et un en-tête H1 uniques. Assurez-vous également que le texte de la page principale n’est pas dupliqué sur les pages de pagination.

En naviguant sur un site Web, les utilisateurs doivent toujours savoir quelles actions ils peuvent entreprendre et ce qui va se passer ensuite. Si ce n’est pas le cas, ils s’y perdent facilement. De tels problèmes d’utilisabilité entraînent une baisse de la conversion et doivent être immédiatement corrigés après un test d’utilisabilité. Erreur d’utilisabilité. Le nombre d’unités sélectionnées n’est pas affiché sur la page du produit, et il n’y a aucun moyen de modifier quoi que ce soit. Par conséquent, même lorsque les utilisateurs passent à l’étape suivante, ils ne peuvent pas sélectionner le nombre de produits. N’utilisez pas de fonctionnalités prêtant à confusion et montrez des conseils de clarification à chaque étape du chemin de conversion du client. C’est un moyen simple d’éviter les problèmes d’utilisabilité et de conversion.

L’objectif principal de la navigation sur un site Web est de créer un ordre. Si la navigation est compliquée ou peu claire, les utilisateurs ne parviendront pas à explorer pleinement votre site web. Ils partiront trop tôt sans avoir effectué la conversion (par exemple, passer une commande, laisser un numéro de téléphone ou s’abonner aux mises à jour). Exemple de problèmes de conception et de convivialité. L’ordre des catégories dans le menu est incorrect. Il est difficile de savoir quelle section est la principale et quelle section est secondaire. La duplication est une autre erreur de navigation courante sur les sites Web. Par exemple, la section Accessoires comprend une sous-catégorie qui peut dérouter les visiteurs du site. En raison de la mauvaise convivialité, les acheteurs potentiels auront du mal à trouver le produit souhaité. Effectuez une analyse de la convivialité du site Web pour mettre en place une navigation sans faille. Pensez comme un nouveau visiteur qui vient d’atterrir sur votre site Web. Le menu actuel lui permet-il de trouver facilement les informations nécessaires ? Si ce n’est pas le cas, envisagez de modifier le chemin de navigation.

Conception de site Web de mauvaise qualité Images disproportionnées Mauvaise combinaison de texte et d’arrière-plan Mauvaise conception et structure du texte sur les pages du site Web Mauvais choix de couleurs Faible appel à l’action Images de mauvaise qualité sur les pages de produits Mauvaise disposition des boutons sociaux Les éléments de conception peuvent faire que les utilisateurs aiment ou détestent votre site Web. Les problèmes de conception ont donc un impact direct sur l’expérience utilisateur et dissuadent les internautes de naviguer sur votre site. Les faibles taux de conversion sont une conséquence inévitable de ces problèmes.

La conception de sites Web doit attirer de nouveaux visiteurs et rendre chaque interaction avec l’utilisateur plus fluide. Un design décent stimule toujours la conversion. Un design mal conçu, obsolète ou trop créatif nuit au taux de conversion et doit être corrigé immédiatement. Exemple de mauvais design. Le site Web ressemble à un fouillis d’éléments sur un fond rouge. Les conceptions créatives constituent un véritable défi. Ils exigent beaucoup d’expérience, de compétences et un goût délicat. Ainsi, si vous avez des doutes sur votre idée, il est préférable d’opter pour des solutions de conception simples et classiques. Exemple d’erreur de conception et d’utilisation. Ces filtres de site Web inhabituels ne ressemblent pas à des filtres. La beauté d’un design complexe n’est souvent visible que pour le propriétaire du site web qui paie pour cela. Les utilisateurs préfèrent des pages pas trop lumineuses, bien structurées et faciles à utiliser. Tant qu’elles ont une bonne UX et remplissent leurs fonctions. Exemple d’erreurs de conception et d’utilisabilité. Un rubricator ressemble davantage à un quiz. Un design de qualité ne doit pas nécessairement être cher et encombrant. Alimenter un simple site web minimaliste avec une expérience client irréprochable sera suffisant pour attirer des clients fidèles. Clients satisfaits → augmentation des ventes → investissement dans la conception de l’expérience utilisateur du site Web.

Tous les éléments visuels du site doivent avoir le même style. Bien sûr, vous pouvez utiliser quelques accents lumineux, mais ils doivent correspondre au design général et ne pas dérouter les utilisateurs. Par exemple, un article contenant une description de produit peut inclure des images avec des proportions et des échelles différentes. Les utilisateurs comprendront que ces images sont nécessaires pour montrer plusieurs propriétés d’un même produit. Mauvais exemples d’utilisabilité. Les éléments de cette version mobile du site ne sont pas proportionnels. La première image est beaucoup plus grande que l’autre. Les images disproportionnées donnent à votre site Web un aspect désordonné et non professionnel. Si un utilisateur le remarque (ce qui est probable), il optera peut-être pour un site Web mieux conçu la prochaine fois. Malheureusement, lorsque quelqu’un abandonne la conception de l’expérience utilisateur de votre site Web, vous perdez le taux de conversion.

Le texte noir sur fond blanc est un choix de conception parfait, de même que le texte blanc sur fond noir. Bien sûr, vous pouvez combiner d’autres couleurs tant qu’elles ne se confondent pas ou n’affectent pas la lisibilité . Pour savoir si le texte et l’arrière-plan conviennent, assurez-vous que les utilisateurs peuvent facilement lire tout le contenu d’un seul coup d’œil. Texte noir et fond blancTexte blanc et fond noirTexte bleu et fond bleu clairTexte rouge et fond bleu foncé Si vous ne poursuivez pas un objectif particulier en matière de design, choisissez un texte noir sur un fond blanc. Inutile d’expérimenter avec les couleurs pour un simple effet esthétique. Au lieu de cela, vous feriez mieux d’investir vos efforts dans le contenu. Les utilisateurs l’apprécieront, et la conversion augmentera. Exemple de mauvaises combinaisons de couleurs dans des illustrations. Choisissez le texte et l’arrière-plan d’une mise en page réactive avec une attention particulière. Lorsqu’elle est affichée sur des appareils mobiles, toute information est plus difficile à lire. De plus, les problèmes de couleurs repoussent les clients plus que vous ne le pensez. Erreur de conception et d’utilisation. Le texte d’une version responsive est illisible. Si le classique blanc-noir ne fonctionne pas pour vous pour une raison quelconque, vous devez noter une chose. Les différents gadgets rendent les couleurs de différentes manières. Ainsi, si tout semble parfait sur votre ordinateur, cela ne signifie pas qu’un utilisateur équipé d’un smartphone Android bon marché bénéficiera du même affichage et de la même qualité que vous.

Personne n’aime lire un texte non structuré sans paragraphes, sous-titres, listes, images et blocs séparés contenant des informations importantes. Un tel contenu ne peut pas retenir l’attention suffisamment longtemps pour transmettre le message. Même si l’article est extrêmement intéressant, les utilisateurs ne le liront probablement pas, interrompant ainsi leur chemin de conversion. Un texte étouffant et non structuré. La conception du texte n’est pas une baguette magique qui favorise la conversion. Pourtant, elle augmente considérablement vos chances d’intéresser une plus grande partie du public cible. Un texte conçu et bien structuré. La conception du site peut être moins cruciale si le site est spécialisé dans les articles élaborés rédigés par des experts et s’il n’y a pas de concurrents dans la niche choisie. – Vous êtes un leader d’opinion et n’avez pas besoin de perdre du temps sur des éléments visuels. Dans tous les autres cas, un design de qualité est nécessaire pour améliorer les taux de conversion de chaque article.

Les couleurs sont un élément important de toute conception et de toute convivialité. Elles influencent l’humeur et permettent aux utilisateurs de se sentir à l’aise en lisant votre contenu. À l’inverse, même un contenu de grande qualité peut susciter de nombreuses critiques négatives lorsque le jeu de couleurs est mal choisi. Et vice versa, les visiteurs vous pardonneront probablement des erreurs mineures en échange d’une expérience utilisateur agréable. Si vous souhaitez concevoir vous-même un site Web attrayant et coloré, apprenez les bases de la coloristique. De nombreux conseils et astuces sont difficiles à exprimer en quelques mots ici. Une fois que vous avez choisi le schéma de couleurs, faites appel à un groupe de discussion pour lui demander ce qu’il aime ou veut améliorer. Cela devrait vous aider à obtenir une bonne convivialité et des taux de conversion élevés. Leçon sur la conception des couleurs. Laissez un fond blanc si vous ne voulez pas vous plonger dans les coloristes et passer du temps à choisir un schéma de couleurs. Cela vous semble trop banal ? Eh bien, Apple utilise le blanc et n’a aucun problème avec les taux de conversion.

Un appel à l’action résume votre offre en quelques mots. C’est comme une poignée de main que vous échangez après avoir discuté des termes de l’accord. Il est donc important d’inclure un appel à l’action dans chaque publicité et de choisir la bonne formulation ou conception pour optimiser le taux de conversion. Problèmes d’optimisation du taux de conversion (CRO). L’appel à l’action est faible car il n’y a pas d’offre claire dans la bannière ou le texte. Les problèmes d’appel à l’action sont courants dans les formulaires d’abonnement. Par conséquent, les visiteurs du site Web utilisent rarement les formulaires, même s’ils sont bien en vue. Problèmes d’optimisation du taux de conversion (CRO). Un CTA faible dans le formulaire d’abonnement. Il arrive qu’un CTA disparaisse sur la version responsive d’un site web. Il s’agit d’un défaut technique que vous devez détecter et corriger rapidement. Une analyse régulière de l’ergonomie du site devrait vous y aider. Un CTA cassé dans la version responsive du site web Un CTA ne donne des résultats significatifs que lorsqu’il est associé à une image de bannière. Utilisés séparément, les deux perdent de leur efficacité et passent inaperçus. Si vous utilisez un CTA, faites en sorte qu’il soit convaincant et clair. Notez qu’il doit également être assorti au design de la bannière et avoir l’air pertinent. Sinon, une partie des clients potentiels ignoreront tout simplement votre offre.

La majorité des utilisateurs vérifient les images avant de lire le contenu. Par conséquent, les images doivent toujours être nettes, soignées et pertinentes. Cela permet de créer la bonne perception du produit et de le montrer sous différents angles. Par conséquent, les utilisateurs prennent des décisions plus rapidement, et les taux de conversion augmentent. Problèmes de design et d’UX. Exemple d’une image de produit de mauvaise qualité. Pour résoudre rapidement les problèmes de qualité d’image, achetez une boîte de prise de vue portable économique (Photobox). Il s’agit d’un accessoire abordable qui ajoutera une touche professionnelle aux images de votre boutique en ligne.

De nombreux utilisateurs ne cliqueront pas sur les boutons de médias sociaux dont le design est de mauvaise qualité ou dont l’aspect est confus. Par conséquent, ces personnes ne continueront pas à découvrir votre contenu sur les médias sociaux, et l’optimisation du taux de conversion (CRO) en pâtit. Pour vous épargner des problèmes de conversion, veillez à investir dans une mise en page professionnelle. Erreurs de conception et d’utilisation. Les boutons de médias sociaux mal conçus et le widget Instagram sont dépassés. Outre les problèmes de conception, deux autres problèmes surviennent souvent avec les boutons de médias sociaux. Premièrement, des problèmes techniques peuvent rendre les boutons impossibles à cliquer. Comme vous ne pouvez pas vous prémunir contre ce problème, une analyse régulière de la convivialité de tous les éléments interactifs est essentielle. Le deuxième problème est la mauvaise sélection des médias sociaux. Par exemple, les taux de conversion baisseront considérablement si la plupart de vos clients utilisent Telegram, que vous ne prenez pas en charge. Vous pouvez soit tenir compte des préférences de votre public cible, soit vous préparer à le perdre. Quelles sont les erreurs de conception et d’utilisation auxquelles vous êtes confronté ? Quel est leur impact sur vos taux de conversion ? Partagez votre expérience dans les commentaires.

29 des meilleurs outils SEO pour auditer et surveiller votre site Web en 2022

L’objectif du marketing est de générer du trafic et des prospects qualifiés via le site Web de l’entreprise. C’est pourquoi, en tant que spécialistes du marketing, nous devons comprendre exactement ce que nous pouvons …

Besoin de plus de visiteurs sur votre site Web ? Revenez à l’essentiel

Lorsque vous entendez le terme « SEO » ou « optimisation pour les moteurs de recherche », pour qui pensez-vous que cela implique que vous devriez optimiser votre site ? Eh bien, je vais vous donner un indice : ce n’est pas pour les moteurs …

Demander l’indexation Google pour être trouvé plus rapidement

Lors de l’indexation, les moteurs de recherche comme Google enregistrent les pages web dans leur répertoire. Seul ce qui se trouve dans ce répertoire est affiché aux utilisateurs dans dans la recherche Google. …

Votre site 100% Gratuit

Profitez de votre création de site gratuite 👍
* Offre limitée jusqu’à fin Novembre

Vous souhaitez poster un commentaire ?

0 commentaires