web-dev-qa-db-fra.com

Permutation entre différentes réponses à une question du formulaire afin que les deux résultats puissent être consultés

J'ai un site où, à une étape de l'assistant, l'utilisateur doit faire un choix entre une option ou une autre. Une fois qu'ils ont fait ce choix, les champs du formulaire et les informations résultantes sont spécifiques à cette réponse. Cependant ce n'est pas un choix fixe donc après l'avoir fait, ils peuvent basculer entre les deux pour voir lequel ils préfèrent.

Au lieu d'avoir à la fois des ensembles de formulaires de réponse et des informations affichées, il est plus logique de n'afficher que ce qui se rapporte à la réponse qu'ils ont choisie. (Il y a beaucoup d'informations appartenant à chaque réponse) Quelle méthode fonctionnerait mieux ici?

Je prévois de mettre les deux ensembles de formulaires derrière des onglets afin que l'utilisateur puisse basculer facilement entre eux, mais je crains que si je leur présente initialement le panneau à onglets, il donne une importance supplémentaire à l'onglet ouvert par rapport à l'onglet fermé . Nous voulons que l'utilisateur ait le libre choix de l'option à prendre.

J'ai également besoin d'avoir une brève description de la signification de chaque option.

Je pense qu'il y a deux options que j'envisage. Tout d'abord, pour ouvrir avec le panneau d'onglets à l'un des états avec des informations sur cet état par rapport à l'autre (avec possibilité de permuter si les onglets ne sont pas remarqués):

enter image description here

J'ai également une autre idée où je présente les deux options sous la forme d'une paire de boutons avec des descriptions à choisir, qui, une fois choisies, ouvriront le panneau à onglets dans l'état requis. Cependant, aller avec cela signifie qu'il n'est pas si clair que vous pouvez changer une fois que vous avez pris une décision, j'ai donc répliqué le texte de description et le lien vers l'autre onglet du panneau. Cela se traduit par une page assez longue et désordonnée et c'est l'une des choses que j'essaie d'éviter en premier lieu (ici, le contenu sous la ligne rouge n'est pas affiché tant que la question n'a pas été répondue):

enter image description here

Je suis sûr que des problèmes comme celui-ci ont surgi sur d'autres sites, mais je ne trouve aucun exemple de la façon dont ils ont été traités. Laquelle de ces routes j'ai choisi est préférable (le cas échéant) et pourquoi?

/ EDIT - Je dois mentionner que j'utilise la transmission automobile uniquement à titre d'exemple ici, ce n'est pas le but réel de ma demande, mais donne un bon exemple du problème particulier.

3
JonW

cela peut être trop d'une approche de bureau, mais je le ferais comme ceci:

  • Vous devez présenter le choix entre manuel et automatique comme boutons radio.
  • Les options spécifiques au type de transmission sont répertoriées sous le bouton radio correspondant. En fonction du bouton radio que vous sélectionnez, les options correspondantes seront activées, les autres seront désactivées.

Exemple:

enter image description here

Notez que cela semble beaucoup plus simple, car:

  • Il vous permet de supprimer le lien "passer en automatique"
  • Il vous permet de supprimer les onglets
2
Bart Gijssens