web-dev-qa-db-fra.com

Comment puis-je améliorer cette interface d'assistant?

Je travaille à améliorer une interface de type assistant disponible pour nos utilisateurs. J'ai joint des maquettes des deux premiers écrans de la série. First ScreenSecond Screen

J'aimerais obtenir des conseils sur la conception. Actuellement, ces écrans apparaissent en haut de la page lorsqu'un utilisateur clique sur un bouton appelé "Créez votre propre entraînement". J'ai l'impression que ce n'est pas un bon design et que l'utilisateur devrait être amené à une page séparée qui montre ces écrans? Cette configuration est-elle intuitive pour l'utilisateur? Je suis plus préoccupé par le deuxième écran ... est-ce trop déroutant? Je le regarde d'un nouvel utilisateur "stupide". Je veux que ce soit indolore.

2
IZI_Shadow_IZI

L'interface est superbe, je suggère simplement deux choses:

  • repenser les champs et les réduire si nécessaire. Peut-être que l'étape "Modifier les exercices" pourrait même être exclue de cet assistant pour le rendre plus simple? La possibilité de tels ajustements pourrait être simplement indiquée en disant "Vous pourrez modifier les exercices plus tard".

  • Je déplacerais l'étape "Personnaliser l'entraînement" à la toute fin, en la combinant probablement avec la "Revue" (c'est un résumé des étapes précédentes, n'est-ce pas?). La raison en est que cela vous permettra de montrer aux utilisateurs la partie la plus "juteuse" du processus au tout début (la configuration de l'entraînement est ce qu'ils veulent faire, je crois). Après l'avoir fait, ils seront plus intéressés à remplir les champs Nom et Description.

De cette façon, vous pourriez vous retrouver avec deux étapes au lieu de quatre. J'espère que cela a du sens.

1
Dominik Oslizlo

Je suggérerais ce qui suit:

  1. Désactivez les onglets des étapes futures avant de les consulter via "Continuer =>". Autrement dit, vous ne voulez pas que l'utilisateur passe directement à l'étape 4 en sautant les premières étapes. Donnez donc un retour visuel que ces étapes ne sont pas encore accessibles.
  2. Ajoutez un bouton de fermeture "x" dans le coin supérieur droit - sinon comment pourrais-je annuler à partir de l'étape 2?
  3. Supprimez le bouton "Annuler" dans la première étape et "Retour" des étapes suivantes. Un utilisateur peut toujours revenir en arrière en cliquant sur le nom de l'étape dans la ligne supérieure.
  4. Placez le bouton Continuer dans le coin gauche. Pourquoi forcer les utilisateurs à déplacer la souris plus que nécessaire? D'autant plus qu'ils ont juste tapé quelque chose, donc ils pourraient utiliser un tapis de souris ou une souris "lente" similaire.
  5. Les explications sous "Nom" et "Description" ne sont pas du tout utiles. Personne ne pense à un nom et essaie ensuite de calculer le nombre de caractères de ce nom. Sans parler de l'ambiguïté inhérente au "caractère" de Word, et des différences potentielles dans la façon dont le navigateur/votre base de données/votre langage de programmation pourraient les interpréter. Unicode est difficile :(
    Vous feriez mieux de fournir une rétroaction explicite "X caractères restants" au fur et à mesure de la frappe des utilisateurs. (Un très bon exemple est la façon dont cela se fait sur ce site Web en laissant un commentaire)
1
Pasha

J'ai lu d'autres réponses de @Pasha et @Dominik et je pense qu'il manque certaines choses et certaines choses bien mentionnées, je vais donc combiner les points et ajouter les miens:

  • Je pense qu'il n'y a pas besoin d'onglet "éditer exercice" s'il n'offre rien d'autre que d'éditer le contenu de l'étape 2 c'est-à-dire "Sélectionner exercice" - Mettez un bouton éditer là même
  • Ajouter un bouton de fermeture "x" dans le coin supérieur droit
  • Supprimez le bouton "Annuler" dans la première étape et "Retour" des étapes suivantes. Un utilisateur peut toujours revenir en arrière en cliquant sur le nom de l'étape dans la ligne supérieure.
  • Le bouton Continuer me semble bien à la bonne position
  • C'est à vous de conserver ou non le bouton "Revenir". Cela ne fait de mal à personne.
  • Et vous pouvez laisser tout cela en haut de la page plutôt qu'une nouvelle page comme bon vous semble.
1
Ankit

Pour la case "Description": si l'utilisateur entre une description longue (jusqu'à 500 caractères sont possibles), le texte sera trop long pour être visible sans faire défiler ou déplacer le curseur. Vous pouvez envisager d'augmenter la taille de la boîte afin qu'elle puisse contenir les 500 caractères. À moins que vous ne disposiez de données suggérant que les utilisateurs utiliseront de courtes descriptions (mais alors pourquoi autoriser/avoir besoin de 500 caractères?).

1
Matthew