web-dev-qa-db-fra.com

Comment puis-je afficher de nombreux contrôles contenus dans les expandeurs?

Je construis actuellement un système de tableau de bord pour une usine et il y a un panneau de contrôle pour contrôler tous les affichages dans l'usine et pour décider quel détail (type KPI) afficher. Voici la conception du cadre métallique du panneau de commande

Control Panel Image

  1. Les deux fonctions principales du panneau de commande

  2. Les boutons pour activer/désactiver chaque KPI à l'écran

  3. Username

  4. Extender (chaque production a 7 sous-écrans et ceux-ci peuvent être visualisés en ouvrant l'extender)

enter image description here

Je ne suis pas satisfait de la disposition actuelle. Lorsque l'extension est ouverte, nous affichons trop d'informations sur le panneau. Et je me demande comment améliorer l'expérience utilisateur dans le panneau de configuration. Y a-t-il une autre représentation que je pourrais utiliser pour améliorer?

2
ncw

Lorsque je conçois des tableaux de bord, la première chose que j'essaie de me demander est de savoir si les informations peuvent me fournir un moyen de prendre une décision. Si vous avez encore besoin de faire beaucoup d'analyses et de calculs après avoir regardé les informations, la première étape consiste à voir comment rendre les informations plus faciles à interpréter. Le fait que vous sembliez avoir autant d'éléments et de catégories me suggère que quelque chose doit être mieux résumé ou regroupé, car en ce moment cela a un impact sur votre conception et, finalement, sur la façon dont l'utilisateur sera en mesure de comprendre le information.

2
Michael Lai

Ma recommandation serait de créer différentes pages pour les différents affichages.

Cela réduira les informations sur chaque page et permettra aux utilisateurs de trouver plus rapidement des choses et d'effectuer des tâches.

Le deuxième design met en évidence les éléments qui sont "activés" contrairement aux éléments qui sont désactivés. La page peut nécessiter un défilement, mais cela est acceptable pour les utilisateurs tant qu'ils sont conscients qu'il y a plus de contenu "sous le pli". Cette option est meilleure que d'essayer de tout faire sur la page à la fois.

J'ai supposé que les modules ne sont disponibles que si le KPI est activé.

Je ne suis pas pour "réduire les clics", car de nombreuses études ont montré que la réduction des clics n'augmente pas le succès ou la satisfaction des utilisateurs (études UIE).

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

mockup

télécharger la source bmml

1

Si la décision d'activer ou de désactiver doit être prise pour chaque KPI et pour chaque affichage individuellement, alors que vous le vouliez ou non, vous vous retrouverez avec une telle matrice. Dans ce cas, il est correct d'afficher toutes les options à la fois, car cela prend en charge la capacité de reconnaissance des formes humaines. Qu'est-ce que je veux dire par là?

Je pense que l'utilisateur a probablement un "schéma" en tête. Par exemple:

je veux activer KPI3 dans tous les écrans

Je veux activer KPI1 - KPI4 dans l'affichage de production 2

Peut-être que certains KPI ont une signification similaire et sont donc susceptibles d'être désactivés/activés ensemble ...

Donc, ce que vous pouvez faire, c'est améliorer l'application de ces modèles. Les mesures possibles sont:

  • ajouter la possibilité de sélectionner un groupe arbitraire d'éléments et de les désactiver/activer à la fois
  • ajouter la possibilité de sélectionner un groupe d'éléments connectés et de les désactiver/activer à la fois
  • ajouter la possibilité d'activer/désactiver une ligne entière (tout un écran de production)
  • ajouter la possibilité d'activer/désactiver une colonne entière à la fois
0
Anna Prenzel