Fermer

mars 11, 2022

Utilisation de la logique conditionnelle pour améliorer la conception des formulaires et l'expérience utilisateur8 minutes de lecture



Une bonne conception de formulaire nécessite plus que des décisions de conception conviviales liées à l'espacement, à la sélection des polices, aux messages d'erreur, etc. Ces éléments sont tous importants pour la convivialité, mais examinons comment la logique conditionnelle peut faire passer la conception de formulaire au niveau supérieur.

J'ai récemment déménagé dans un nouvel État et j'ai fait toutes les choses pas si amusantes que vous faites lorsque vous vous installez. Visites DMV (Pouah ). Rendez-vous chez le médecin (majeur pouah ). Essayer différents studios de fitness (celui-là va bien ). Bien qu'il s'agisse d'activités très différentes, une chose est la même dans tous les domaines : la paperasserie.

Le problème avec ces formulaires est qu'il s'agit presque toujours de fichiers PDF statiques ou de véritables documents. Autrement dit, tout le monde reçoit le même formulaire. Et le fournisseur doit généralement mettre en évidence les domaines qu'il a besoin que vous remplissiez. Cela crée un travail supplémentaire pour eux ainsi que pour vous en tant qu'utilisateur.

Les formulaires de site Web ne sont pas non plus à l'abri de ce problème.

Bien qu'une bonne conception puisse certainement améliorer l'expérience utilisateur, parfois vous ne pouvez tout simplement pas contourner la nature fastidieuse des formulaires. Autrement dit, à moins que vous n'utilisiez une logique conditionnelle lors de la conception de vos formulaires numériques.

C'est donc ce que j'aimerais examiner dans cet article : les avantages d'équiper vos formulaires d'une logique conditionnelle et quelques excellents exemples de sites Web qui l'utilisent aujourd'hui.

Façons d'améliorer les formulaires de votre site Web avec une logique conditionnelle

La logique conditionnelle est un ensemble d'instructions IF/THEN programmées dans le backend de votre formulaire. Ainsi, lorsqu'un utilisateur entre une réponse spécifique, le formulaire s'adapte en fonction des règles que vous y programmez.

Vous pouvez utiliser la logique conditionnelle sur à peu près tous vos formulaires (sauf peut-être la connexion) :

  • Contact
  • Support
  • Caisse de commerce électronique
  • Demandes de devis
  • Demandes de démonstration
  • Inscriptions aux événements
  • Téléchargements de produits numériques
  • Prise de rendez-vous
  • Demandes d'emploi

Il existe un certain nombre de raisons pour rendre les formulaires de votre site Web dynamiques. Regardons quelques exemples.

1. Rendre le formulaire plus personnel

Lorsque votre site Web sert différents types d'utilisateurs, il peut être difficile de concevoir un site qui les attire tous à la fois, sans parler de concevoir un formulaire qui fait la même chose.

Avec les formulaires, cependant, vous n'avez pas à vous contenter d'une solution unique, ni à demander à certains utilisateurs de « passer de l'avant » afin qu'ils puissent se concentrer sur les éléments les plus pertinents. La logique conditionnelle vous permet efficacement de concevoir undynamiqueformulaire pour tous les segments d'utilisateurs.

Jetons un coup d'œil au formulaire de demande de devis sur leSite de Deux hommes et un camion.

Après avoir entré quelques informations de contact de base, les utilisateurs rencontrent cette question : « Comment pouvons-nous vous aider ? »

 Le formulaire de devis Deux hommes et un camion demande aux visiteurs « Comment pouvons-nous vous aider ? »  Ils peuvent choisir : Aidez-moi à déménager, J'ai besoin de fournitures, J'ai besoin de services d'entreposage, Je réorganise mon espace ou Aidez-moi à emballer.

Chaque service/segment d'utilisateurs est clairement défini ici. Ce que l'utilisateur sélectionne déterminera ce qui apparaîtra sur l'écran suivant.

Par exemple, voici ce que voient les utilisateurs qui ont besoin de fournitures :

 Le formulaire de devis sur le site Two Men and a Truck permet aux utilisateurs de savoir "Nous avons des emplacements pour vous servir!"  lorsqu'ils stipulent qu'ils ont besoin de matériel de déménagement.

Parce que je ne suis pas dans un endroit desservi par cette société, je ne vois pas grand-chose. Cependant, les utilisateurs qui le font verront une carte et les informations de localisation correspondantes où ils pourront récupérer des fournitures de déménagement.

Les utilisateurs qui ont plutôt besoin d'aide pour se déplacer verront cet écran :

Le formulaire de devis Deux hommes et un camion demande aux utilisateurs ayant besoin de services de déménagement : "Ces services sont-ils destinés à une maison ou à une entreprise ?"

Vous pouvez voir comment ce formulaire a été conçu pour segmenter soigneusement les utilisateurs. En fournissant des réponses précises, ils recevront au final un devis plus précis.

Les utilisateurs qui ont besoin d'aide pour quitter leur domicile voient ensuite cet écran :

Le formulaire de devis Deux hommes et un camion demande aux utilisateurs ayant besoin d'aide pour déménager de leur domicile quelle est leur adresse e-mail ainsi que de quel type de bâtiment il s'agit : maison, condo, appartement ou entrepôt.

S'il s'agissait d'un client professionnel, il lui aurait été demandé de saisir le nom de sa société et son adresse e-mail. Leurs choix de construction seraient :

  • Bureau
  • Dépot
  • Vendre au détail
  • Espace de rangement

Donc, vraiment, la logique conditionnelle profite à toutes les personnes impliquées. L'utilisateur remplit des questions qui l'aident à recevoir la meilleure réponse (et le meilleur service) personnalisé. L'entreprise en profite également car elle n'a pas de champs excédentaires à parcourir. Seuls les détails les plus pertinents parviennent à leur boîte de réception.

2. Gérez plus efficacement les demandes des clients

La logique conditionnelle peut faire plus que simplement segmenter vos utilisateurs. Il permet également d'organiser et d'acheminer les demandes vers le service correspondant.

Pour les grandes entreprises, cela sera certainement utile. C'est aussi quelque chose à considérer quand il s'agit de support technique.

Je ne peux pas vous dire combien de fois j'ai eu des problèmes avec cela en raison d'un manque de logique conditionnelle. Bien qu'un champ ouvert puisse sembler être un moyen simple et attrayant de laisser l'utilisateur expliquer ce dont il a besoin, il existe très peu de personnes qualifiées pour traiter chaque demande. Soit les utilisateurs finissent par traiter avec quelqu'un qui ne sait pas de quoi ils parlent, soit ils sont mélangés entre les membres de l'équipe jusqu'à ce qu'ils trouvent une solution.

leApplication de trading de crypto-monnaie Krakena un excellent exemple de la façon d'utiliser la logique conditionnelle pour éviter ce genre de problèmes :

 Sur la page du formulaire d'assistance Kraken, il est demandé "Comment pouvons-nous vous aider ?".  Il y a une grande barre de recherche en dessous avec un formulaire "Soumettre une demande".

Le formulaire d'assistance commence assez simplement : "Veuillez choisir votre problème ci-dessous." Une fois que l'utilisateur a sélectionné une catégorie, le formulaire commence à se transformer :

Un GIF du formulaire d'assistance de l'application Kraken montre comment le formulaire change lorsque l'utilisateur entre une réponse dans le champ "Veuillez choisir votre problème ci-dessous".

Il y a plusieurs raisons pour lesquelles cela va conduire à une excellente expérience utilisateur.

Pour commencer, ce n'est pas un "Que pouvons-nous faire pour vous ?" champ. Ceux-là sont nuls. Clair et simple. Vous prenez tout ce temps pour remplir le champ et la personne qui vous répond finit par vous poser encore plus de questions.

Deuxièmement, ce n'est pas seulement un champ où la logique conditionnelle s'applique. Au fur et à mesure que l'utilisateur remplit de plus en plus d'informations, le formulaire se transforme encore plus. Cela garantit que leur problème est correctement documenté, puis acheminé vers la personne exacte qui devrait s'en occuper.

3. Amenez les utilisateurs à travers vos formulaires plus rapidement

Les longs formulaires peuvent être intimidants, surtout lorsqu'on s'attend à ce que la transaction soit terminée et terminée en un rien de temps.

Une façon de traiter le problème de la taille et de la quantité de travail perçue qui y est associée consiste à diviser un formulaire en étapes et à utiliser une barre de progression/navigation en haut.

Je pense que c'est la meilleure solution que nous ayons en termes deconception formulaires longs pour être plus conviviaux. Cela dit, cela ne résout vraiment que le problème de la perception. La logique conditionnelle, en revanche, vous permet de traiter la question du temps et du travail.

utilisonsDominossystème de commande comme exemple de ce qu'il faut faire.

Lorsqu'un client se rend sur la page de commande de pizza, il voit ceci :

 La page des pizzas de Domino's Pizza est organisée en pizzas "Build Your Own" et en pizzas de spécialité comme le taco au poulet, le cheeseburger, l'extravaganZZa et le meatZZa.  Il y a aussi une barre latérale sur la droite qui aide les clients à suivre leur commande et les paramètres de commande.

Qu'ils choisissent de construire leur propre pizza ou l'une des pizzas de spécialité, la prochaine chose qu'ils voient est le formulaire contextuel Domino's Pizza Builder :

 Le formulaire de commande du site Web Domino's est un Pizza Builder contextuel.  En haut se trouvent les étapes pour la taille et la croûte, le fromage et la sauce, les garnitures et les accompagnements.  Au milieu se trouve l'image de la pizza exacte que l'utilisateur commande.  Et en bas, les utilisateurs "Choisissez votre" options de personnalisation.

Le haut du formulaire est comme les autres formulaires à plusieurs étapes avec la navigation par fil d'Ariane et l'étape actuelle surlignée en rouge. Mais ci-dessous, le traitement est très différent du formulaire de site Web typique.

Dans cet exemple, j'ai sélectionné la pizza "Build Your Own". Ce n'est donc pas comme s'il y avait des préréglages de garniture ou de préparation que Domino aurait pu ajouter au formulaire pour moi. Droit? Nan.

Plutôt que de me forcer à faire chaque choix sur chaque page, le formulaire a déjà été rempli pour moi :

 Une visite guidée du Pizza Builder du site Web de Domino.  Un utilisateur commande une pizza Build Your Own et personnalise les sélections prédéfinies pour la taille, la croûte, le fromage, la sauce, les garnitures et les trempettes.

En utilisant une logique conditionnelle pour charger des sélections prédéfinies dans le formulaire, l'utilisateur a moins de travail à faire. De plus, les bons préréglages peuvent leur donner l'impression que vous avez pris le temps de les connaître. Assurez-vous simplement que les préréglages sont basés sur des données. Si l'utilisateur est connecté, vous pouvez programmer les préréglages à charger en fonction de l'activité et des préférences précédentes du compte. Si ce n'est pas le cas, utilisez simplement les sélections les plus populaires comme préréglages.

Évidemment, ce type de logique conditionnelle ne fonctionnera pas pour les formulaires avec des questions ouvertes. Cependant, ceux qui ont beaucoup de questions à choix multiples le feraient certainement.

Emballer

En tant que concepteurs et développeurs, il est important de considérer comment l'esthétique d'un formulaire peut nuire ou améliorer la convivialité. Cependant, ce n'est pas la seule façon de résoudre les problèmes courants d'utilisation des formulaires.

La logique conditionnelle est un outil très utile pour améliorer l'expérience du visiteur du site Web avec les formulaires. Non seulement cela vous aidera à leur donner un aspect plus propre, mais ils peuvent également grandement rationaliser le processus de remplissage. Vos clients les aimeront aussi car ils réduisent la quantité d'extrapolation et d'administration qu'ils doivent faire lors de la gestion des réponses du formulaire.




Source link

0 Partages