web-dev-qa-db-fra.com

Comment montrer que plus d'informations sont cachées?

Je crée un tableau de bord avec plusieurs états d'informations affichés pour chaque élément. A ce stade, j'ai un "tableau de bord rapide" et un "tableau de bord complet".

J'essaie de maintenir un style à l'échelle du site de panneaux d'information quart d'écran, demi-écran et plein écran. Dans ce cas, cliquer sur un bouton ouvrira le plein écran d'informations à partir du demi-écran.

Étant donné que la page comporte de nombreux boutons, comment puis-je au mieux indiquer que le fait de cliquer sur le "Tableau de bord complet" ne lancera pas une action ou ne les enverra pas sur une nouvelle page, mais révélera le reste du tableau de bord?

Mes deux idées sont "Carte cachée" et "Bouton de chevauchement".

Merci, et faites-moi savoir s'il y a un meilleur endroit pour poser cette question!

Hidden Card .

Overlapping Button

ÉDITER:

D'accord, j'ai réduit les options de 2 à ... 2 ?? Quelques informations supplémentaires à ce sujet:

  • Nous pouvons avoir une tonne de données moteur. Chaque camion possède de 12 à 40 champs de données distincts.
  • La carte est assez importante pour cette vue (vous pouvez suivre le camion, trouver sa prochaine destination répertoriée et comparer son emplacement à son chemin). La carte ne sera pas aussi importante une fois que vous aurez pénétré un niveau de plus dans les données - vous regardez alors les informations sur les camions plutôt que les informations de localisation. À ce stade, nous pouvons masquer la carte.

Option 1, carte cachée. Pareil qu'avant.

Option 2, bouton de chevauchement. Modifié le bouton sur la base de la suggestion de @MikeM, le transformant en un petit onglet Edge, le rendant plus visible que le bord complet (l'a rendu vertical pour indiquer que vous restez sur la page - il y a plusieurs boutons horizontaux qui quittent la page) . Small tab

Option 3. Toutes les données du moteur (odomètre) dans une colonne. Merci Ben et Madalina! One Column

4
Rachel

Soyez explicite sur les informations que l'utilisateur recevra en affichant plus.

Dans votre cas d'utilisation, il semble que vous ayez un sous-ensemble de données "les plus importantes".

Des termes comme Tableau de bord complet sont similaires à click here des liens ou des boutons, où nous (en tant que concepteurs) n'indiquons pas aux utilisateurs où le lien mène à l'étiquette, ni aux informations qu'ils obtiendront en y accédant.

Dites-moi quelles données vont être révélées. Les tableaux de bord sont tous des informations.

enter image description here

Vous pouvez également mesurer l'importance de ces données, par le nombre d'utilisateurs qui atterrissent sur le tableau de bord et rechercher immédiatement ces données. Cela pourrait révéler que cela est suffisamment important pour être visible lors du chargement de la page ou pour rendre un module supérieur constamment visible.

Mise à jour

En réponse au souci de s'assurer que les utilisateurs comprennent qu'ils ne vont pas sur une page séparée, vous pouvez concevoir un système d'onglet persistant, avec une étiquette descriptive indiquant ce qui va être révélé. Voici un rapide croquis possible:

@ra

Je ne suis pas sûr de la formulation finale, ou s'il est nécessaire de dire `` panneau '' s'ils sont clairs sur l'extension de l'onglet, mais vous pouvez affiner plusieurs itérations et le tester.

2
Mike M

Comme l'a dit Mike M, être explicite est généralement préférable. Si vous avez la salle, que le sujet de l'action et le résultat peuvent être distillés dans un langage concis, vous devez le faire.

J'ajouterais à sa réponse quelques améliorations possibles:

  • Au lieu de "Afficher", vous pouvez dire "Révéler". Cela implique mieux que quelque chose est exposé dans l'écran existant, ajoutant aux informations. Cela peut aider à clarifier les choses si vous n'êtes pas en mesure de rechercher une solution à onglets (d'autant plus que vous ne pouvez probablement pas avoir ce type de tabulation pour les petits écrans/mobiles)
  • Vous pouvez également envisager de le traiter davantage comme une zone de développement/réduction entre le contenu principal en haut et les données supplémentaires sous la règle horizontale. De cette façon, que ce soit avec un chevron haut/bas ou +/-, il sera très clair que le contenu est exposé dans la vue existante. Cela a l'avantage supplémentaire de travailler avec une gamme plus large de tailles d'écran et ne recouvre pas les données utiles (la carte) lors de la révélation de ces informations supplémentaires (au lieu de simplement pousser vers le bas d'autres contenus).
2
Ben Paddock