Comment rendre les autres onglets plus visibles?
Nous avons une boîte de dialogue qui permet à l'utilisateur de choisir le "type" d'une forme: texte, pop up et lien. La modification du type modifie également le corps du modal. Notre conception actuelle utilise un soulignement pour indiquer l'onglet "type" actif (comme ce site utilise!). Chaque fois que je le regarde, j'ai l'impression de ne pas le faire avis les autres choix disponibles. Il semble que l'attention sur les choix soit perdue. J'ai validé cela avec quelques-uns de nos utilisateurs "beta" et ils ne "réalisaient" pas que les autres options étaient là.
J'aime bien le look de cette conception car il n'y a pas beaucoup de poids, mais les autres options ne semblent pas perceptibles.
La deuxième conception solidifie le "type" sélectionné. Est-ce que cette conception apporte trop concentration sur ce domaine? Cela augmenterait-il la capacité d'apprentissage de cette interface utilisateur?
Essayez d'ajouter une couleur d'arrière-plan au menu d'options. Si vous le distinguez de l'arrière-plan, puis mettez en surbrillance la sélection de couleurs, l'utilisateur peut voir qu'il a d'autres options.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
La réponse est de les faire ressembler à des onglets en premier lieu. Vous optez pour un design très épuré, qui a des avantages et des inconvénients. Les inconvénients sont qu'il y a souvent peu de moyens ou une indication visuelle de ce qu'est un article.
Donc, vous devriez essayer d'ajouter les éléments les plus subtils d'un menu d'onglet unique, jusqu'à ce que le vôtre soit plus clair. Il existe de nombreux éléments différents qui permettraient d'atteindre cet objectif, il vous suffit de décider lesquels ne vous éloignent pas trop de la cohérence de la conception.
Quelques exemples à considérer:
Soit
afficher les onglets sous forme d'onglets, c'est-à-dire que toutes les options ont une bordure supérieure, gauche et droite, le contenu a une bordure supérieure, qui est interrompue à l'option actuelle. L'onglet actif doit avoir le même style de couleur que la zone de contenu, et les autres options ont moins de luminosité. Ou
afficher les onglets sous forme de boutons, en utilisant les états actif et inactif (par ex. bleu/gris)