|
|
| Line 1: |
Line 1: |
| == Aufgabenstellung ==
| |
| [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]
| |
|
| |
|
| === Zu beurteilende Tabelle ===
| |
|
| |
| [[Image:Web_statistics.jpg]]
| |
|
| |
| == Links ==
| |
|
| |
|
| |
| * [[Teaching:TUW_-_UE_InfoVis_WS_2008/09|InfoVis:Wiki UE Homepage]]
| |
|
| |
| * [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/ UE InfoVis]
| |
|
| |
| * [[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 10|Gruppe 10]]
| |
|
| |
| == Evaluation ==
| |
| === Overall ===
| |
| A bit more white space should be used, to isolate the table from the graph. '''[Stephen Few, 2004]'''
| |
|
| |
| === Title ===
| |
| Should contain a brief description of the contents and inlcude the key elements of the table (groups, classifications, variables, etc). At least the year should be included in the table. '''[Carter et al., 2004]'''
| |
|
| |
| === Rows and columns ===
| |
| {{Quotation | We naturally think of time as moving from left to right, rather than from top top bottom. [Stephen Few, 2004]}}
| |
|
| |
| The orientation of the table is not optimized, though the choice to let the months be vertically oriented may be a result of lack of space on screen/paper.
| |
| '''[Stephen Few, 2004]'''
| |
|
| |
| === Column headers ===
| |
| Fill color is a good way to differentiate between column headers and the data body of a table, when used subtly. In this case, the table is used with an incorporated diagram, which uses the color coding of the column headers of the table. Are we also to change the diagram? I'd prefer to, since the also the diagram is not optimized for readability. One shouldn't go overboard with the use of background colors for differentiation, ''unless one means to highlight the area''. '''[Stephen Few, 2004]'''
| |
|
| |
| === Body ===
| |
| Not optimal readability of the columns due to little white space between rows. The readers eyes should be assisted when scanning down the columns, this is achieved by reduced white spacing between rows; but in this case the white space is a bit too small. A limit of 1:1 between data height and height of white space offers a good readability in general, though in this case, should be 1:.8 or so, to direct scanning of vertically aligned data.
| |
| '''[Stephen Few, 2004]'''
| |
|
| |
| === Numbers and data format ===
| |
| One shouldn't include unnecessary information in the table. This occurs in the column labeled "Month", in which every "month" is followed by the year displayed in the table. The year should be put in the header of the table. '''[Stephen Few, 2004]'''
| |
|
| |
| The numbers in the table should be reformatted to incorporate commas to the left of every three whole-number digits. This promotes effective communication of the data by also allowing people with bad short-term memory to enjoy the table. '''[Stephen Few, 2004]'''
| |
|
| |
| At least in the column labeled "Hits", it is easy to get lost in the long numbers. These should be truncated. '''[Stephen Few, 2004]'''
| |
|
| |
| === Alignment ===
| |
| According to '''[Stephen Few, 2004]''', numbers that represent quantitative values, as opposed to identifiers should ''always'' be aligned to the right.
| |
|
| |
| In the column labeled "Bandwidth", commas occur. These should also be aligned to each other, to the right, so as to ease the scanning of the data. The same number of decimal digits is used in all fields of the column, but the alignment is not optimized for readability. '''[Stephen Few, 2004]'''
| |
|
| |
| The headers of the columns should also be aligned as the data. '''[Stephen Few, 2004]'''
| |
|
| |
|
| |
| == Redesign ==
| |
|
| |
| You can find our redesign proposal to the right by clicking on the thumbnail picture.
| |
| The diagram should not be taken into account, since we just wanted to show that there has to be more whitespace between diagrams and their corresponding data tables. We have just created it out of the data but did not customize it. Please discuss only the table associated with it.
| |
|
| |
| [[Image:RefactoredTable.png]]
| |
|
| |
| === Changelog ===
| |
|
| |
| * The title is more specific.
| |
| * Headers are in one color. If you do this, the graph should contain a legend.
| |
| * Some of the headers are slightly changed e.g. Bandwidth to Data GB
| |
| ** The data in some columns has been reformatted to reflect the changes of corresponding header.
| |
| * A very thin ruler is added under the header row
| |
| * Ruler added before the total row.
| |
| * White spaces between rows and columns are changed.
| |
|
| |
| == Bibliography ==
| |
| '''[Stephen Few, 2004]''' Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Chapter 8 - Table Design
| |
|
| |
| '''[Carter et al., 2004]''' Michael Carter, Eric N. Wiebe, Miriam Ferzli, Graphing -Designing Tables. Created at. 5.16.2005. Retrieved at: November 18, 2008. http://www.ncsu.edu/labwrite/res/gh/gh-tables.html.
| |