9 problèmes et solutions UX courants

Publié: 2019-02-26

Les gens sont câblés pour reconnaître les modèles. Des formes dans les nuages ​​aux fluctuations prévisibles des marchés boursiers, les gens voient des choses qui n'existent parfois pas. Les concepteurs UX peuvent utiliser cela à leur avantage. En étudiant les modèles de comportement des utilisateurs, les concepteurs peuvent voir comment les utilisateurs naviguent sur les pages, utilisent une option de menu et comment ils utilisent votre site. Si vous utilisez Internet régulièrement, vous remarquerez forcément de nombreux modèles UX et les problèmes qui y sont associés. Certaines solutions à ces modèles ont bien fonctionné et ce sont celles que nous voyons à plusieurs reprises.

Masquer la table des matières
1. Signalement/rapport
2. Marquage
3. Formes conversationnelles
4. Conseils d'entrée
5. Faites glisser et déposez des actions
6. Connexion sociale
7. Entrées en langage naturel
8. Validation en ligne
9. Compteurs d'exhaustivité

Dans cet article, nous discuterons des différents modèles de conception qui prévalent aujourd'hui et de la manière dont les utilisateurs les utilisent. À l'aide de divers exemples, nous expliquerons comment ces modèles de conception sont utilisés par certains des meilleurs sites Web et applications Web pour résoudre certains problèmes d'utilisateurs existants.

1. Signalement/rapport

Ce modèle d'interface utilisateur est couramment utilisé lorsque l'utilisateur souhaite jouer le rôle de police du contenu. Cela aide l'utilisateur à mieux contrôler son site, en particulier lorsqu'il utilise des réseaux en ligne et des sites qui dépendent fortement du contenu généré par l'utilisateur. Par exemple, des sites populaires comme Facebook, Airbnb et pinterest permettent aux utilisateurs de signaler le contenu lorsqu'il enfreint les politiques du site ou est jugé inapproprié. Ils implémentent généralement cela en guidant l'utilisateur à travers un questionnaire. Cela peut aider à ajouter de la crédibilité au contenu qui est visible et permet aux communautés de se modérer elles-mêmes.

Broche

2. Marquage

Pour aider les utilisateurs à mieux organiser leur contenu et à trouver un contenu similaire, des sites populaires comme Behance et Flickr permettent aux utilisateurs de baliser facilement leur contenu avec des mots-clés spécifiques. Par exemple, Twitter et Instagram catégorisent vos hashtags selon un sujet ou une idée et vous permettent de les partager sur des sites comme Facebook ou Google+

Broche

3. Formes conversationnelles

Les formes conversationnelles centrées sur l'utilisateur ont tendance à mieux fonctionner que celles centrées sur la collecte de données. Les utilisateurs trouvent souvent que la saisie d'informations est une tâche fastidieuse. En concevant des formulaires qui ont un ton conversationnel, les concepteurs peuvent obtenir plus d'un utilisateur. Parfois, remplir les formulaires vierges s'avère plus attrayant et interactif que les onglets déroulants et les boutons radio. Bien que cela puisse ne pas fonctionner très bien avec des formulaires longs et complexes.

Broche

4. Conseils d'entrée

Il est utile de fournir aux utilisateurs des conseils pour les aider à déterminer le type de données à saisir dans un champ de saisie. Il existe de nombreuses façons de fournir ces conseils - avec l'aide de HTML5, les utilisateurs peuvent faire apparaître du texte en ligne dans le champ de saisie. Vous pouvez également avoir ce texte en dessous ou à côté d'un champ de saisie. La mise en œuvre de ce modèle de conception vous aidera à minimiser l'encombrement et obligera les utilisateurs à entrer leurs informations en éliminant les erreurs et les confusions possibles.

Broche

5. Faites glisser et déposez des actions

Ce modèle de conception d'interface utilisateur permet à l'utilisateur d'interagir avec l'interface de manière plus organique. Il est particulièrement utile lors de la réorganisation des éléments d'un site Web. Si vous cherchez à télécharger un élément ou un fichier, les utilisateurs devront cliquer sur différentes pages et passer d'Internet Explorer à la fenêtre du navigateur. La mise en œuvre d'un modèle d'interface utilisateur par glisser-déposer peut aider à éliminer cette maladresse et faire de l'interaction globale une expérience beaucoup plus simple et transparente. Certaines des entreprises populaires qui mettent en œuvre ce modèle de conception sont Asan, Google Drive et Dropbox.

Broche

6. Connexion sociale

La plupart des sites de réseaux sociaux implémentent une connexion facile en permettant aux utilisateurs de se connecter avec leurs comptes existants. Cela signifie qu'au lieu d'avoir à saisir votre nom et d'autres détails, vous pouvez vous connecter en connectant simplement votre compte existant au nouveau que vous créez. Cela signifie que vous avez un nom d'utilisateur et un mot de passe de moins à vous soucier et que vous n'avez pas à vous soucier autant de la sécurité du mot de passe. Google, Facebook et Twitter sont les principaux fournisseurs OAuth et permettent aux utilisateurs de se connecter facilement à la plupart des applications Web à l'aide de leurs comptes existants. Cela améliore considérablement l'expérience utilisateur et est mis en œuvre dans la plupart des applications Web.

Broche

7. Entrées en langage naturel

Il est plus facile pour les utilisateurs de saisir des données sans avoir à se soucier des formats de texte prédéfinis. Cela signifie que le système devrait traduire ces requêtes et phrases complexes dans le backend. Cela élimine le besoin pour l'utilisateur d'avoir à saisir des données dans plusieurs champs et rend l'expérience globale de l'interaction beaucoup plus facile pour l'utilisateur.

Broche

8. Validation en ligne

La mise en œuvre de ce modèle de conception peut faire de la saisie de données un processus interactif. Ce modèle d'interface utilisateur peut être utilisé pour donner un retour immédiat à l'utilisateur. Il est particulièrement utile lors de la saisie d'informations, de la vérification des erreurs de formatage, des numéros de téléphone mal saisis, etc. Twitter et Gmail implémentent ce modèle de conception et sont en mesure de fournir des commentaires immédiats à leurs utilisateurs lorsqu'ils s'inscrivent pour utiliser leurs services. Il est particulièrement utile lors de l'utilisation de formulaires d'enregistrement de compte et d'autres formulaires longs ou complexes qui obligent l'utilisateur à saisir des données dans plusieurs champs.

Broche

9. Compteurs d'exhaustivité

Des entreprises comme Linkedin et Google+ utilisent ce modèle de conception pour dire à leurs utilisateurs qu'ils ont atteint leur objectif. Ceci est souvent mis en œuvre en montrant aux utilisateurs un pourcentage quantifiable du chemin parcouru et du chemin qu'ils doivent parcourir.

Broche

Dans le monde en constante évolution de l'UX, les designers sont constamment confrontés à de nouveaux défis. En tenant compte de ce que veut le client, en comprenant ses préférences et en étudiant ses modèles de comportement, les concepteurs de sites Web sont en mesure de faire des choix éclairés pour créer une meilleure UX pour chaque utilisateur. Il existe de nombreux modèles de conception à apprendre. Nous espérons que ces modèles de conception couramment utilisés vous aideront à mieux comprendre certains des problèmes et solutions récurrents. Les étudier en profondeur vous aidera à voir des modèles plus larges ou les points communs entre des interactions plus petites.