Existe-t-il un moyen plus lisible de présenter des données tabulaires?
J'ai des données tabulaires que j'affiche pour les utilisateurs. Ce ne sont pas beaucoup de données, mais je me demande s'il existe un moyen plus lisible de les afficher? À l'heure actuelle, les données ressemblent à ceci:
Existe-t-il une meilleure façon de présenter ces données ou cela semble-t-il assez clair/lisible?
Mise à jour:
Est-ce que quelque chose de plus dans ce sens est meilleur?
L'astuce consiste à ne pas le regarder comme des données ou des paires clé-valeur, mais comment l'utilisateur pourrait l'examiner.
Pour chaque point de données, évaluez ce que cela signifie pour l'utilisateur. Ex.
- Acreage .046 - cela signifie-t-il quelque chose pour l'utilisateur? Combien font .046 acres. Ils se soucient de la taille du lot. Pour les lots plus petits, vous souhaiterez peut-être utiliser différentes unités.
- Ensuite, vous avez des pieds carrés sur le côté droit, si cela se trouve à côté de la superficie
- # de bain, etc. pouvez-vous dire 2 chambres, 1 salle de bain au lieu d'un traitement de valeur clé?
Mes suggestions sont donc les suivantes:
- Humaniser l'information et ne pas aimer l'étiquette et la valeur
- Regroupez les informations en morceaux significatifs - taille, caractéristiques, valeur, etc.
- Évaluez les données elles-mêmes et voyez ce que l'utilisateur essaie d'en retirer et représentez-les en conséquence - la langue, la granularité, etc.
Ensuite, selon le problème que vous résolvez, il peut être utile d'augmenter ces informations supplémentaires. Par exemple, lorsque vous regardez la valeur $, si l'utilisateur se soucie des tendances et pas seulement de la valeur exacte, affichez une hausse ou une baisse flèche basée sur la valeur des 30 derniers jours (ou toute période pertinente)
Il est donc essentiel de comprendre ce que l'utilisateur en veut et de l'aider à y arriver.
Pourquoi ne pas regrouper un peu ces trucs? Un utilisateur lira ce formulaire et le remplira, je suppose? D'où vient l'information? Quelles informations l'utilisateur obtiendra-t-il de la même source, qu'est-ce qui proviendra de différentes sources? Dans quel ordre se trouvent-ils dans ces sources? Regroupez-les de sorte qu'un utilisateur qui a par exemple les papiers du bureau d'enregistrement immobilier pourront simplement prendre une de ces feuilles et copier ces trucs dans l'ordre, sans avoir à sauter et potentiellement manquer quelque chose.
aussi, pour une date, vous voudrez probablement ajouter un sélecteur de date afin qu'un utilisateur qui se souvienne "nous avons terminé la construction de cet appartement vendredi dernier" reçoive un calendrier où le dernier vendredi peut être cliqué sans avoir à faire des calculs de base et peut-être entrez la mauvaise date par accident.
De plus, s'il y a des champs qui sont de 2 lignes (je suppose que le propriétaire 1 et le propriétaire 2 le sont, à moins qu'ils ne soient en fait pour le cas où quelque chose a plusieurs propriétaires), utilisez une seule étiquette et affichez les deux champs regroupés. S'il s'agit de listes, affichez simplement un champ (ou 2 si c'est la situation la plus courante) et ajoutez des boutons "+" et "-" à côté des champs pour permettre d'ajouter le nombre de propriétaires qui a du sens.
Si vos champs contiennent des nombres qui ont une signification particulière (la juridiction et le district semblent correspondre aux noms de villes et à des choses comme ça), assurez-vous d'afficher des valeurs lisibles par l'homme. Par exemple. "East Village" ou autre chose. De cette façon, un utilisateur peut facilement reconnaître une faute de frappe. Si les chiffres ne sont pas une valeur commune utilisée dans les journaux gouvernementaux ou autre, vous devriez probablement même les laisser complètement et simplement traduire en interne les noms auxquels un humain s'attendrait en le bon numéro.
Enfin, structurez visuellement tout pour qu'un utilisateur répétitif puisse plus facilement reconnaître quel champ est où. Assurez-vous que les champs sont correctement dimensionnés pour leur contenu. Par exemple. si un champ est un nombre à 10 chiffres, faites-le juste assez large pour contenir 10 chiffres, afin que les utilisateurs obtiennent un indice qu'ils ont obtenu le mauvais numéro s'il est plus court ou plus long.
Tout en variant les longueurs, il est un peu plus difficile de créer un joli design visuellement attrayant, mais cela contribue également à rendre les différents groupes plus évidents, plus uniques et donc plus reconnaissables.
En plus des bonnes suggestions déjà mentionnées, je voudrais dire que la conception de votre exemple concerne davantage les étiquettes que les données réelles.
Après avoir vu quelques exemples de vos données, les utilisateurs auront une carte mentale de ce qu'est chaque élément et n'auront pas besoin de s'appuyer autant sur les étiquettes.
Effectuez un test avec des étiquettes plus petites, gris clair et des données réelles plus visibles, pour voir ce qui se passe.
Un problème avec les données de l'exemple est qu'elles sont affichées en majuscules. Cela rend la lecture encore plus "difficile": les majuscules ont toutes la même hauteur, la même forme et obligent l'utilisateur à regarder les lettres au lieu de lire des mots entiers. Si vous le pouvez, évitez le tout en majuscules.
la "lisibilité" est la capacité de distinguer clairement les lettres ou les petites parties de la page en se concentrant sur elles. Vous souhaitez améliorer la "lisibilité" qui comprend la lecture rapide et la convivialité qui comprend le regroupement des informations comme d'autres affiches mentionnées.
Beaucoup de bons conseils ici comme déjà éviter les majuscules (ils sont très lisibles mais pas très lisibles. Ils ralentissent la lecture et obligent l'œil à se concentrer sur les lettres individuelles au lieu du mot entier. Les formes de lettres majuscules ont été conçues pour ralentir un lecteur par typographes qui les utilisent et ils sont destinés à impressionner les gens avec leurs détails pour ne pas les aider à les lire rapidement et confortablement).
Un bon test d'une mise en page est également de savoir si vous pouvez supprimer les lignes de la grille. Les lignes de la grille ralentissent également la vue à l'œil comme si vous aviez un arrière-plan statique ou texturé, ce serait plus de traitement pour les centres optiques du cerveau. Une conception mal organisée et mal agencée a besoin de lignes de grille pour compenser un emplacement déroutant des éléments, mais une bonne conception avec des informations espacées et situées intelligemment n'aura pas besoin de lignes de grille dans la plupart des cas.
Je dois appuyer le point soulevé par quelqu'un à propos du fait qu'il s'agit principalement des étiquettes. Les étiquettes sont mises en évidence et en gras comme si elles étaient plus importantes que les informations. Beaucoup de concepteurs de formulaires débutants regardent les étiquettes plus que les données lors de la conception, mais pour le lecteur, les informations doivent être visibles de plus loin et attirer l'attention visuelle. Pensez à un petit texte gris pour les étiquettes. Vous pouvez essayer de regarder les formulaires imprimés, car ceux-ci sont généralement conçus par des personnes formées en conception graphique et en typographie.
Quant à l'organisation, pourquoi ne pas changer l'ordre pour avoir plus de sens. Rassemblez toutes les valeurs en dollars dans l'ordre d'intérêt dans lequel le lecteur veut les voir. Regardez les listes de propriétés du magazine immobilier et notez qu'elles mettent en gras les parties importantes et comment elles regroupent la superficie du terrain et la superficie du bâtiment et la carte nombre/lien ensemble pour une lecture plus facile.
Du côté positif, j'ai vu bien pire et au moins vous alignez les choses, ce qui est bien. il est clair dans quel ordre les choses se passent et le lecteur n'est pas confondu avec des emplacements aléatoires de données qui pourraient les amener à manquer quelque chose.