Concevoir la présentation d’état d’analyse

Lorsque les utilisateurs d’états consultent un état, un processus automatique et inconscient se produit lorsqu’ils comprennent ce qu’ils voient. Par conséquent, vous devez adhérer aux principes de base de la conception d’états pour favoriser ce processus afin de communiquer efficacement la signification des données.

Un état d’analyse peut comporter une ou plusieurs pages, lesquelles comportent des objets d’état. Les objets d’état peuvent être des visuels de données, qui représentent des résultats de requête ou des décorations telles que des images, des formes en arrière-plan ou du texte. Vous pouvez commencer à concevoir une présentation d’état en déterminant le nombre, la séquence et l’objectif des pages. Veillez à éviter de mélanger des sujets ou des objectifs opposés sur la même page. Ensuite, concevez chaque présentation avec des objets d’état spécifiques qui répondent aux besoins.

Une bonne présentation d’état doit aussi tenir compte des principes de conception de placement, d’équilibre, de contraste, de proximité et de répétition.

Placement

Le bon placement d’objets d’état contribue à une conception d’état soignée. En général, vous devez placer les informations clés dans le coin supérieur gauche de la page et organiser les éléments de l’état de gauche à droite et de haut en bas.

Organisez les objets d’état de sorte que les bords verticaux et horizontaux soient alignés pour un rendu soigné et parce que c’est agréable à l’œil. Organisez les objets d’état associés en groupes logiques. Une présentation d’état soignée crée une connexion entre les éléments visuels et évite un aspect encombré pouvant résulter d’un placement semblant aléatoire des objets d’état.

De plus, l’alignement des objets d’état dans une présentation agréable à l’œil peut véhiculer une meilleure énergie et un plus grand intérêt que le simple centrage ou placement aléatoire des objets d’état. Pensez à appliquer la règle des tiers, à savoir une règle d’arts visuels qui peut être appliquée aux placements des objets d’état dans un état d’analyse. La règle propose de diviser la présentation d’une page en une grille invisible de neuf parties égales. La grille est constituée de deux lignes horizontales et de deux lignes verticales espacées de manière égale. Les objets d’état peuvent ensuite être placés dans les cellules de la grille.

Chez Contoso Skateboard Store, la conception d’état proposée pour l’analyse des ventes présente trois régions verticales de taille identique. La première région affiche les ventes ventilées par produit, la deuxième région affiche les ventes ventilées par magasin client et la troisième région affiche les articles vendus.

Équilibre

Une autre considération importante lorsque vous disposez des objets d’état est l’équilibre. L’équilibre œuvre pour la stabilité et la structure de la conception. L’équilibre dans une présentation d’état désigne la façon dont le poids des objets est réparti sur la page, qu’ils soient de la même taille ou de tailles différentes.

L’équilibre peut être symétrique ou asymétrique. L’équilibre symétrique est obtenu en répartissant le poids uniformément sur les deux moitiés de la page. L’équilibre asymétrique est obtenu par contraste.

Pensez à utiliser le nombre d’or comme guide pour produire un équilibre asymétrique. Le rapport est basé sur la séquence de Fibonacci, où deux quantités sont dans le nombre d’or si leur rapport est le même que celui de leur somme sur la plus grande des deux quantités. Pendant des siècles, le nombre d’or a influencé l’art et l’architecture pour produire des œuvres harmonieuses et équilibrées. Lorsqu’il est appliqué à la conception d’états, le nombre d’or aligne une page de sorte à avoir un grand visuel attirant l’attention initiale et soutenu par des visuels plus petits qui fournissent du contexte.

Dans l’image animée suivante, notez la manière dont la présentation d’état attire d’abord votre œil sur les graphiques les plus grands. Maintenant que vous avez compris les grands graphiques, notez que votre œil est probablement attiré par le graphique à barres, puis par les valeurs des cartes.

Proximité

Dans une présentation d’état, la proximité concerne la distance entre les objets d’état. Lorsqu’une page d’état se compose de plusieurs groupes d’objets associés, vous devez les séparer visuellement à l’aide de l’espace.

Dans la conception d’état suivante, notez la section en haut à gauche intitulée Indicateurs clés. Les visuels associés sont placés à côté les uns des autres. Ils sont aussi volontairement et uniformément alignés pour former une section claire.

Contraste

Le contraste permet de combiner deux objets opposés. L’utilisation de couleurs, polices, propriétés de police ou lignes contrastées peut mettre en avant des objets importants de la conception d’état. Ce principe vous permet d’orienter les utilisateurs d’états vers l’endroit où ils doivent regarder ou vers le visuel de données avec lequel ils doivent interagir en premier.

Répétition

La répétition dans une conception d’état crée une association et une cohérence. Une bonne utilisation de la répétition permet de renforcer une présentation d’état en reliant les objets d’état associés.

Dans la conception d’état suivante, notez la section en haut à gauche intitulée Indicateurs clés. De nombreux indicateurs clés sont présentés dans des cartes à valeur unique. Cette conception répétitive permet aux utilisateurs d’états de comprendre et d’interpréter rapidement les indicateurs.