Quatre techniques de conception UX pour encourager l'engagement des utilisateurs

Encourager les utilisateurs à rester sur leur site et à utiliser un site Web n'implique pas toujours un code plus fin ou des graphismes plus jolis. Certaines des mises en page les plus simples comme Reddit gardent les utilisateurs captivés par le contenu et ravis d’interagir avec le site..

Le secret réside dans l'expérience utilisateur et la prise en compte de Comment un site Web fonctionne. Les interactions découlent des éléments de page et des flux d’actions qui se déplacent d’une page à l’autre..

Dans ce post, je vais jeter un oeil à certains Techniques de design UX qui peut être appliqué à améliorer l'expérience utilisateur et augmenter l'engagement de l'utilisateur. Notez que celles-ci ne sont pas toujours applicables à tous les sites Web et qu'il est plus important de comprendre pourquoi ces techniques fonctionnent afin que vous puissiez utiliser votre propre jugement..

Le sujet de l'expérience utilisateur est vaste et nécessite de la patience pour bien comprendre. Mais plus vous pratiquez, plus vous comprendrez

La meilleure chose à faire est de jouer sur les sites que vous aimez et comprendre ce que tu veux à propos d'eux. À partir de vos expériences, vous pouvez extrapoler des idées cohérentes et déterminer ce qui vous retient (et peut-être d’autres) sur un site Web..

1. Utiliser le contraste pour attirer l'attention

Chaque site est construit avec une poignée d'éléments conçus pour l'interaction de l'utilisateur. Liens hypertextes, boutons, champs de saisie, widgets de la barre latérale, la liste s'allonge encore et encore. Mais tous les éléments ne doivent pas être créés égaux. Certains sont naturellement plus importants pour l’engagement des visiteurs et devraient être conçus avec contraste plus élevé se démarquer des autres éléments de la page.

Cette idée découle du contraste élevé des couleurs et de la façon dont les humains traitent les données visuelles sous forme de motifs. Lorsque quelque chose se démarque de son environnement, que ce soit par sa couleur, sa taille, sa forme ou ses espaces, il peut semble plus important en fonction du contexte.

Utilisez le contraste pour attirer l'attention sur certains éléments de la page qui engagent les visiteurs dans une tâche particulière. Si votre objectif est de créer davantage d'inscriptions à la newsletter, votre boîte d'abonnement peut comporter un bouton d'inscription animé ou une icône de vecteur unique..

L’objectif est de capter l’attention en créant une interface qui incite les visiteurs à effectuer les actions souhaitées..

Si vous avez le temps, il pourrait être intéressant de mener quelques études de cas A / B pour voir quelles couleurs / éléments jouent le mieux ensemble. Les statistiques sont difficiles à cerner, mais vous serez étonnés de l’utilité d’un simple test partagé..

2. Animation UI / UX de bon goût

Je suis récemment tombé sur un article intitulé Qu'est-ce que Disney sait de l'animation d'interface? Il couvre les points vitaux de l'animation et comment ceux-ci jouent dans la psyché des utilisateurs interagissant avec un écran 2D plat.

Différents types d'animations peuvent impliquer certains comportements. Par exemple, lorsque vous survolez un bouton, il peut rebondir pour indiquer qu'il est cliquable. Les messages d'erreur tremblent souvent pour attirer l'attention de l'utilisateur.

Rappelez-vous que L'animation UX doit être visible mais subtile. Les animations superposées sauvages sont davantage destinées à la télévision et aux films qu'aux interfaces.

Mais cela ne signifie pas que vos interfaces doivent rester plates. En fait, la plupart des utilisateurs plutôt avoir un certain type d'animation, car il donne l'illusion d'une expérience plus lisse. Le design numérique concerne en partie créer une interface illusoire, mais le plus réaliste il semble que plus vos utilisateurs voudront interagir.

3. Conception sensible comme exigence

Il est juste de dire qu’une bonne partie des utilisateurs d’Internet navigue à partir de leur téléphone portable. Les liens partagés vers des sites sociaux tels que Facebook et Twitter sont souvent visités directement sur les smartphones et les tablettes..

Cela signifie que chaque site Web doit être optimisé pour le mobile d'une manière ou d'une autre - de préférence avec un design totalement réactif..

Quand tu es obligé de considérer la taille de l'écran, il met les caractéristiques critiques dans une toute nouvelle lumière. En tant que designer, vous devez choisir les fonctionnalités les plus importantes et leur apparence sur des écrans plus petits. Il faut du temps pour apprendre cette stratégie de conception réactive, mais le meilleur moyen consiste à étudier d'autres sites Web et à choisir les techniques que vous aimez..

La vérité est travaux de conception sensibles et il est de plus en plus accepté par la communauté des concepteurs d'année en année.

Les utilisateurs s'attendent également à ce que les sites Web soient entièrement réactifs, de sorte qu'ils s'adressent à tous les écrans de périphériques. Lorsqu'un site ne s'intègre pas bien dans un navigateur Web mobile, l'expérience utilisateur peut en être gênant.

4. Simplifier le processus d'interaction

Smashing Magazine a récemment publié l'un des meilleurs articles que j'ai lus à l'appui de simplification de la conception d'interface. Il est indiqué que personne ne veut franchir des obstacles pour utiliser votre site Web ou votre application. Les gens ne sont intéressés que par le résultat final, et le le moyen le plus rapide d'y arriver.

J'aime créer des organigrammes UX pour chaque élément de page interactif chaque fois que je dessine des structures filaires. Ceux-ci aident à concevoir visuellement à quoi le site devrait ressembler et une fonction.

Mais en réalité, peu importe la façon dont vous planifiez l'expérience. Assurez-vous simplement de planifier l'expérience la plus rapide et la plus simple possible. Quand il s’agit d’encourager les activités, vous voulez que les choses importantes soient sous-entendu par la conception.

Si quelqu'un atterrit sur votre application Web et ne comprend pas comment s'inscrire tout de suite, c'est un énorme problème.. Cela devrait être flagrant à l'utilisateur ce que votre site fait et comment il peut en être séparé.

Le meilleur endroit pour commencer est de rechercher la conception UX et le processus de la façon dont les utilisateurs interagissent avec une interface. À partir de là, vous serez en mesure de tirer des conclusions pertinentes pour vos propres projets et, idéalement, de simplifier au maximum vos interfaces..

Pour des lectures connexes sur le sujet de activité de l'utilisateur, Découvrez ces messages:

• Briser les conventions de conception Web = Briser l'expérience utilisateur
• Archives sur la convivialité et l'expérience utilisateur dans Smashing Magazine
• Concepts de conception Web pour susciter l'interaction de l'utilisateur

Emballer

Il n'y a pas de réponse unique sur la façon de concevoir (ou de réparer) des sites Web pour améliorer la convivialité. Oui, il y a des choses que vous pouvez essayer mais chaque site est un peu différent et l'étude de la conception UX est très compliquée..

J'espère que cet article vous permettra de commencer à réfléchir à certaines techniques courantes permettant de créer des interfaces hautement utilisables. La meilleure chose à faire est de vous mettre à la place d'un utilisateur typique et d'essayer de déterminer les principaux défauts d'une interface. Et une fois que vous avez identifié un problème, vous êtes déjà à mi-chemin de la solution.!