nav-left
cat-right

Utilisabilité des tableaux de données

Un tableau de données (Data Table) peut aller d’une forme simple (le plus courant : plusieurs lignes et plusieurs colonnes, des cellules uniformes… rien d’autres) à une forme complexe, la multiplicité des fonctionnalités ajoutées au tableau rendront son utilisation plus difficile.

Les règles de base

Le tableau de données simple n’a que peu d »intérêt si ce n’est fournir une présentation claire de quelques éléments.
Les règles de conception se porteront alors sur la facilité de lecture, notamment :

  • Le respect des standards pour l’alignement des données alpha-numériques dans les cellules
  • L’alternance de couleurs entre les lignes

Un exemple de tableau simple

Applications métiers : des besoins forts, une conception attentive

Dans un contexte d’applications métiers, le tableau de données est souvent assimilé à Excel qui reste un outil voire, encore souvent, est le seul outil dans un contexte métier.

Les possibilités d’Excel sont nombreuses et les utilisateurs s’attendent à les retrouver sur leur application métier (qu’elle soit Web ou pas).

Les fonctionnalités avancées attendues sur les tableaux de données sont :

  • Actions sur une ou plusieurs lignes simplement (édition, suppression)
  • Une « customisation » des cellules (couleur, image, …)
  • Des informations « cachées » dans les lignes (plier/déplier)
  • Des tris multiples sur les colonnes
  • Edition des cellules

Des exemples de tableaux avancés (n.b. : les exemples ci-dessous issus des frameworks YUI et Ext-JS ne respectent pas totalement les règles de conception mais permettent d’illustrer quelques fonctionnalités) :


Exemple d’édition de cellule en ligne


Exemple de plier / déplier sur une ligne

Tout ceci est possible par le biais de composants riches (Ajax, Flex, Silverlight, …). Cependant, plus le nombre de fonctionnalités identifiées sera important, plus l’attention apportée à l’utilisabilité aura des conséquences importantes :

  • Gain de temps,
  • Apprentissage,
  • Taux d’erreurs,

L’utilisation d’une fonctionnalité ne doit pas être une fin en soi, dans certains cas, l’utilisation d’une « méthode classique » s’avèrera plus efficace. Par exemple, l’édition des données d’une ligne, 2 choix sont possibles :

  1. Permettre l’édition de toutes les cellules sans changement de page,
  2. Amener l’utilisateur vers une page de modification.

Chaque choix a ses avantages et ses inconvénients, tout dépend du contexte.

De plus, il faut aussi avoir à l’esprit que les frameworks qui proposent ce type de composants ne seront pas adaptés à 100% aux besoins des (de vos) utilisateurs. Il subsiste toujours une adéquation à l’activité de ces derniers.

Poster un commentaire