Thursday, April 20, 2006

Redesigning a Simple Table

Making a table more usable ...

"In my So the Necessary May Speak article I walked through how to simplify a basic data table by eliminating unnecessary interface elements. Deva Prasad took the exercise a bit further and sent over a few well thought-out iterations on the final table design (below).

In this design, a single column of bold text allows users to quickly see all the key data in the table with one downward motion. Labels for the data are in close proximity to the values. The content is scannable because there is contrast between the bold and non-bold elements.

In Deva’s first two designs (above), the labels and their values have been divided into rows and columns, which requires horizontal and vertical movement. Users need to look across for one label and up for the second label. This is compounded by the increased separation of the data - the labels are further away from their values. While potentially better for looking up a particular value in the table, this design makes taking all the data in at once more difficult."   continued ...   (Via Functioning Form)

Final Table Design - User Interface Design, Human Computer Interaction (HCI), Ergonomics

Final Table Design


Post a Comment

<< Home

<< Home