web-dev-qa-db-fra.com

Comment afficher une configuration plus détaillée?

J'aimerais obtenir ici un avis des professionnels UX. Notre application est conçue pour afficher toutes les informations importantes sur un seul écran, et les utilisateurs peuvent cliquer sur un paramètre particulier pour obtenir/modifier la configuration détaillée.

Lorsque les utilisateurs ouvrent des paramètres, ils les parcourent souvent tous, ils sont donc organisés en onglets.

Quelle serait la meilleure façon d'afficher ces paramètres détaillés?

Option 1 - "panneau à onglets" qui recouvre le reste de l'écran lorsqu'il est ouvert. Avec cette option avec laquelle je me bats, quelle est la meilleure façon de fermer le panneau des paramètres et de revenir à l'écran principal? Un clic à l'extérieur du panneau devrait probablement le fermer, mais dois-je ajouter un bouton ou un lien explicite Fermer ou X?

Option 2 - Boîte de dialogue contextuelle "classique" avec panneau à onglets à l'intérieur.

J'attache une image des deux options. enter image description here

1
Mark

Compte tenu de votre point -

Lorsque les utilisateurs ouvrent des paramètres, ils les parcourent souvent tous, ils sont donc organisés en onglets.

L'option 1 sera meilleure, car le bouton `` Suivant '' en bas fonctionne comme un point de navigation cohérent, et il conserve également tous les paramètres à la vue de l'utilisateur pour voir ce qui est suivant et précédent.

Quelques éléments à inclure:

  • Bouton/icône Enregistrer sur chaque onglet
  • Introduire le bouton "Précédent" à partir du deuxième onglet et masquer le bouton "Suivant" dans le dernier onglet
  • Si les titres "Moteur et Résultats" ne sont pas pertinents pour ces paramètres, superposez-les avec la zone de contenu de l'onglet car ils pourraient dérouter vos utilisateurs
2
DPS