Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 07 - Aufgabe 2

Aufgabenstellung

Zu beurteilende Tabelle

At First Glance

The question (tableheader) „At which bank / financial institution in Upper Austria you can get the most for your money?“ is quickly answered by taking a look at the table. The table is quite good readable and intuitive – the data is quite clearly arranged and the font-color of the most relevant data is different to the color of less relevant data.
Anyway, some small defects should be mentioned.

Critics & Suggestions For Table Improvement

Data Alignment

Numbers that represent quantitative values, as opposed to those that are merely identifiers (e.g., customer numbers), should always be aligned to the right.

[FWD, 2007]

In the table view the values are not aligned to the right, but they are aligned at the center of the columns. The values in a particular column contain decimal digits of varying number. Hence, the data columns look a bit fringy at the left and right edge. For better reading efficiency, each value could be expressed by using the same number of decimal digits. If a value contains less decimal digits than the other values, the missing final digits could be filled with zeros.

Spanner Headers

If the column’s data are left aligned, its header is left aligned as well, and so on. This is intentional. This practice clearly establishes at the top of each column the nature of its alignment, thereby informing readers how to scan the data. The only exception that is sometimes useful involves spanner headers. When a header is used to label multiple columns, centering it across those columns often helps to clarify the fact that it refers to all of those columns rather to just a single column.

[FWD, 2007]

In our example table the spanner header "Kapitalsparbuch" is not centered across its related columns. Through the marking-off boundary lines at the left and right border of the span, it is quite obvious that "Kapitalsparbuch" seams to be a spanner header. But the visual appearance is a bit irritating at first view.

Header Alignment

As mentioned, headers should normally be aligned as the data in its columns. This idea was realized in the table. But for better legibility, the headers should be aligned to the right because the numbers in the correspondent columns are quantitative values (see 3.1).

Rules and Grids

White space can be intentionally manipulated to direct your readers’ eyes to either scan predominantly across the columns or down the rows. If you wish to lead your readers to scan down the columns, rather than across the rows, make the white space between the columns more pronounced than the white space between the rows.

[FWD, 2007]

The given table above tries to direct the readers eyes to scan down the rows, which is indeed very useful because of the fact that readers should can compare the data of the given row with all the other values of the other rows in that column. Unfortunately the autors decided to use vertical lines to separate the rows from each ohter. We argue that a simple white space would do the job aswell without bringing the very high amount of visula contrast into the data. That way the reader can concentrate easily on the given data while the manner of directing the eyes down the rows is still in use.

Fill Color

When white space alone can’t be used to effectively delineate columns and rows in tables, fill shades and hues work better than grids and rules. When subtly designed, fill colors are less distracting to the eye as it scans across them. They are limited, however, to one direction, delineating columns or rows but not both simultaneously.

[FWD, 2007]

The rows of the table are highlighted by two alternating colours - bright and a darker blue. Unfortunately, the two chosen colors have a quite high luminance intensity difference, so that the darker color highlights each second row a bit more than brighter colored rows. This gives a bit the effect of more important and less important rows. It is better to use subtle fill colors.

This shade of gray is very light yet visible enough to assist our eyes in scanning across a single row without onfusing it with the rows above or below. The shading is light enough that vertical scanning down a column is not significantly disrupted.

[FWD, 2007]

The shading of the rows in the example table is another good example for guiding the readers attention along the rows. We think that the shading that was used creating that table is to heavy. On one hand it forces the readers attention in one particular direction but on the other hand it produces a very hard visual contrast. Like above we argue that a lighter shading would line out the data while still retaining the guiding property of shaded lines.