Tableau de bord

01

Contexte et mesures

Comprenez les chiffres avant de décider quoi faire.

Montrer la situation actuelleRésumez les informations pertinentes pour l’utilisateur et mettez en évidence les changements importants depuis sa dernière visite.Gardez le message d'accueil bref. Donnez la priorité à ce qui a changé et au travail que l’utilisateur doit poursuivre.Donner aux métriques un contexte utileAffichez les métriques qui prennent en charge la tâche principale, avec leurs unités, leur plage de dates et leur statut de mise à jour.Chaque nombre a besoin d'une unité, d'une définition claire et d'une plage de dates qui lui donne un sens.Exemple « 42 commandes traitées au cours des 7 derniers jours » est plus utile qu'un numéro 42 isolé.Rendre la plage de dates claire et réglableAffichez la plage de dates et le fuseau horaire le cas échéant, et appliquez la même plage aux métriques associées.L'étiquette « Aujourd'hui » doit utiliser le même fuseau horaire que le calcul des données.Exemple Calculez les statistiques du jour en heure Asie/Bangkok plutôt que d'utiliser la date du calendrier UTC.Utiliser une base de comparaison claireIndiquez la période de comparaison, les unités et la signification d'une augmentation ou d'une diminution au lieu d'afficher uniquement des flèches.Utilisez des calculs équivalents pour les deux périodes et indiquez quand leurs durées diffèrent.Montrer à quel point les données sont actuellesAffichez l'heure de la dernière actualisation ou le délai connu et fournissez des commentaires lorsque les utilisateurs demandent une mise à jour.Affiche l'heure de mise à jour et le fuseau horaire à côté des données. Un ancien numéro doit être reconnu même si l'utilisateur ne clique pas sur Actualiser.

02

Tâches et actions

Retournez au travail et effectuez les tâches qui nécessitent une attention particulière.

Rendre les travaux récents faciles à rouvrirPermettez aux utilisateurs de revenir aux éléments récemment créés ou modifiés, avec des noms et des horodatages reconnaissables.Chaque ligne d'activité doit indiquer l'acteur, l'objet et le timing ; Ouvre l'enregistrement correct au lieu d'une liste générique.Prioriser les tâches qui nécessitent une attention particulièreMettez en évidence les délais et les décisions qui nécessitent votre attention et indiquez clairement la prochaine action.Afficher les alertes qui nécessitent une décision. Trop d’alertes rendent les tâches importantes plus difficiles à remarquer.Gardez les actions fréquentes à portée de mainFournissez un accès rapide aux tâches courantes, à l’aide d’étiquettes d’action spécifiques.Définissez des actions en fonction de ce que vous faites habituellement après avoir consulté les données, comme le traitement des demandes en attente ; vérifiez les autorisations avant d’afficher.

03

États des données

Distinguez le chargement, les données manquantes et les erreurs de chargement.

Guider les utilisateurs lorsqu'il n'y a pas de donnéesExpliquez ce qui apparaîtra ici et proposez une première étape pour créer, importer ou connecter des données.Suggérez une première action de création, d'importation ou de connexion correspondant à la raison pour laquelle les données sont manquantes.Chargez chaque zone sans perdre le contexteGardez les dispositions des widgets stables. Ne présentez pas les anciens chiffres comme les résultats d’un nouveau filtre.Chargez chaque bloc indépendamment lorsque cela est possible ; conservez la position et l'étiquette afin que la page ne saute pas lorsqu'une source de données tarde à répondre.Distinguer les erreurs des valeurs nullesIdentifiez la zone dont le chargement a échoué, conservez les filtres sélectionnés et proposez une nouvelle tentative sans effacer les zones chargées avec succès.Lorsqu'un widget échoue, conservez les widgets disponibles et réessayez la même partie avec le même intervalle de temps sélectionné.Exemple Afficher « Les revenus n'ont pas pu être chargés – Réessayer » au lieu d'afficher des revenus nuls en cas d'échec de la connexion.

04

Accessibilité et contrôle

Rendre le tableau de bord utilisable pour différents rôles et méthodes de saisie.

Prend en charge la lecture et l'interaction sans compter sur la couleurÉtiquetez les graphiques, proposez une représentation textuelle des données et rendez chaque action accessible à partir du clavier.Fournir des étiquettes de texte et des mesures pour les graphiques ; cochez pour lire dans l’ordre logique lors de la suppression de la disposition multi-colonnes.Autoriser les modifications de mise en page lorsque cela est utileLe cas échéantSi les utilisateurs peuvent masquer ou réorganiser les widgets, fournissez un moyen de restaurer les valeurs par défaut et une alternative au glisser-déposer.Un tableau de bord avec des tâches fixes n'a peut-être pas besoin d'être personnalisé. Ajoutez des contrôles de mise en page uniquement lorsqu'ils aident les utilisateurs.

Tableau de bord Application Web

Contexte et mesures

Tâches et actions

États des données

Accessibilité et contrôle

Comment vérifier

Commencez par les décisions que les utilisateurs doivent prendre

Vérifiez les plages de dates et les unités cohérentes

Conservez des résultats positifs lorsqu'un widget échoue

Proposer une personnalisation lorsqu'elle répond à un besoin

Exemples d’utilisation

Tableau de bord de traitement des commandes

Un widget ne parvient pas à se charger

Trouver une checklist

Aucune checklist trouvée