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.