Tuesday, April 15, 2008

Displaying data in a better way

Here's an example of improving the usability of data displayed in a grid.



Here's a part of the original grid:

The data relates to these categories:


Immediately there is a duplication of data which could be reduced. The colour and description can be combined as they are show the same thing. That would lead to a grid which looks like:

It can still be better though.

The category name is supperflous information. The colour indicates the category. This is something that the user will either know or can look up when necessary.

A roll over tooltip could also be added to display the category description for each field. This will be a more practical solution for any user who does not know what the colour means and will save them having to look it up.

0 comments:

Post a Comment