web-dev-qa-db-fra.com

Comment rendre un tableau de données à 12 colonnes plus utilisable?

J'ai les données suivantes avec moi:

enter image description here

En plus des 10 colonnes - Abri à permanent .., Cible, Identifié, Relié, Loué, Déplacé, Unités à cibler, Se déplace à cibler, Population vétérinaire et statut, les colonnes à ajouter sont Lead, Progress Made et Prochaines étapes.

Cela fera que le tableau aura environ 13 colonnes.

Je pourrais probablement supprimer la colonne de statut et mettre un drapeau vert ou un drapeau rouge sur la ligne elle-même pour indiquer le statut, mais cela me laisserait encore 12 colonnes.

Comment puis-je rendre cela plus utilisable?

De plus, les données modifiables dans ce champ (qui peuvent être remplies par l'utilisateur) ne sont que les lignes à partir de Misc. Unités abordables à Reliant. La ligne "total" est mise à jour lorsque l'utilisateur introduit les valeurs sous différentes lignes.

S'il vous plaît quelqu'un pourrait-il m'aider à rendre cela plus utilisable, rationalisé et compréhensible? Des croquis grossiers seraient vraiment utiles!

2
Rajat Agarwal

Tout d'abord, l'utilisateur doit rechercher dans trois endroits différents des informations sur chaque catégorie. Combinez tout pour chaque catégorie en un seul endroit.

Ensuite, si le cas d'utilisation à 90% est que le statut est "En bonne voie", vous n'avez pas besoin de répéter cela. N'afficher un indicateur que s'il est pas sur la bonne voie.

Ensuite, n'utilisez pas de colonnes alors qu'elles sont en fait des en-têtes.

En prenant ces points et en évitant d'utiliser des tableaux pour tout, vous pouvez convertir cela en un format de carte, qui sera plus facile pour l'utilisateur de trouver des informations.

Créez du texte d'au moins 16 pixels. Les italiques sont trop difficiles à lire; utilisez-les avec parcimonie. TOUS LES MAJUSCULES SONT ÉGALEMENT DIFFICILES À LIRE pour lire plus de quelques caractères.

enter image description here

Je suggérerais en outre que si un point de données est presque toujours n/a, ne le montrez pas sur la carte.

1
Eric Stoltz

Vous pouvez utiliser ce plugin jQuery pour le rendre plus utilisable. http://victordarras.fr/heavyTable/

0
Chintan Parmar