Personne ne veut créer de mauvais design, et pourtant cela arrive tout le temps. Et si la cause de la mauvaise conception varie, le résultat final est la même expérience utilisateur.

Une mauvaise expérience utilisateur frustre les utilisateurs et conduit souvent à l'abandon du produit. Dans cet article, je vais me concentrer sur un aspect particulier des techniques d’interface utilisateur mal conçues utilisant la conception, qui conduisent à de mauvaises UX.

1. Pop-Ups

Si je vous demande de nommer la chose la plus irritante sur le Web, il y a de fortes chances pour que vous répondiez "Pop-ups". l'expérience web la plus détestée déjà.

Nous connaissons tous ce sentiment. Vous visitez un nouveau site Web, le contenu de la page semble être intéressant. Vous commencez à le lire et au moment où vous êtes à mi-chemin du texte, vous êtes soudainement interrompu par une énorme superposition vous demandant soit de vous abonner à une newsletter, soit de vous proposer quelque chose. Dans la plupart des cas, votre réaction immédiate sera soit de fermer la superposition, soit de fermer la page entière, ainsi que la superposition.

opt6

Une superposition utilisée sur le site Web Esquire.

Il est évident que tant de sites utilisent cette technique: les annonceurs les payent. Cependant, la technique de pop-up est trop perturbatrice et elle a un impact négatif énorme sur les visiteurs. Chaque fois que vous montrez une fenêtre pop-up, vous demandez aux utilisateurs d'arrêter de faire ce qu'ils veulent faire (ce qui est important pour eux) et de se concentrer sur ce que vous voulez qu'ils fassent (ce qui est important pour vous). Il n'est pas surprenant qu'un tel comportement augmente souvent le taux de rebond.

Il est possible d'utiliser des pop-ups sans ennuyer vos visiteurs. Il suffit de suivre une règle simple pour déclencher une fenêtre contextuelle au bon moment. Par exemple, il est préférable de permettre aux utilisateurs de terminer l'activité en cours (par exemple, atteindre la fin de la page) avant d'afficher une fenêtre contextuelle. Une fois que les utilisateurs ont eu un peu plus de temps pour apprendre à vous connaître (votre marque et vos offres), la chance qu'ils soient disposés à faire ce que vous voulez qu'ils fassent augmente.

Un autre élément important est le message que vous avez dans votre pop-up. Vous devez écrire une excellente copie. La copie ne doit pas être insultante, trompeuse ou déroutante. Waitbutwhy aller encore plus loin et incorporer de l'humour dans son texte:

opt1

Lorsque les visiteurs lisent la copie de Waitbutwhy , cela leur fait sourire.

Cela vaut la peine de dire qu'il existe de nombreux outils moins intrusifs tels que des barres de sélection qui ne couvrent pas toute la page et produisent des résultats similaires en termes de conversion.

2. Défilement infini

Le défilement infini est une technique qui permet aux utilisateurs de faire défiler une grande quantité d’informations, sans ligne de finition en vue. La page continue simplement à se rafraîchir pendant que les utilisateurs défilent. La technique est devenue populaire à l'ère des appareils mobiles (le défilement est beaucoup plus confortable que de cliquer sur un petit écran). À première vue, cette technique est une solution parfaite pour de nombreux problèmes: elle nécessite moins d’efforts et rend la compréhension du contenu aussi simple que possible (tous les utilisateurs doivent faire défiler). Cependant, ce n'est pas une solution unique pour chaque site ou application.

Le principal inconvénient de la technique est également son principal avantage: il n'y a pas de ligne d'arrivée en vue. Lorsque les utilisateurs atteignent un certain point dans le flux, ils ne peuvent pas marquer leur position et y revenir plus tard (remarquez, je veux dire la position, pas certains éléments). Donc, s'ils quittent le site (par exemple, ils passent d'un appareil à un autre), ils perdront tout leur progrès et devront redescendre pour revenir au même endroit. L'incapacité à déterminer la position du défilement gêne souvent les utilisateurs et nuit à l'expérience globale de l'utilisateur.

En 2012, Etsy, un site de commerce électronique axé sur des articles faits à la main ou vintage, a expérimenté des mises en page pour sa page de produits. Ils ont implémenté une interface de défilement infinie et ont constaté que la nouvelle interface ne fonctionnait pas aussi bien qu'une version précédente avec pagination. Bien qu'un certain nombre d'achats soient restés les mêmes, l'engagement de l'utilisateur est tombé .

Qu'est-ce que l'exemple d'Etsy nous dit? Cela nous dit qu'avec chaque décision de conception, nous devrions peser le pour et le contre avant de l'intégrer à nos conceptions. Parlant de défilement infini, cela fonctionne bien pour quelque chose comme Twitter / Instagram où les utilisateurs sont heureux de scanner un flux de données sans fin sans chercher quelque chose en particulier.

3. Notifications push

Avez-vous déjà prêté attention au nombre de notifications que vous recevez quotidiennement de diverses applications? Combien de ces notifications vous préoccupent réellement? Pas trop, je suppose.

Chaque jour, nous sommes bombardés de notifications inutiles qui nous distraient de ce que nous faisons. Ils nous ennuient.

opt5

Le service de streaming envoie une notification à chaque utilisateur chaque fois qu'un nouvel épisode d'une émission est publié.

En fait, les notifications ennuyeuses sont la raison principale pour laquelle les utilisateurs désinstallent les applications mobiles (selon 71% des personnes interrogées).

La notification push est un outil puissant, mais comme tout autre outil, il peut être utilisé pour le bien ou pour le mal. Lorsque les utilisateurs commencent à utiliser votre application, ils ne craignent pas d’obtenir des notifications tant que les notifications apportent une réelle valeur. Il est essentiel de concevoir des notifications utiles, pertinentes et opportunes pour vos utilisateurs. Le contenu personnalisé est la clé de l'excellente expérience utilisateur. Lorsque vous transmettez le bon message à la bonne personne au bon moment, votre notification push devient un puissant déclencheur qui incite la personne à agir.

opt3

Netflix fait un excellent travail de personnalisation de ses messages à la personne qui les reçoit.

4. Défilement

Le défilement piraté est l’une des choses les plus ennuyeuses pour de nombreux utilisateurs, car il leur permet de prendre le contrôle et rend le comportement de défilement totalement imprévisible. Lors de la conception d'un site Web, dans la plupart des cas, il est préférable d'éviter le détournement de défilement et de laisser l'utilisateur contrôler sa navigation et son déplacement sur le site. Mais dans certains cas rares, le piratage de défilement peut convenir à vos utilisateurs. Par exemple, Tumblr utilise cette technique sur sa page d'accueil pour présenter des informations en morceaux.

opt2

Tumblr utilise le piratage de défilement pour fournir du contenu en morceaux.

Conclusion

Cela vaut la peine de dire que toutes les techniques mentionnées dans cet article ne sont pas mauvaises en soi. Les utilisateurs ne les détestent que lorsque les concepteurs les incorporent aveuglément. Chaque technique ou modèle de votre site Web ou de votre application doit être utilisé avec intelligence et modération.