web-dev-qa-db-fra.com

Basculer entre une sélection ou une saisie de texte?

Essayer de déterminer un moyen possible pour l'utilisateur d'utiliser une option de sélection comme entrée ou texte si rien ne convient.

La plupart du temps, l'utilisateur utilisera ce qui a été prérempli dans les options de sélection, mais peut avoir plusieurs cas où une véritable saisie de texte est nécessaire.

Je ne pense pas qu'avoir un "autre" champ sur les options de sélection fonctionne avec un champ de formulaire affiché après, j'ai donc trouvé cette solution:

Le libellé ne restera pas tel qu'il est présenté, c'est uniquement pour vous de voir ce qu'il y a sur une base visuelle.

enter image description here

enter image description here

Vu travailler ici:

http://codepen.io/brycesnyder/full/WoeVrY/

Y a-t-il des pièges potentiels avec cette conception et cette fonctionnalité, ou existe-t-il une autre façon de représenter cela?

usabilitywebsite-designgui-designinteraction-designuser-behavior
2
Bryce Snyder

Pourquoi ne pas utiliser une combo?

Une zone de liste déroulante est une combinaison à la fois d'une liste déroulante et d'une zone de texte, et est un élément de contrôle commun sur le Web.

Exemples:

2
Tory

Il semble que la première décision des utilisateurs est de choisir entre:

  • Option prédéfinie
  • Option personnalisée

Selon l'importance des options prédéfinies, je peux penser à plusieurs façons de l'aborder.

Select:
    Option A
    Option B
    Option C
    Option Other. Fill:
        Text input

enter image description here

(La sélection de l'option autre afficherait la saisie de texte)

Radio:
    Option A
    Option B
    Option C
    Text input

enter image description here

(Un seul peut être sélectionné)

Radio:
    Predefined option. Select:
        Option A
        Option B
        Option C
    Custom option. Fill:
        Text input

enter image description here

Select:
    Option A
    Option B
    Option C
Checkbox:
    Text input

enter image description here

(Lorsque vous cochez "Entrer une option personnalisée", la saisie de texte doit apparaître)

1
Alvaro

L'un des meilleurs arguments pour utiliser les formulaires de liste et les listes en général est que les êtres humains sont très bons pour garder une trace des informations de haut en bas qui circule de manière sensée. De même, nous sommes habitués (au moins à l'ouest) à vérifier les informations les plus importantes dans le coin supérieur droit (d'où le placement habituel du logo). C'est à la fois ce à quoi nous sommes habitués (lecture de droite à gauche) et ce à quoi notre cerveau est efficace (suivi de haut en bas).

Bien que je n'aime pas nécessairement votre design, je pense que vous forcez le visiteur à rompre avec le schéma habituel des yeux de haut en bas en le faisant regardez vers la droite puis vers la gauche pour entrer avant de continuer. Pensez simplement à vos listes de tâches: les écrivez-vous de gauche à droite ou de haut en bas?

Vous pouvez faire un test A/B avec la saisie/déroulante de texte à droite et la saisie/déroulante de texte à gauche (en suivant le mouvement des yeux de haut en bas) et voir quels effets cela a sur les utilisateurs?

Rien de tout cela, bien sûr, pour dire que vous ne pouvez pas essayer quelque chose de nouveau et réfuter une théorie ou deux!

0
codeWolf

Il y a un risque que l'utilisateur ne voit pas l'option "Saisie de texte". Et il y a un autre risque que l'utilisateur ne le comprenne pas (le terme "entrée" à mon avis n'est pas très convivial, mais plutôt technique). Une suggestion pour votre conception pourrait être de renommer la "Saisie de texte" en "Autre" indiquant l'option d'ajouter quelque chose qui n'est pas contenu dans la liste déroulante.

0
Jesper Vestergaard