Teaching talk:TUW - UE InfoVis WS 2005/06 - Gruppe G8 - Aufgabe 2
cheap ambien fioricet paxil online cool ringtones buy nexium zoloft online tenuate mtv ringtones diazepam online flexeril rivotril online free sonyericsson ringtones buy hoodia free punk ringtones free motorola ringtones nexium online zyban online buy soma buy cyclobenzaprine cheap xenical free nextel ringtones ultram online carisoprodol online motorola ringtones free mtv ringtones alltel ringtones wwe ringtones cheap celexa zoloft online diazepam online tracfone ringtones music ringtones pharmacy online online cheap viagra cheap hydrocodone order norco free verizon ringtones carisoprodol online free alltel ringtones buy xanax soma online propecia online paxil online rivotril online hoodia sony ericsson ringtones flexeril online cheap lorazepam cheap alprazolam carisoprodol online qwest ringtones tenuate online cheap lortab free kyocera ringtones cheap sildenafil vicodin online alprazolam online free sharp ringtones free punk ringtones cheap vigrx meridia online free qwest ringtones free nextel ringtones cyclobenzaprine online jazz ringtones buy zyban online cialis buy diazepam cheap diethylpropion free kyocera ringtones cheap zanaflex cheap ultram ambien online mp3 ringtones free music ringtones zoloft online lortab online xanax online vigrx online cheap albuterol free kyocera ringtones free mono ringtones cheap lipitor propecia online buy xanax propecia online free ericsson ringtones cheap ortho buy hgh tracfone ringtones cheap clomid buy tramadol cheap vigrx free motorola ringtones free real ringtones meridia online ortho online polyphonic ringtones ultracet online free nextel ringtones lisinopril online sony ericsson ringtones free sony ericsson ringtones alltel ringtones free nokia ringtones cialis online cheap viagra free real ringtones celexa online cheap valium nokia ringtones cheap levitra free nokia ringtones nexium free cingular ringtones free polyphonic ringtones buy diethylpropion order tenuate cialis online free jazz ringtones online pharmacy phentermine free motorola ringtones levitra online mono ringtones cheap zyban free samsung ringtones free mp3 ringtones soma online cheap ultram cheap ambien vicodin online cheap vicodin free funny ringtones zanaflex buy albuterol cheap nexium buy propecia ambien nokia ringtones alprazolam cheap viagra ultracet online hoodia online cheap cyclobenzaprine free ringtones cheap phentermine soma online free real ringtones free jazz ringtones online vicodin zyban online free ericsson ringtones free sagem ringtones cheap diazepam sharp ringtones free cingular ringtones cheap adipex free verizon ringtones qwest ringtones clonazepam online zanaflex online mtv ringtones mtv ringtones kyocera ringtones free sony ericsson ringtones tenuate online real ringtones cheap valium cheap paxil cheap didrex sildenafil online nextel ringtones midi ringtones ativan online online xanax cyclobenzaprine online cheap lorazepam alltel ringtones didrex online mp3 ringtones free cingular ringtones free tracfone ringtones buy xanax free tracfone ringtones norco online fioricet online lorazepam online free ringtones cheap viagra free wwe ringtones xanax online cheap zoloft free free ringtones cheap sildenafil cheap xenical free samsung ringtones prozac online buy ultracet norco online ==Evolution==
General Developments (similar for all)
- Changing the intervalls of the scale to a equidistant one with 5 classes.
- Taking a (more or less) calm background for the graphic ba using a map without any saturation (referring to Data Ink Ration).
- Setting the background on a lower saturation to keep the focus on the symbols and the text naming the spots.
- Frameing the legend to give a clear idea about its position and size.
- Providing an (obligatory) measurement of the size of the land (lower right corner) which is necessary.
- By taking an additional color we wanted to rise the aestethic aspect of the graphic. Additionally this helps viewers to distinguish between symbols and text.
- Unterschiedlich grosse Mengen können durch verschieden grosse Symbole sehr gut (meiner Meinung nach am besten) dargestellt werden. Diese 'Kodierung' ist wirklich intuitiv zu verstehen (egal welches Symbol verwendet wird).
- Farben sind sinnvoll wenn sie notwendig sind, d.h. wenn dadurch zusätzliche Information gegeben wird. Ansonsten machen sie die Graphik "unruhig".
- 'Tortendiagramme' zeigen 'Anteile'. Sie suggerieren z.B. in diesem Beispiel das 500 inches 100 Prozent sind, und das sich alle anderen daran zu messen haben.
- Ich kann noch immer nicht sehen das Schwarz viel, und Rot wenig Schnee ist, und Hellrot noch weniger Schnee.
- Helle Flächen treten vor dunklen in den Vordergrund und umgekehrt (betrifft die Einfärbung des Hintergrunds).
- Eine Überschrift in einer anderen Farbe und Schrift macht die Graphik unnötig unruhig. Durch die gleiche (wenn auch größere) Schriftart der Überschrift wird die Zugehörigkeit zur Graphik betont (wenn man bedenkt, dass die Graphik eingebettet in andere, teilweise graphische, Elemente sein wird). Prinzip der Ähnlichkeit.
GRAFIK 1
|
Our first approach was to identify the users. We assumed the graphic to come from a touristic background. Therefore we provided a map of the shape of the land beneath the spots. The symboly mapping the classes of snow where developed in quite an effort, according to consistency and the rules for representing classified data. |
GRAFIK 2
|
The discussions about the snowflakes from above would not stop, so we made up for a different mapping. We thought that it might be useful to keep the symbol itself the same size for all classes, but map the rise in snow through saturation in color. Additionally we made up lines in the circle to stress the quantity is rising by more lines. These lines had the form of a star, which schould understraigt the snow measurement. There is also a similarity to the Sunflower Plot as known from Exploratory Data Analysis (used for scatterplot with discrete values). |
GRAFIK 3
|
Even another approach to the legend, and thus the mapping of the spots to the classes was apartially filled circle. This can be seen as a Pie Chart. In addition the color saturation should represent the amount of snow as well. |
GRAFIK 4
|
After finding out the exact values (internet research), we also wanted to look at a barplot approach. This turned out to not give a good overview about the situation as a whole. |
Empirical Study
For the reason of finding a decision for taking one of the above placed graphics, we made a survey with not involved persons. All of them had a technic related background and therefor some knowledge and experience with reading graphics.
1. Grafik (s/w mit Symbolen)
6
2. Grafik (blaue Symbole)
3
3. Grafik (rote Symbole)
3
Bitte um Erhöhung des Zählers um 1 bei einer Stimme für die jeweilige Grafik als "beste".
Bewertung
Punkte NEU: 19 (Begründung siehe unten)
Punkte: 16
Begründung:
- Die Analyse der Grafik ist OK (allerdings habt ihr keine Bezüge zu den Designprinzipien hergestellt)
- Eure Verbesserung ist gut gelungen
Hier noch einige Kommentare:
- Verbesserung des Hintergrundes ist sehr gut gelungen
- Umrandung der Legende könnte entfallen (ist ausserdem sehr dominant, weil eine dicke schwarze Linie verwendet wurde)
- Hintergrundverlauf bei Legende ist meiner Meinung nach nicht nötig bzw. kaum sichtbar.
- Veränderung der Skala in eine lineare ist sehr gut
- Die Snowflake Symbole sollten komplett weggelassen werden. (Die Information ist ohnehin in der Größe des Kreises kodiert. Die Symbole lenken eher davon ab - ausserdem stören sie den Eindruck der Flächenverhältnismäßigkeiten.)
- Was mir allerdings noch besser gefallen hat, ist euer Ansatz mit Balkendiagrammen. Denn in der jetzigen Form ist der Vergleich zwischein einzelnen Orten eher schwierig, weil sie über die Grafik verteilt sind. Mein Vorschlag wäre evt. eine Kombination mit einer Balkengrafikanzeige, die diese Vergleiche wesentlich vereinfachen würde.
Ihr habt die Möglichkeit, eure Ausarbeitung bis 16.11.2005 zu überarbeiten, um die derzeitigen Unzulänglichkeiten auszubessern. Wird das gemacht, so werden die Punkte danach klarerweise aufgewertet.
-- Wolfgang Aigner 18:58, 5 November 2005 (CET)
Begründung NEU:
- Verbesserung ist super!
- Eine Kleinigkeit: Ihr habt zwar eine Numerierung/Reihung beim Balkendiagramm, aber die Nummern finden sich in der Grafik unten nicht wieder...
- Warum sind bei euch die Balkendiagramme von rechts nach links aufgetragen und nicht von links nach rechts (normale Leserichtung)?
- Hinweis: Es gäbe noch eine Möglichkeit die Balkendiagramme lesbarer zu machen: (von E. Tufte [Tufte, 1991])
-- Wolfgang Aigner 11:04, 25 November 2005 (CET)
Comments
- The proposed changes are now applied in the graphic. Its revision is 11. - Stefan Schnabl, 25.11.2005
- --> Nice work, thank you! A very good illustrating example for "How to redesign a graphic"! -- Wolfgang Aigner 13:00, 26 November 2005 (CET)