Teaching talk:TUW - UE InfoVis WS 2005/06 - Gruppe G8 - Aufgabe 2

From InfoVis:Wiki
Revision as of 09:03, 13 August 2007 by QhbZ7s (talk | contribs)
Jump to navigation Jump to search

hp stampante wireless funzionamento impianto climatizzazione ram 256 pc100 nokia 310t the wall live in berlin debora secco nua zaini puma lavorare con wind emma watson foto sexy stati di allucinazione elena gioielli francolise rookie lindalovelace rex rt 6 weasle protezione catodica asus k8u - socket 754 in tutti i miei giorni di raf lowepro computrekker hp - ipaq rz1710 http www turkchat comtr palmari bluethoot waltham forest problemi audi a3 popart capodanno laspezia vince di cola nitinol trattati romano cartaginesi d avventura daymon sparo in testa oops flashing retinite pigmentosa one song push it to the limit mazzucato srl fotografie irak kigoma bedandbreakfast vienna panca piana bilancere cazzi da elefante albergo monte carlo barreto happy holiday lettore mmc usb p4 775 cipolla drin drin principato monaco factor 5 lavora a un titolo originale hotel reggio calabria np 20 raymond boudon dj nelson dvix dvx sicor spa orologio automatici pavic, milorad manuela arcuri calenderio jaguar x-type- 3 0 newfound glory baby come back win mix gratis elena cataneo lepidium televisore al plasma nec 50 server compaq vans borse di studio inpdap versioni di senofonte nudi gratis magnex box esterno ulo testi musicali is it s cause i m cool frigorifero da incasso rex dj tommy vee stay whirlpool - awo8126 sesto senso hilaryduff whitney housto mariah carrey ram ddr 400 samsung hotel a mykonos sony zeiss lesbian videos bobby solo la siesta midi belle figa lcd philips 15 lamarck, jean-baptiste-pierre... zoff francobolli www gostosas wingman. vol. 05 brother fax-1940cn pompini giorgia palmas il ragazzo della baia volley ball agenzia viaggi genova ciccione tettone stylus photo r320 monopoly tycoon knize ten twin2x2048-6400 memoria ram adulti sex sonia di uno mattina lettori mp3 teac mp 300 retana gonzalez lettori mp3 giga www chat gratis maillechort evanescent una data di uscita per 18 wheeler giancarlo paoli lcd sharp hdmi alimentatore 220v batterie per panasonic gd90 coro ana vivo per lei oro batteria ricaricabile 12 v barraca destroy trattieni il respiro veronica zemanova gallery back home audi tt toscana forni a vapore da incasso rex dvd queer as folk ati radeon xpress 200 serie pesca in apnea video nigh berg nager khan hp palmare navigatore satellitare annunci sessuali gratuiti il demone del gioco dichiarazione successione cardiologia de gregori dvd 1 4 gb tu sei mia lamda computer bologna volo bologna ibiza prytz testo canzone sanremo 2006 notebook seriale eurovision bajaz caramelito bicocca milano shorts baci saffici tra le star chat terra com mx photosmart hp cartucce dvd portatile daewoo concessionaria rover foto mare aqaba cartina alghero consel foto sexi grande fratello 5 hymn to october red hai nu sinh ngo quyen dolby cuffie auricolari e bianchi abbigliamento uomo terrone la vien rose palmari gps tomtom slk 32 amg negozi elettronica milano fioreria www s stefano quisquina it sauna svizzera lexar usb non credere mina tatuaggi robbie williams o connor acer ddr 512 1680 ixus 700 canon femme nue gratis squallor giochi per uomini starfighter ps2 dancing mat plasma 37 tv samsung televisori lcd focus 1 8 tdci ghia www ruffo trasporti it thomson - 32lb220b4 marcia ordinanza marina militare kettler ultra vendo abbigliamento usato in firenze motorola v66i patolucas kit cancelleria stampante samsung 1520 dimmi addio fotos de michel vieth inox 50 nieszawa lettore mp3 muvo 1gb richard nixon mt. acer 1300 aspire sigma 105mm f 2 8 ex macro sound of a drum mobile giardino antiquariato mamma ho allagato la casa ==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

width=100px Idaho Snowfall - Snowflake 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

Idaho Snowfall - Blue Snowflake Substitute Legend 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

Idaho Snowfall - Piechart Legend 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

Idaho Snowfall - Bar Legend 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])
[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)