Sprint : Saviez-vous qu’une conférence en ligne sur la conception de produits est prévue prochainement ? SPRINT traitera de la manière dont les concepteurs et les propriétaires de produits peuvent garder une longueur d’avance en ces temps sans précédent.
Les tableaux de bord sont un moyen unique et puissant de présenter des renseignements basés sur des données en utilisant des techniques de visualisation de données qui affichent des données pertinentes et exploitables ainsi que des statistiques de suivi et des indicateurs clés de performance (KPI). Les tableaux de bord doivent présenter ces données dans un format rapide et facile à scanner, avec les informations les plus pertinentes compréhensibles d’un seul coup d’œil.
Le terme est né du tableau de bord traditionnel des automobiles, et ils ont évolué pour remplir la même fonction dans le monde numérique. Dans son livre, Stephen Few l’a mis en valeur :
Un tableau de bord est un affichage visuel des informations les plus importantes nécessaires pour atteindre un ou plusieurs objectifs ; il est consolidé et organisé sur un seul écran afin que les informations puissent être suivies en un coup d’œil.
Dans cet article, nous présentons des exemples stratégiques, analytiques, opérationnels et informationnels ainsi que les principes fondamentaux qui sont au cœur de toute conception de tableau de bord réussie, quel que soit son type.
Avoir la bonne approche pour visualisation des données est un élément clé pour jeter les bases d’un tableau de bord réussi. La visualisation des données est la présentation des données par des graphiques et des images – son objectif principal est d’aider les décideurs à identifier des modèles ou à comprendre des concepts difficiles qui peuvent passer inaperçus dans les applications textuelles.
Dans leur livre, Visualisation des données, Noah Iliinsky et Julie Steele state :
L’objectif du concepteur d’une visualisation de données est de créer un produit qui sera bien reçu et facilement compris par le lecteur. Tous les choix de conception et les mises en œuvre particulières doivent servir cet objectif.
Caractéristiques principales des grands tableaux de bord
Un tableau de bord efficace permet de visualiser d’un seul coup d’œil des informations utiles et exploitables. Il simplifie la représentation visuelle de données complexes et aide les parties prenantes à comprendre, à analyser et à présenter des informations clés.
Les grands tableaux de bord sont clairs, intuitifs et personnalisables.
- Ils communiquent les informations rapidement.
- Ils affichent les informations de manière claire et efficace.
- Ils montrent les tendances et l’évolution des données au fil du temps.
- Ils sont facilement personnalisables.
- Les principaux widgets et composants de données sont effectivement présentés dans un espace limité.
Une première adaptation des données et des informations visuelles aux principaux besoins des utilisateurs permettra d’améliorer la convivialité et d’éliminer la nécessité d’avoir recours à différentes personnalités d’utilisateurs.
De superbes tableaux de bord permettent de tout consulter en un seul clic.
- Toutes les informations essentielles sont immédiatement accessibles.
- Les données sont classées par ordre de priorité.
- Les informations sont affichées clairement dans une hiérarchie visuelle sur un écran.
- La conception offre une vue d’ensemble cohérente qui comprend des données initiales claires et éparses, avec des possibilités supplémentaires d’approfondissement.
- Les éléments (graphique, tableau, formulaire) sont affichés dans une vue réduite avec la possibilité de faire apparaître plus de détails dans une fenêtre modale ou d’aller à une page plus détaillée.
- La conception améliore la convivialité grâce à des filtres permettant aux utilisateurs de personnaliser l’affichage des données et de filtrer le contenu à l’aide d’étiquettes, de catégories et d’indicateurs de performance clés.
Une complexité réduite pour plus de clarté
Dans un monde submergé de données, fournir des informations claires est l’une des choses les plus difficiles à accomplir. Il est essentiel de ne présenter que les données les plus pertinentes sur les tableaux de bord – plus nous affichons d’informations, plus il est difficile pour les utilisateurs de trouver ce dont ils ont besoin.
Lorsqu’il y a trop de données à sélectionner, concepteurs ne doit afficher que le sous-ensemble le plus pertinent. Nous devons établir des priorités et supprimer soigneusement les mesures trompeuses et peu claires.
Les décisions relatives à la conception d’un tableau de bord efficace doivent être guidées par :
- les objectifs du projet
- la nature des données
- les besoins des utilisateurs
Lorsqu’il lit une visualisation (ou tout autre type de communication), votre lecteur a une quantité limitée de matière grise à consacrer au problème. Une partie de cette matière grise sera consacrée au décodage de la visualisation ; toute matière grise restante pourra ensuite être utilisée pour comprendre le message (si le lecteur n’a pas encore renoncé par frustration). – Noah Iliinsky et Julie Steele (Visualisation des données)
L’objectif principal d’un tableau de bord est de rendre les informations complexes accessibles et faciles à assimiler. Par conséquent, l’interface présentant les données doit être propre et simple afin de minimiser la charge cognitive des utilisateurs et le temps passé à chercher.
L’architecture d’information doit présenter les données essentielles en premier lieu tout en permettant l’accès à des mesures complémentaires ou secondaires. Il convient de concevoir un système d’analyse descendante progressive qui commence par une vue d’ensemble générale et qui va ensuite plus en détail – cela facilite la hiérarchisation des données et crée de la clarté.
Déterminer les objectifs du tableau de bord et afficher les données appropriées
La conception d’un tableau de bord réussi commence par un ensemble bien défini d’objectifs axés sur le problème à résoudre et les principaux enseignements à tirer de l’ensemble de données. La définition de ces objectifs découle d’une compréhension claire des tâches que l’utilisateur doit accomplir.
De bons objectifs de conception favorisent une exécution efficace et précise. L’utilisation de la Cadre du S.M.A.R.T pour la fixation des objectifs met l’accent sur spécifique, mesurable, Actionnable, réalisteet time-based objectifs.
Quelques questions clés à poser pour déterminer les objectifs de conception du tableau de bord :
- Combien de mesures les utilisateurs doivent-ils prendre pour atteindre un objectif spécifique ?
- L’interface est-elle suffisamment intuitive pour que l’utilisateur puisse atteindre son objectif par lui-même ?
- De quelles informations l’utilisateur a-t-il besoin pour atteindre son objectif avec succès ?
Pour déterminer l’objectif d’une conception spécifique de tableau de bord, définissez-le en demandant : « Quel problème spécifique cette conception va-t-elle résoudre pour l’utilisateur ? La réponse donnera un aperçu des mesures, des propriétés, des valeurs, des éléments visuels et des données qui ont de l’importance.
La conception centrée sur les objectifs se concentre sur les solutions aux problèmes réels et constitue la base de toute grande conception de tableau de bord. Commencez par une compréhension claire des objectifs de l’entreprise, prenez en compte les objectifs des utilisateurs, puis transmettez les informations clés qui doivent être communiquées.
Contexte dans la conception du tableau de bord
L’un des plus grands défis de la conception de tableaux de bord est de servir plusieurs personnalités. Une fois que chaque rôle d’utilisateur est défini, il devient essentiel de comprendre où leurs besoins se chevauchent et où ils divergent.
Une communication efficace est le principe sous-jacent de toute conception de tableau de bord réussie. Prévoir les scénarios potentiels dans lesquels les utilisateurs peuvent se trouver contribuera à une meilleure compréhension de la situation de l’utilisateur.
Gardez toujours le contexte des utilisateurs à l’esprit lors de la conception – identifiez leurs connaissances techniques, leur familiarité avec le système en général, leurs objectifs, etc.
Veillez à poser les questions suivantes lorsque vous essayez de déterminer le comportement et le contexte de l’utilisateur :
- La conception tient-elle compte de la direction dans laquelle le visiteur est habitué à lire ?
- L’interaction avec le tableau de bord nécessite-t-elle des connaissances techniques ?
- Les utilisateurs parviendront-ils à accomplir la plupart des actions en quelques clics seulement ?
- La conception s’aligne-t-elle sur le contexte de l’utilisateur en créant des menus déroulants ; utilise-t-elle une iconographie suggestive et des palettes de couleurs ?
La palette de couleurs utilisée dans la conception d’un tableau de bord doit également être considérée comme un contexte. De nombreux tableaux de bord de produits SaaS interentreprises sont conçus dans une interface utilisateur à thème sombre parce qu’ils sont utilisés pendant plusieurs heures d’affilée.
Les interfaces utilisateur à thème sombre peuvent contribuer à réduire la fatigue oculaire et à améliorer la clarté visuelle au sein de l’interface. Toutefois, l’adoption de cette approche nécessite une évaluation minutieuse de l’orientation de la conception – les avantages, les inconvénients et les pièges potentiels, comme l’a souligné un précédent article du blog sur la conception : Les choses à faire et à ne pas faire en matière d’assurance-chômage.
Une meilleure conception des tableaux de bord grâce à la recherche des utilisateurs
La recherche sur les utilisateurs contribue à créer un environnement dans lequel les utilisateurs se voient présenter des données qui sont pertinentes, claires et concises. Cela les aide à réfléchir au contenu et aux données qu’ils recherchent, plutôt qu’à la manière de les utiliser et d’y accéder.
Certains tableaux de bord doivent fonctionner – ou être facilement personnalisables pour les utilisateurs de différents rôles qui regardent le même tableau de bord de base. La recherche sur l’utilisateur est importante car elle permet de déterminer les objectifs de l’utilisateur, ses modèles mentaux, son contexte environnemental et ses points de douleur. Ce sont des facteurs qui influencent grandement la conception finale du tableau de bord.
Mike Kuniavsky, concepteur, chercheur et auteur de l’expérience utilisateur, note que c’est « le processus de compréhension de l’impact du design sur un public ».
Un concepteur doit définir les différents types d’utilisateurs et comprendre où leurs objectifs sont les mêmes et où ils diffèrent. Quelles sont les informations les plus exploitables pour un type d’utilisateur par rapport à un autre ? Il doit se demander si la mise en page doit être différente d’un type d’utilisateur à l’autre, ou s’il existe une solution pour un cas d’utilisation plus général.
En gardant cela à l’esprit, il est bon de commencer par des filières rudimentaires et de passer ensuite à des prototypes qui peuvent être testés avec des utilisateurs réels pendant une phase de recherche sur les utilisateurs. Une courte phase de recherche avec seulement cinq utilisateurs peut permettre d’obtenir des informations vraiment précieuses et de gagner énormément de temps.
Divulgation progressive dans la conception des tableaux de bord
Divulgation progressive est une technique utilisée pour maintenir l’attention d’un utilisateur en réduisant l’encombrement. La création d’un système de divulgation progressive contribue à créer un environnement centré sur l’utilisateur, ce qui permet de donner la priorité à l’attention de l’utilisateur, d’éviter les erreurs et de gagner du temps. Cela permet également aux utilisateurs de se concentrer sur les caractéristiques clés qui comptent pour eux et de ne pas être obligés de passer en revue toutes les caractéristiques, y compris celles dont ils n’ont pas besoin ou qui ne les intéressent pas.
La divulgation progressive est une bonne pratique de conception de tableaux de bord qui permettra également de réduire considérablement les taux d’erreur ; elle améliorera l’efficacité et aidera les utilisateurs à améliorer leur comprendre de tableaux de bord lorsqu’un système est basé sur la hiérarchisation des caractéristiques.
La divulgation progressive reporte les fonctionnalités avancées ou rarement utilisées sur un écran secondaire, ce qui rend les applications plus faciles à apprendre et moins sujettes aux erreurs. – Jakob Nielsen
L’animation est un excellent moyen de répondre à une variété de besoins des utilisateurs tout en remplissant de multiples fonctions. C’est une excellente option à utiliser pendant le chargement des données et des visuels et c’est une solution avancée de divulgation progressive.
L’animation est le processus qui consiste à créer l’illusion du mouvement ; c’est une dynamique qui crée un sentiment de progrès et un retour d’information constant, réduisant ainsi l’incertitude de l’utilisateur et augmentant la performance perçue.
Avantages de l’utilisation de la divulgation progressive dans les tableaux de bord :
- Réduire l’incertitude et l’anxiété des utilisateurs (en montrant des signes de progrès, les utilisateurs sont assurés que tout fonctionne comme prévu)
- Fournir aux utilisateurs quelque chose à regarder (affichage partiel des données) plutôt que de les faire attendre
- Fournir aux utilisateurs une attente claire des étapes à venir et leur faire comprendre la manière dont les informations sont présentées de manière hiérarchique
Les problèmes potentiels liés à la divulgation et au chargement progressifs des données sont notamment les suivants
- Utiliser les indicateurs et les divulgations de manière inappropriée. Des temps de chargement courts et des étapes inutiles créeront des distractions et iront à l’encontre des principes d’utilisabilité.
- Un retard dans l’extraction des données sans indicateur clair de progrès peut entraîner une incertitude chez l’utilisateur et des taux de rebond plus élevés.
- L’utilisation d’indicateurs de progrès statiques est une solution peu significative, et n’offre pas suffisamment d’informations sur les progrès, ce qui peut également entraîner une incertitude pour l’utilisateur et des taux de rebond plus élevés.
Résumé
Les tableaux de bord sont un moyen puissant de communiquer des données et d’autres informations, notamment grâce à une conception centrée sur l’utilisateur et sur les objectifs, qui suit les meilleures pratiques en matière de conception de tableaux de bord et de visualisation des données. Bien que chaque tableau de bord soit différent et ait ses propres objectifs, exigences et limites, le respect de ces principes fondamentaux aidera à créer des conceptions exceptionnelles, quelles que soient les spécificités :
- Avant tout, faites preuve d’empathie à l’égard de vos types d’utilisateurs et comprenez leurs objectifs.
- Transmettre une histoire claire aux utilisateurs en utilisant des visuels suggestifs, des étiquettes, des techniques de divulgation progressive et des animations.
- Facilitez les choses complexes en appliquant les techniques de recherche des utilisateurs.
- Révélez les données et les informations au moment opportun, dans un système de forage.
- Utiliser la visualisation des données pour exprimer l’information de manière significative.
Le Toptal Design Blog est un centre d’études avancées sur toutes les facettes de la conception numérique, allant des tutoriels de conception détaillés à la couverture approfondie des nouvelles tendances, outils et techniques de conception. Vous pouvez lire l’article original écrit par Stelian Subotin ici. Suivez le blog de Toptal Design sur Twitter, Dribbble, Behance, LinkedIn, Facebook, et Instagram.
Couverture de la Corona
Lisez notre couverture quotidienne sur la façon dont l’industrie technologique réagit au coronavirus et abonnez-vous à notre bulletin hebdomadaire Coronavirus in Context.
Pour des conseils et des astuces sur le travail à distance, consultez nos articles sur les quarts de croissance ici ou suivez-nous sur Twitter.