Tableau de données

01

Informations et structure

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

Gardez les titres et les données cohérentsDéfinissez les noms de colonnes, les unités et l'alignement appropriés pour chaque type de données.La colonne d'identifiant doit également être reconnue lors du défilement horizontal ou de la sélection de plusieurs lignes.Exemple Le code de commande reste constant lorsque l'utilisateur consulte la colonne de frais à droite.Indique la colonne en cours de triAffiche la direction ascendante ou descendante et prend en charge le contrôle du clavier.Pour les colonnes avec des valeurs identiques, utilisez un sous-ordre stable afin que les lignes ne changent pas de place de manière inattendue entre les chargements.Autoriser la personnalisation des colonnes si nécessaireLe cas échéantSi vous masquez ou modifiez l'ordre, il existe un moyen de revenir à la présentation par défaut.Gardez la colonne d'identification du dossier accessible ; La configuration du masquage des colonnes doit être conservée séparément pour l'utilisateur s'il s'agit d'une préférence personnelle.Indique la plage de lignes sélectionnéeDistinguez la page sélectionnée en cours du résultat complet et gardez le compteur correct.Après avoir filtré ou changé de page, indiquez clairement si la sélection demeure ; L’action groupée doit utiliser exactement le jeu d’enregistrements promis.Manœuvres aériennes dépendantes du vol stationnairePermet l'accès au clavier et un nom d'utilisateur est attaché à l'enregistrement.Un bouton portant le même nom sur plusieurs lignes nécessite un nom d'accès contextuel, par exemple « Modifier le projet A » ; Ne forcez pas les utilisateurs à survoler pour voir l'action.

02

Actions et statut

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

Gardez la recherche et les filtres visiblesVous permet de modifier ou de supprimer des conditions sans perdre le contexte de la liste.Indiquer la position et le résultat totalGardez le contrôle de transition de page clair, en le mettant à jour correctement lorsque les résultats du filtre changent.Explication des données exportéesLe cas échéantAffiche l'élément sélectionné, la page en cours d'affichage ou tous les résultats.Si l'export s'effectue en arrière-plan, indiquez quand le fichier est prêt et comment le recharger ; Spécifie le filtre et limite les données dans le fichier.Distinguer entre attendre, vide et erreurDonnez un statut approprié à chaque cause et un parcours de traitement spécifique.

03

Complétez l'expérience

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

Gardez les colonnes d'identification visibles dans les tableaux largesLorsqu'un tableau nécessite un défilement horizontal, envisagez d'épingler la colonne de nom ou d'ID afin que les utilisateurs puissent toujours identifier l'enregistrement dans chaque ligne.Vérifiez que la zone des broches ne recouvre pas la colonne adjacente sur un écran étroit ; Désactivez-le ou modifiez la disposition si l'épingle prend trop de largeur.

Tableau de données Application Web

Informations et structure

Actions et statut

Complétez l'expérience

Comment vérifier

Gardez les titres et les données cohérents

Exemples d’utilisation

Gardez les titres et les données cohérents

Trouver une checklist

Aucune checklist trouvée