Tableaux de bord sur smartphone

Le plus important à prendre en compte lorsque vous concevez un tableau de bord destiné à un usage sur les périphériques mobiles est qu’il ne faut pas le comparer aux tableaux de bord existants, ni essayer de faire en sorte qu’il puisse les remplacer. Un tableau de bord mobile doit compléter les autres tableaux de bord, sans être nécessairement complet. Comme pour n’importe quel autre tableau de bord, la conception d’un tableau de bord mobile commence par une parfaite connaissance de l’utilisateur final :

  • Quel est le rôle de la personne concernée au sein de l’organisation ?
  • Dans quels scénarios ce tableau de bord mobile sera-t-il utilisé ?
  • Quels objectifs organisationnels l’accès mobile aux données permet-il d’atteindre ?

Un tableau de bord destiné à être affiché sur des périphériques mobiles doit être le plus simple possible.

La plupart des utilisateurs mobiles n’ont pas ou peu besoin de visualisations approfondies, et l’interaction entre les éléments doit être limitée. La petite taille d’écran d’un appareil mobile ne convient pas à une analyse approfondie. Autre point important : il est probable que les utilisateurs mobiles ne soient pas en position assise et qu’ils ne disposent pas d’un périphérique d’entrée comme une souris pour interagir avec le tableau de bord. Si un tableau de bord mobile comporte trop d’images, cela peut signifier qu’il n’est pas assez centré.

Exemples de smartphones

Les tableaux de bord mobiles disposant de moins d’espace d’écran que leurs homologues de bureau, il est parfois difficile de créer une interface esthétique tout en offrant la possibilité aux utilisateurs d’obtenir d’un simple coup d’œil les réponses dont ils ont besoin. Pour ce faire, vous pouvez opter pour une utilisation efficace des couleurs, par exemple avec des couleurs d’arrière-plan et d’avant-plan contrastées. Les couleurs contrastées permettent de faire ressortir les mesures et les points aberrants.

La plupart des tableaux de bord mobiles ont pour objectif la performance. Les indicateurs et les jauges constituent généralement les visualisations les plus adaptées : les informations peuvent être consommées rapidement et des actions mises en œuvre immédiatement.

Conseil :

  • Lors de l’affichage des diagrammes, limitez le recours au texte et aux grilles.
  • Limitez ou évitez les images contenant trop d’informations à consommer rapidement. Il peut notamment s’agir de détails, de listes et de légendes.

Bonnes pratiques

Les meilleures pratiques générales lors de la conception de tableaux de bord mobiles sont les suivantes :

  • Choisissez l’orientation du téléphone (portrait ou paysage) et effectuez la conception en conséquence. Les éléments du tableau de bord sont conçus pour occuper tout l’espace sur l’écran et ne se réalignent pas en fonction des proportions de l’écran.
  • Profitez du fait que la plupart des navigateurs de bureau (par exemple, Google Chrome) incluent des outils intégrés qui vous permettent de disposer d’un aperçu assez précis de l’aspect qu’aura votre tableau de bord sur les périphériques mobiles. Lors de l’assemblage de votre tableau de bord, activez régulièrement ces outils pour voir à quoi votre tableau de bord ressemble et ainsi ajuster les tailles, le texte et les couleurs selon vos besoins.
  • Profitez du fait que les éléments du tableau de bord peuvent s’étendre lors de l’exécution afin d’occuper tout l’écran.
  • Utilisez les fonctions du tableau de bord pour regrouper et empiler des éléments à votre avantage, mais restez prudent. N’essayez pas de recréer un tableau de bord de bureau pour votre téléphone en surexploitant ces capacités. Si vous utilisez des piles (onglets), renommez-les de manière à refléter leur contenu.
  • Lorsque vous ajoutez des éléments au tableau de bord, n’ajoutez pas de texte inutile (titres et description par exemple).
  • N’ajoutez pas d’en-tête à votre tableau de bord si ce n’est pas indispensable.
  • Limitez la quantité de texte que vous intégrez au titre et à la description de chaque élément (ou n’ajoutez tout simplement pas de texte dans ces zones).
  • Pour tous les éléments, laissez l’option Last Update Text (Texte de la dernière mise à jour) désactivée.
  • Pour le diagramme à secteurs et le diagramme de série, désactivez l’option Hover Text (Texte de pointage).

Les meilleures pratiques pour les cartes et les légendes sont les suivantes :

  • Les cartes doivent être les plus simples possible. La solution idéale consiste à limiter la carte à une seule couche opérationnelle dont la symbologie contraste avec le fond de carte en arrière-plan. La carte sera ainsi plus facile à interpréter et plus rapide à dessiner, tandis que la quantité de données téléchargée sur votre appareil via un réseau potentiellement lent sera moins importante.
  • Désactivez les fenêtres contextuelles sur les couches opérationnelles. Il est difficile de toucher une seule entité sur un téléphone et l’écran n’étant pas aussi grand que celui d’un ordinateur, il n’y a pas autant de place pour afficher une fenêtre d’information par-dessus la carte.
  • Réfléchissez à la pertinence d’un intervalle d’actualisation. De nombreux tableaux de bord mobiles s’ouvrent, puis se ferment dès que les informations qu’ils affichent ont été consommées.
  • Lorsque vous ajoutez une carte dans un tableau de bord mobile, évitez d’activer les outils cartographiques tels que la recherche, la visibilité des couches, la légende, le commutateur de fonds de carte, etc. Ils ne sont généralement pas utiles lors d’une utilisation mobile.
  • Dans la mesure où les cartes utilisées sur un tableau de bord mobile doivent être faciles à comprendre, l’ajout d’un élément de légende de carte est généralement inutile.

Les meilleures pratiques pour les tableaux de bord interactifs sont les suivantes :

  • Les actions du tableau de bord doivent être réduites au minimum.
  • Utilisez les sélecteurs avec discernement. Lorsque vous les utilisez, pensez à les placer dans un volet latéral configuré pour glisser sur le tableau de bord, plutôt que dans un en-tête de tableau de bord.


Dans cette rubrique
  1. Bonnes pratiques