Fermer

juin 29, 2022

Conseils UX pour rendre les formulaires numériques plus faciles et plus rapides4 minutes de lecture



Faites-vous face à des taux d’abandon plus élevés sur les formulaires de votre site Web ou de votre application ? Si c’est le cas, vous avez probablement le mauvais design pour eux. En tant que concepteurs UX, nous devons le concevoir de manière optimale pour le rendre plus facile et plus rapide pour les utilisateurs.

De l’inscription au choix d’un produit/service ou à la commande de quelque chose, les formulaires sont des éléments essentiels et stressants pour atteindre les objectifs de n’importe quel site.

Ce blog vous montrera comment concevoir des formulaires numériques pour une prise de décision plus rapide et plus facile.

Problème : Quelle cible est la plus facile à cliquer ?

Si vous répondez à la grande, vous avez raison.

Selon Loi de Fitt de UX, les cibles tactiles plus grandes sont plus faciles à cliquer en raison de la distance plus courte entre le curseur de la souris et la cible, une longue distance nécessite plus de temps et une plus grande précision pour cliquer. Cela ne signifie pas rendre tous vos boutons d’action ou boutons radio énormes, cela signifie que vous devez cesser d’utiliser les boutons radio natifs, mais plutôt les personnaliser et les reconcevoir pour une capacité tactile plus élevée.

Exemple Petites cibles tactiles

Dans l’image ci-dessus, notez à quel point les cibles tactiles sont petites, les utilisateurs auront du mal à cliquer dessus, surtout lorsqu’elles sont nombreuses. Il a besoin d’une attention UX pour augmenter la capacité tactile.

Solution 1 : sélectionner des cartes

Une façon d’augmenter la capacité tactile est de les transformer en cartes sélectionnées

Pour augmenter la capacité tactile, nous devons personnaliser et reconcevoir les boutons radio natifs en tant que cartes sélectionnées.

Solution 2 : sélectionnez des formes

Une autre façon d’augmenter la capacité tactile est de les transformer en formes sélectionnées.

« Sélectionner les cartes et sélectionner les composants de forme sont beaucoup plus faciles à cliquer car chaque option d’entrée a une grande cible tactile. »

Problème : Quel groupe d’options est le plus facile à choisir ?

Si vous répondez au groupe de droite, vous avez raison.

Le groupe de gauche contient uniquement des étiquettes, mais le groupe de droite contient des étiquettes avec des descriptions. La description a donné aux options une plus grande fidélité des informations, par conséquent, les utilisateurs peuvent différencier chaque option pour choisir la plus appropriée, avec les étiquettes, seuls les utilisateurs auront du mal à comprendre la différence.

Solution 3 : Fidélité textuelle

Parfois, une étiquette seule ne suffit pas, ajouter une description et des métadonnées peut aider les utilisateurs à prendre de meilleures décisions. Par exemple, ces services de coupe de cheveux seront plus faciles à choisir si chaque option contient non seulement le nom, mais également les détails du service, le temps d’exécution et le coût. Cette fidélité supplémentaire des informations aide beaucoup.

« Une plus grande fidélité des informations aide l’utilisateur à prendre de meilleures décisions. »

Solution 4 : fidélité visuelle

Non seulement vous pouvez ajouter une fidélité textuelle, mais vous pouvez également ajouter une fidélité visuelle à vos options. Par exemple, un utilisateur peut préférer prendre sa coupe de cheveux auprès d’un styliste particulier mais peut ne pas se souvenir du nom, mettre une image d’avatar contre le nom de chaque styliste permet à l’utilisateur de reconnaître le styliste par sa photo au lieu de rappeler le nom.

« Une plus grande fidélité des informations aide l’utilisateur à prendre des décisions plus rapides et plus précises. »

Solution 5 : Reconcevoir le menu de sélection natif

Vous devez également reconcevoir tout menu de sélection sur votre formulaire. La sélection du menu oblige les utilisateurs à faire défiler pour trouver l’option souhaitée, ce qui demande beaucoup d’efforts. Au lieu de cela, vous pouvez utiliser un calendrier pour les dates et sélectionner des formes pour le temps, ce qui permet aux utilisateurs de voir toutes les options possibles en un coup d’œil sans ouvrir et faire défiler le menu. Tout ce qu’ils ont à faire est de voir et de cliquer, ce qui est une interaction plus rapide.

Conclusion

Les options de saisie de formulaire natives sont difficiles à toucher car elles ont de petites cibles tactiles. Deuxièmement, les options de saisie natives sont conçues pour une faible fidélité des informations, ce qui incite les utilisateurs à réfléchir davantage à chaque option avant de pouvoir agir. Là, vous devez personnaliser et reconcevoir les options de saisie de votre formulaire afin qu’elles aient une capacité tactile cible et une fidélité des informations plus élevées. Cela rendra votre formulaire plus facile et plus rapide pour vos utilisateurs.

Merci d’avoir lu! Restez à l’écoute pour plus de conseils UX.

TROUVÉ CELA UTILE ? PARTAGEZ-LE




Source link

0 Partages