Assistant
Présentation
Un assistant est un formulaire de plusieurs pages qui guide les utilisateurs tout au long d'un flux complexe ou d'une série de tâches interdépendantes, par exemple, la création d'un devis, la modification d'une police et le renouvellement. Les assistants doivent être suffisamment flexibles pour que les clients puissent les adapter à leurs besoins. Cela inclut la modification de la mise en page, du thème, des composants et des composants personnalisés.
Quand l'utiliser
- Pour décomposer les tâches longues et complexes en étapes plus petites et plus faciles à gérer.
- Pour les transactions de devis et de paiement.
Quand ne pas l'utiliser
- Si une tâche peut être accomplie en une seule étape sans causer de confusion ou submerger l'utilisateur. Dans de tels cas, il se peut qu'un assistant ne soit pas nécessaire et qu'il introduise une complexité inutile.
- Pour les tâches simples de saisie de données. Envisagez plutôt d'utiliser le modèle Formulaires.
Structure
Exemple de modèle d'assistant apparaissant dans un flux Quote and Buy pour les détenteurs de police (version de bureau).
La mise en page, le thème et les composants peuvent varier en fonction de l'application et du cas d'utilisation.
Dans cet exemple, le modèle de l'assistant se compose des éléments suivants :
- Disposition des étapes : communique la progression de l'utilisateur au fur et à mesure qu'il progresse dans la tâche.
- Zone de contenu principale : affiche les conteneurs de formulaire, les champs de formulaire et les contrôles de formulaire.
- Pied de page de bouton : comprend un ensemble standard d'actions permettant de contrôler le flux de l'assistant.
Directives générales
- Utilisez l'assistant lorsqu'une tâche exige que les utilisateurs effectuent plusieurs étapes séquentielles. Un assistant peut simplifier des tâches complexes en les divisant en une séquence de blocs. Pour les formulaires qui nécessitent une validation ou une vérification des entrées utilisateur, un assistant permet de guider les utilisateurs tout au long du processus et de fournir des commentaires en temps réel.
- Orientez les utilisateurs en étiquetant clairement chacune des étapes et en mettant en évidence l'étape en cours.
- Minimisez la prise de décision et simplifiez l'interaction en appliquant un ordre séquentiel clair des étapes.
- Permettez aux utilisateurs de quitter l'assistant à mi-chemin et d'enregistrer leur progression. Bien que les utilisateurs aient le coût cognitif de la récupération du contexte et de la mémorisation de leurs objectifs, ils n'auront au moins pas à saisir à nouveau les mêmes informations.
- Assurez-vous que les étapes de l'assistant sont autonomes et ne nécessitent pas d'informations disponibles ailleurs dans l'application ou à une étape précédente.
- Optimisez le flux de l'assistant pour différentes tailles d'écran et différents appareils (bureau, tablette, mobile) pour garantir une expérience cohérente.
Source : Nielsen Norman Group
Contenu
Directives générales relatives à la rédaction
- Mettez une majuscule en début de phrase pour tous les aspects relatifs à la conception des interfaces de produit Guidewire. Ne mettez pas la 1re lettre du 1er mot du titre en majuscule.
- Utilisez des verbes au présent et la forme active dans la plupart des cas.
- Utilisez des contractions courantes pour donner à votre texte un ton plus naturel et informel.
- Utilisez un langage simple. Évitez tout jargon inutile et les formulations complexes.
- Utilisez des termes et des phrases concis.
Étiquettes d'étape
Utilisez une étiquette courte et descriptive pour chaque étape. Le titre en haut de chaque écran peut donner des informations sur l'étiquette de l'étape. Cependant, dans tous les cas, il doit exister une relation directe entre l'étiquette de l'étape et le titre de l'écran.
Étiquettes de bouton
Les étiquettes de bouton par défaut pour la navigation dans l'assistant sont Retour, Suivant et Terminer. Lorsque vous remplacez les étiquettes de bouton par défaut, gardez-les courtes et orientées vers l'action, comme Ajouter un conducteur.
Accessibilité
Assurez-vous que le flux est conçu pour être accessible aux utilisateurs en situation de handicap, notamment qu'il est compatible avec les lecteurs d'écran et la navigation au clavier.
Interactions
- Les assistants comprennent des boutons Retour et Suivant qui permettent aux utilisateurs d'avancer ou de reculer dans les étapes. En outre, les utilisateurs ont la possibilité de naviguer directement vers des étapes spécifiques à l'aide d'une barre de progression visible.
- Chaque étape contient généralement des champs dans lesquels les utilisateurs saisissent des informations ou effectuent des sélections. Selon les entrées de l'utilisateur, certaines étapes ou certains champs peuvent être affichés ou masqués de manière dynamique.
- Les données saisies dans les étapes précédentes sont enregistrées ou stockées, ce qui permet aux utilisateurs de naviguer librement sans perdre leur progression.
- La dernière étape fournit un résumé des informations saisies.
Réactivité
Le modèle de l'assistant est conçu de sorte que peu de modifications sont requises en cas d'utilisation sur une tablette ou un smartphone. L'empilement de certains champs de saisie et d'autres composants peut se produire à mesure que la taille de l'écran diminue. Les indicateurs de progression peuvent changer pour s'adapter à l'espace réduit de l'écran.
Création de thèmes
Par défaut, le thème et la marque correspondent à ceux de l'application, sauf s'ils sont remplacés.
Il est possible de donner un thème aux modèles pour répondre à des exigences spécifiques en matière de valorisation de la marque et aux besoins des clients. Cela inclut des éléments visuels tels que les couleurs, la typographie, les icônes, les boutons et d'autres composants et éléments graphiques.
En savoir plus sur les thèmes avec les jetons de conception
Prise en charge de la recherche
La recherche de ce modèle a consisté en une analyse concurrentielle. L'analyse concurrentielle est une technique de recherche que vous pouvez utiliser pour comparer et comprendre ce sur quoi les autres travaillent dans le même domaine. Les concepteurs d'expérience utilisateur ont analysé plus de dix des plus grands assureurs aux États-Unis, au Royaume-Uni et dans l'UE, en examinant les dispositions, les styles, les éléments et les comportements des assistants. Ils ont recherché les forces et les faiblesses relatives, les tendances et les différences. Les concepteurs ont pris ces informations, ont trouvé des points communs et ont créé un modèle basé sur ces pratiques.
Des tests d'utilisabilité ont été effectués sur les assistants des agents et des détenteurs de police et avec des résultats positifs.
Composants et modèles connexes
Composants
- Barre de progression simple
- Barre de progression des étapes
- Barre de progression de phase
- Groupe de cases d'option
- Case à cocher
- En-tête
- Bouton bascule
- Liste déroulante
- Saisie de texte
- Boutons
- Icône
- Modal
Modèles
Ressources
Téléchargez un fichier ZIP contenant tous les derniers modèles Jutro et commencez à concevoir des expériences.