Tableau · DucDZ

01

Structure et signification

Comparer les informations et la présentation dans le contexte d'utilisation.

Définir un titre pour les donnéesAttribuez des noms de colonnes, des unités et des relations de cellules aux en-têtes en utilisant la structure de tableau correcte.Une présentation cohérente des nombres rend les comparaisons plus rapides que l'ajout de couleur à chaque cellule.Exemple La colonne « Revenu, VND » est alignée à droite et a le même format dans chaque ligne.Aligner les données par typeGardez les lettres, les chiffres, les dates et le statut cohérents ; suffisamment d'espace entre les cellules.L'alignement et les unités sont cohérents, tout en gardant suffisamment d'espace pour ne pas mal lire les données dans deux colonnes adjacentes.Rechercher des enregistrements en cas de besoinIndiquez la portée de votre recherche et gardez les mots-clés et le nombre de résultats clairs.Indiquez les champs recherchés et vérifiez les données représentées dans chaque champ, au lieu de simplement tester le nom de l'enregistrement.Affiche la commande en cours d'utilisationSi triable, indiquez la colonne et le sens du tri, prise en charge du clavier.

02

Interaction et convivialité

Essayez l'opération, modifiez le statut et continuez à travailler.

Associer l'opération à la bonne ligneUtilisez des noms d'utilisateur qui ont du contexte et n'affichent pas seulement les actions au survol.Lorsque vous lisez les noms d'actions avec des outils d'assistance, vous devez savoir à quelle ligne appartient l'action ; ne faites pas de chaque bouton une simple solution.Gardez les noms de champs sur des écrans étroitsPermet un défilement horizontal ou un pliage ciblé, sans couper les données importantes.Si le défilement horizontal est sélectionné, conservez le contexte de la colonne et l'indication de défilement ; Ne coupez pas complètement les colonnes importantes.Indiquer la position dans la listeLe cas échéantEn cas de pagination, écrivez clairement le total, la plage actuellement visualisée et les boutons de transition.Après avoir changé de page, conservez le titre du tableau et enregistrez la plage de visualisation afin que les utilisateurs comprennent la position dans l'ensemble du résultat.Distinguer entre chargement, vide et erreurMaintenez la structure stable et donnez des mesures appropriées à chaque cause.

03

Complétez l'expérience

Recherchez les détails faciles à manquer lors de la mise en œuvre de la conception.

Définir le style et la densité des lignesSpécifiez la hauteur des lignes, l'espacement, les séparateurs et les indicateurs de survol ou de sélection afin que les données restent faciles à analyser à la densité souhaitée.Pour les tableaux comportant de nombreuses lignes, équilibrez une analyse rapide avec un espace d’interaction suffisant. Testez à la fois le contenu des cellules sur deux lignes et les lignes sélectionnées.Filtrer par champs utilesSi des filtres sont disponibles, affichez les critères actifs et la portée des données et fournissez un moyen de les effacer et de revenir à la liste complète.Le filtrage et le tri sont deux choses différentes ; Changer le filtre ne doit pas faire perdre à l'utilisateur la trace de la commande en cours.

Tableau Système de conception

Structure et signification

Interaction et convivialité

Complétez l'expérience

Comment vérifier

Définir un titre pour les données

Exemples d’utilisation

Définir un titre pour les données

Trouver une checklist

Aucune checklist trouvée