web-dev-qa-db-fra.com

Quelles autres façons de présenter des données tabulaires au lieu du tableau standard dans l'interface utilisateur?

Quelles autres façons de présenter des données tabulaires au lieu du tableau standard dans l'interface utilisateur? Je ne veux pas que les données soient affichées dans des tableaux formels avec des lignes et des colonnes. Existe-t-il un moyen de les regrouper tous et de les montrer attrayants et agréables?

34
Hemalatha

Si les données sont tabulaires, alors je ne vois aucune raison pour laquelle on ne devrait pas aller avec des tableaux? Après tout, l'objectif de l'élément table est de montrer ce type de données.

Mais si votre question est de savoir comment rendre les données tabulaires plus belles, lisez cet article - http://darkhorseanalytics.com/blog/clear-off-the-table/

En résumé, il suit le principe de ' Moins c'est plus ' en supprimant les couleurs, en supprimant les lignes de la grille, en alignant les éléments en fonction de leurs types (nombres ou chaîne), etc. .

Une autre méthode consisterait également à utiliser des éléments graphiques tels que des graphiques à secteurs, des barres graphiques, etc.

Remarque: Les tableaux ne sont pas à l'ancienne. Mais utiliser des tableaux pour la disposition des éléments est.

44
Jigar

Avez-vous envisagé d'utiliser cartes pour afficher vos données? Ils deviennent très courants avec Material Design de Google et peuvent être très attrayants pour les yeux s'ils sont correctement conçus.

Bien sûr, placer trop de détails dans une carte est "contraire aux règles", mais c'est une alternative viable.

Pour plus de commodité, vous pouvez toujours fournir un bouton qui modifie la vue pour afficher les données dans un tableau.

9
Gareth

Un autre article utile qui confirme ce que la plupart des autres ont mentionné auparavant, mais avec un peu plus de détails, est le suivant: https://design-nation.icons8.com/intro-to-data-tables-design-349f5586180

Il vous fournit une plus grande variété d'exemples pour des cas spécifiques.

1
RobbyReindeer

Je ne peux pas en être certain, mais il me semble que la question concerne l'affichage des bordures autour des données, car l'utilisateur souhaite continuer à afficher les données sous forme de tableau. Si tel est le cas, utilisez un tableau sans ajouter de bordures.

Si vous avez besoin de l'habiller, utilisez votre propre CSS ou un framework CSS.

0
Allan