Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe 10 - Aufgabe 2: Difference between revisions

From InfoVis:Wiki
Jump to navigation Jump to search
mNo edit summary
m (Reverted edits by GswZ75 (Talk); changed back to last version by Iwolf)
 
Line 1: Line 1:
[http://veggis.org.cn/resources/articles/jimi-hendrix.htm jimi hendrix experience] [http://svike.info/view/new/close-your.htm close your eyes] [http://svike.info/view/new/tv-.htm tv 32 plasma] [http://funkall.us/images/small/luwero/ luwero] [http://funkall.us/images/small/golf-/ golf 1 9 tdi comfortline nuova] [http://klohy.info/img/styles/legge.htm legge 80 2003] [http://wedner.info/content/view/lucianoligabue.htm lucianoligabue] [http://joperan.org/data/i-got/ i got five on it] [http://manoke.cn/topic/un-grido/ un grido nel silenzio] [http://wedner.info/content/view/impregilo-obbligazione.htm impregilo obbligazione] [http://funkall.us/images/small/formula-one/ formula one 2002] [http://veggis.org.cn/resources/articles/eld.htm eld] [http://sneck.info/data/speaker-creative/ speaker creative 6 1] [http://primonona.info/content/view/nutella-gf/ nutella gf] [http://joperan.org/data/www-provveditorato/ www provveditorato studi milano] [http://manoke.cn/topic/integratori-fibre/ integratori fibre] [http://funkall.us/images/small/imposte-indirette/ imposte indirette] [http://xionny.cn/topic/il-malessere/ il malessere giovanile e la scuola] [http://budget7i.info/lib/www-disney/ www disney com] [http://veggis.org.cn/resources/articles/biclette.htm biclette] [http://svike.info/view/new/t-cartucce.htm t0452 cartucce] [http://veggis.org.cn/resources/articles/carta-fax.htm carta fax] [http://manoke.cn/topic/lalbero-delle/ lalbero delle pere] [http://primonona.info/content/view/case-firewire/ case firewire] [http://klohy.info/img/styles/pavan-flli.htm pavan flli  snc] [http://manoke.cn/topic/corvo-torvo/ corvo torvo] [http://funkall.us/images/small/fornitura-caffe/ fornitura caffe uffici] [http://polex.com.cn/resources/articles/arpino-giovanni.htm arpino, giovanni] [http://veggis.org.cn/resources/articles/siti-per.htm siti per nicole kidman] [http://manoke.cn/topic/guantoni-everlast/ guantoni everlast] [http://soler.net.cn/data/integratore-vitaminico.htm integratore vitaminico] [http://sneck.info/data/braun/ braun 8985] [http://klohy.info/img/styles/weaponsofmassdestruction.htm weaponsofmassdestruction] [http://joperan.org/data/palmare-gps/ palmare gps asus palmari] [http://joperan.org/data/vecchio-scarpone/ vecchio scarpone] [http://xionny.cn/topic/funkytown/ funkytown] [http://primonona.info/content/view/ef-mm/ ef 55-200mm f 4 5-5 6 ii usm] [http://joperan.org/data/flex-online/ flex online com] [http://primonona.info/content/view/cartine-politiche/ cartine politiche] [http://xionny.cn/topic/euroset/ euroset 2015] [http://budget7i.info/lib/la-primera/ la primera ves] [http://primonona.info/content/view/zinco-ossido/ zinco ossido] [http://veggis.org.cn/resources/articles/la-gata.htm la gata brasilera] [http://xionny.cn/topic/jeep-grand/ jeep grand cherokee nuova] [http://xionny.cn/topic/una-bambolina/ una bambolina fa no] [http://polex.com.cn/resources/articles/occhiali-rh.htm occhiali rh] [http://soler.net.cn/data/af-mm.htm af 20mm f 2 8] [http://polex.com.cn/resources/articles/lx.htm lx 300] [http://svike.info/view/new/smackdown-it.htm smackdown it] [http://wedner.info/content/view/inferno.htm inferno 777] [http://budget7i.info/lib/francesco-di/ francesco di volere volare] [http://klohy.info/img/styles/sperma-gay.htm sperma gay] [http://veggis.org.cn/resources/articles/chesta-ser.htm chesta ser] [http://soler.net.cn/data/che-te.htm che te po da] [http://veggis.org.cn/resources/articles/www-provveditorato.htm www provveditorato agli studi di milano] [http://soler.net.cn/data/cattura-streghe.htm cattura streghe] [http://joperan.org/data/ls-oreja/ ls oreja] [http://svike.info/view/new/swinging-bach.htm swinging bach] [http://sneck.info/data/thiel-cs/ thiel cs2] [http://svike.info/view/new/dryden-john.htm dryden, john] [http://sneck.info/data/foto-di/ foto di alba parietti] [http://xionny.cn/topic/km-renault/ km0 renault grand scenic auto km 0] [http://sneck.info/data/voss-johann/ voss, johann heinrich] [http://manoke.cn/topic/libiamo-ne/ libiamo ne lieti calici] [http://svike.info/view/new/regali-particolari.htm regali particolari] [http://polex.com.cn/resources/articles/nail.htm nail] [http://sneck.info/data/frigo-da/ frigo da 60] [http://polex.com.cn/resources/articles/despre-tiny.htm despre tiny] [http://xionny.cn/topic/licei-a/ licei a cosenza] [http://xionny.cn/topic/nh-amsterdam/ nh amsterdam centre hotel] [http://svike.info/view/new/thomson.htm thomson 28] [http://sneck.info/data/www-robertobaggio/ www robertobaggio it] [http://svike.info/view/new/mp-thomson.htm mp3 thomson lettori] [http://primonona.info/content/view/testo-canzoni/ testo canzoni antonacci] [http://wedner.info/content/view/foresta.htm foresta] [http://wedner.info/content/view/qaundo-volveras.htm qaundo volveras] [http://klohy.info/img/styles/minorene.htm minorene] [http://xionny.cn/topic/celebrita-nuda/ celebrita nuda] [http://sneck.info/data/pc-memoria/ pc2700 memoria ram] [http://wedner.info/content/view/sony-premierpro.htm sony premierpro 23] [http://sneck.info/data/brondi-lux/ brondi lux] [http://polex.com.cn/resources/articles/lavender.htm lavender] [http://wedner.info/content/view/madame-dubarry.htm madame dubarry] [http://polex.com.cn/resources/articles/yard-of.htm yard of blond girl] [http://polex.com.cn/resources/articles/aa-.htm aa 2700 mah] [http://polex.com.cn/resources/articles/stampante-epson.htm stampante epson laser 2600] [http://sneck.info/data/gunter-gabriel/ gunter gabriel] [http://xionny.cn/topic/yenan/ yen-an] [http://polex.com.cn/resources/articles/la-burrita.htm la burrita] [http://joperan.org/data/hp-ipaq/ hp ipaq h6315] [http://joperan.org/data/tomtom-gps/ tomtom gps] [http://klohy.info/img/styles/yaadon-ki.htm yaadon ki baraat] [http://soler.net.cn/data/federica-di.htm federica di biscardi] [http://manoke.cn/topic/gasparella-srl/ gasparella srl] [http://joperan.org/data/the-biggest/ the biggest black cock] [http://primonona.info/content/view/damn/ damn] [http://sneck.info/data/www-mls/ www mls com] [http://joperan.org/data/fata-maria/ fata maria] [http://funkall.us/images/small/maturita-/ maturita 2004 italiano svolti] [http://soler.net.cn/data/assicurazione-chieri.htm assicurazione chieri] [http://primonona.info/content/view/sicurezza-personale/ sicurezza personale interiore] [http://xionny.cn/topic/il-mio/ il mio consiglio] [http://budget7i.info/lib/assorbente-avellino/ assorbente avellino] [http://wedner.info/content/view/figurine-mancanti.htm figurine mancanti] [http://manoke.cn/topic/giocho-calcio/ giocho calcio] [http://klohy.info/img/styles/giochi-moto.htm giochi moto on line] [http://budget7i.info/lib/burberrys-brit/ burberrys brit] [http://primonona.info/content/view/d-cimarosa/ d cimarosa] [http://funkall.us/images/small/ostelli-a/ ostelli a londra] [http://sneck.info/data/wireless-pen/ wireless pen] [http://manoke.cn/topic/il-delta/ il delta di venere] [http://joperan.org/data/miss-nude/ miss nude] [http://manoke.cn/topic/terratec-t/ terratec t2 usb 2 0 dvb-t] [http://manoke.cn/topic/winmix-load/ winmix load] [http://veggis.org.cn/resources/articles/solovideo.htm solovideo] [http://svike.info/view/new/la-vergine.htm la vergine sotto il tetto] [http://svike.info/view/new/treni-a.htm treni a vapore] [http://veggis.org.cn/resources/articles/kuhn-hugo.htm kuhn, hugo] [http://soler.net.cn/data/eric-prydez.htm eric prydez] [http://manoke.cn/topic/ituiutaba/ ituiutaba] [http://svike.info/view/new/energizer-cr.htm energizer cr2] [http://manoke.cn/topic/opel-vectra/ opel vectra cdti] [http://budget7i.info/lib/gabriela-toscano/ gabriela toscano] [http://primonona.info/content/view/wallpapers/ wallpapers] [http://soler.net.cn/data/hotel-inghilterra.htm hotel inghilterra] [http://klohy.info/img/styles/free-mp.htm free mp3 download] [http://primonona.info/content/view/guitarra/ guitarra] [http://funkall.us/images/small/sapphire-radeon/ sapphire radeon x600] [http://joperan.org/data/stampante-laser/ stampante laser canon] [http://wedner.info/content/view/welcome-to.htm welcome to duloc] [http://funkall.us/images/small/paradiso-beach/ paradiso beach] [http://funkall.us/images/small/stampante-laser/ stampante laser e fax] [http://veggis.org.cn/resources/articles/un-altro.htm un altro ballo video] [http://polex.com.cn/resources/articles/trucos-de.htm trucos de juegos de pc] [http://klohy.info/img/styles/nipotine-troie.htm nipotine troie tettone] [http://polex.com.cn/resources/articles/dolce-gabbana.htm dolce gabbana spot] [http://budget7i.info/lib/phentermine-online/ phentermine online pharmacy] [http://soler.net.cn/data/arizona-campo.htm arizona campo 4] [http://manoke.cn/topic/televisore/ televisore 17] [http://svike.info/view/new/blue-bossa.htm blue bossa] [http://sneck.info/data/audi-a/ audi a6 3.0 tdi] [http://sneck.info/data/rialto/ rialto] [http://primonona.info/content/view/logo-cellulare/ logo cellulare sony ericsson] [http://polex.com.cn/resources/articles/harika.htm harika] [http://polex.com.cn/resources/articles/versione-aggiornata.htm versione aggiornata per americas army] [http://soler.net.cn/data/terme-italia.htm terme italia] [http://svike.info/view/new/tastiera.htm tastiera 2000] [http://manoke.cn/topic/canzone-amicizia/ canzone amicizia] [http://veggis.org.cn/resources/articles/lockdown-dietro.htm lockdown. dietro le sbarre] [http://veggis.org.cn/resources/articles/pantaloncini-boxe.htm pantaloncini boxe] [http://svike.info/view/new/www-ravenna.htm www ravenna com] [http://wedner.info/content/view/grand-cherokee.htm grand cherokee del 2004] [http://xionny.cn/topic/bottiglia-vetro/ bottiglia vetro] [http://budget7i.info/lib/get-some/ get some sleep] [http://manoke.cn/topic/giro-d/ giro d italia 2001] [http://soler.net.cn/data/curtatone.htm curtatone] [http://klohy.info/img/styles/il-resto.htm il resto del carlino lugo] [http://sneck.info/data/lc-pe/ lc 26p50e] [http://funkall.us/images/small/il-maritiello/ il maritiello] [http://sneck.info/data/micra-km/ micra km 0 diesel] [http://veggis.org.cn/resources/articles/intel-pentium.htm intel pentium fsb 533] [http://funkall.us/images/small/www-blunote/ www blunote it] [http://funkall.us/images/small/alizee-sexy/ alizee sexy] [http://joperan.org/data/ati-fire/ ati fire gl t2-128] [http://svike.info/view/new/robot-briciola.htm robot briciola] [http://primonona.info/content/view/pioneer-cd/ pioneer cd 800] [http://sneck.info/data/lola-ferrari/ lola ferrari] [http://polex.com.cn/resources/articles/vasco-cover.htm vasco cover] [http://joperan.org/data/plextor-dvd/ plextor dvd masterizzatore esterno] [http://soler.net.cn/data/decapitazione-daniel.htm decapitazione daniel perl] [http://klohy.info/img/styles/nuda-di.htm nuda di max de angeli] [http://primonona.info/content/view/honda-jazz/ honda jazz 1.4 graphite] [http://joperan.org/data/dinitro/ dinitro-] [http://veggis.org.cn/resources/articles/wallpaper-di.htm wallpaper di giorgia palmas] [http://wedner.info/content/view/ricevitore-net.htm ricevitore net] [http://budget7i.info/lib/appositi/ appositi] [http://veggis.org.cn/resources/articles/nuda-celebrity.htm nuda celebrity] [http://funkall.us/images/small/kinetographie/ kinetographie] [http://wedner.info/content/view/una-donna.htm una donna come me] [http://manoke.cn/topic/imac/ imac 20] [http://wedner.info/content/view/hotel-famiglia.htm hotel famiglia] [http://svike.info/view/new/rosetana-calcio.htm rosetana calcio] [http://klohy.info/img/styles/giacca-armani.htm giacca armani] [http://funkall.us/images/small/freepassword/ freepassword] [http://sneck.info/data/filmati-piedi/ filmati piedi] [http://wedner.info/content/view/podismo.htm podismo] [http://primonona.info/content/view/sik-and/ sik and tired testo] [http://sneck.info/data/biglietti-europei/ biglietti europei 2004] [http://svike.info/view/new/bella-la.htm bella la vita] [http://xionny.cn/topic/ogun-sanlisoy/ ogun sanlisoy] [http://polex.com.cn/resources/articles/kingston-gb.htm kingston 1gb] [http://budget7i.info/lib/gay-colore/ gay colore] [http://wedner.info/content/view/austin-mary.htm austin, mary hunter] [http://soler.net.cn/data/riss.htm riss] [http://klohy.info/img/styles/primo-trimestre.htm primo trimestre in perdita per il gruppo sony] [http://manoke.cn/topic/moto-guzzi/ moto guzzi lodola] [http://xionny.cn/topic/tavolo-vetro/ tavolo vetro] [http://klohy.info/img/styles/game-boy.htm game boy advance alimentatore] [http://soler.net.cn/data/petrodvorec.htm petrodvorec] [http://polex.com.cn/resources/articles/cellulari.htm cellulari3] == Poor Graphic ==
== Poor Graphic ==
[[Image:Friendly02doctors.gif|none|thumb|413px|Incomes of Doctors Vs. Other Professionals]]
[[Image:Friendly02doctors.gif|none|thumb|413px|Incomes of Doctors Vs. Other Professionals]]


Line 58: Line 58:
* The heavy use of Chart Junk and the high Lie Factor lead to a diagram with a low usability.
* The heavy use of Chart Junk and the high Lie Factor lead to a diagram with a low usability.


* By using only black
* By using only black & white as "colors", the recognition of the information content is complicated for the viewer and directly degrades the aestetic approach of the graphic.
 
== Improvements ==
 
* A linear time scale was used to provide a clear basis for understanding the information content of the diagram to the viewer.
 
* Through the use of a linear time scale the non-linear but exponential growth of the salaries were presented to the viewer.
 
* Usage of a line chart leads to a better visualisation of the higher growth of doctors salary.
 
* Removal of the Chart Junk (mainly the pictures of doctors and other professionals and 4-digit years) which results in a better data-ink-ratio.
 
* Improval of the Aesthetic-Usability Effect due to usage of two easily distinguishable colors.
 
== Redesigned Graphic ==
[[Image:Diagramm 04.png|none|thumb|800px|none|Redesigned Graphic]]
 
= Resources =
 
[Healey et al., 1996] Christopher G. Healey, Kellog S. Booth and James T. Enns. High-Speed Visual Estimation Using Preattentive Processing. The University of British Columbia, June 1996. http://www.csc.ncsu.edu/faculty/healey/download/tochi.96.pdf
 
[Tufte, 1991] Edward Tufte, ''The Visual Display of Quantitative Information'', Second Edition, Graphics Press, USA, 1991.
 
[Truong, 2005] Donny Truong, ''Universal Principles of design''. Access Date: 3. November 2005
http://www.visualgui.com/index.php?p=1

Latest revision as of 19:46, 26 May 2009

Poor Graphic[edit]

Incomes of Doctors Vs. Other Professionals

Drawbacks[edit]

The first step in the process of creating a better version of the provided graphic was the detailed analysis of the graphic and its drawbacks considering the discussed design principles.

Preattentive Processing[edit]

Through the very bad Data-Ink-Ratio and lot of Chart Junk the Preattentive Processing [Healey et al., 1996] is heavily affected:

  • The embedded bodies/heads of doctors and other professionals distract the viewer's eyes from the main information. Thus it is hard for the first-time viewer to quickly understand the information content of the diagram.
  • The descriptions of the both data samples (Office-based nonsalaried physicians versus Male professional technical and kindred workers) are not clearly placed in the graphics and cannot be preattentively associated to the data series.
  • Especially the data series of the technical workers is not really presented by clear data bars because of the worker pictures on top using the same color as the bars (both black). Thus the different salary values can optically not clearely be compared against each other.

Lie Factor[edit]

Edward Tufte states the principle that "The representation of numbers, as physically measured on the surface of the graphic itself, should be directly proportional to the quantities represented" [Tufte, 1991]

This principle is definitly violated in the provided graphic because of the following facts:

  • The provided original graphic heavily uses changes in the continuity of the time scale. While in the beginning of the time scale jumps of up to 8-9 years occur between two salary values, the last five salary values differ only by 1 year anymore.
  • As seen in the redesigned graphic using a linear time-scale the original graphic uses the Lie Factor to hide the fact that the distributions of the salaries are exponential not nearly linear as the viewer guesses by looking at the original graphic.
  • By changing the time scale multiple times within the same diagram, the viewer is confused and is potentially not able to directly discover the lie.

Chart Junk[edit]

Edward Tufte comments the principle of Chart Junk as follows: "The interior decoration of graphics generates a lot of ink which does not tell the viewer anything new." [Tufte, 1991]

The provided graphic does contain a lot of ink not telling the viewer anything new:

  • The embedded stilistic pictures of doctors and other professionals are really unnecessary Chart Junk.
  • The time scale is labeled with full year marks. This can be reduced to only using the last two digits as the first two ones don't change over the whole time-scale.
  • The black background of the technical workers data series is making it more difficult for the viewer to recognize the presented information.

Data-Ink Ratio[edit]

  • A lot of color is used just for separating the two data series from each other.
  • As mentioned above, the stilistic pictures of doctors and other professionals add a high amount of ink to the diagram which do not contain much additional information.

Color Coding / Color[edit]

  • The use of few colors for clearly separating the different data series within the same diagram makes sense. The provided graphic uses black and white for the two data series which results in a graphic with high contrast. The drawback of this approach is that the viewer is distracted from recognizing the main content information to the contrast spots which do not contain the real information.

Aesthetic-Usability Effect[edit]

Donny Truong describes the Aesthetic-Usability Effect as follows: "Aesthetic designs are perceived as easier to use than less-aesthetic designs. Aesthetic designs also foster positive relationships with people, making them more tolerant of problems with a design." [Truong, 2005]

The following comments on the provided graphic affect this effect:

  • The heavy use of Chart Junk and the high Lie Factor lead to a diagram with a low usability.
  • By using only black & white as "colors", the recognition of the information content is complicated for the viewer and directly degrades the aestetic approach of the graphic.

Improvements[edit]

  • A linear time scale was used to provide a clear basis for understanding the information content of the diagram to the viewer.
  • Through the use of a linear time scale the non-linear but exponential growth of the salaries were presented to the viewer.
  • Usage of a line chart leads to a better visualisation of the higher growth of doctors salary.
  • Removal of the Chart Junk (mainly the pictures of doctors and other professionals and 4-digit years) which results in a better data-ink-ratio.
  • Improval of the Aesthetic-Usability Effect due to usage of two easily distinguishable colors.

Redesigned Graphic[edit]

Redesigned Graphic

Resources[edit]

[Healey et al., 1996] Christopher G. Healey, Kellog S. Booth and James T. Enns. High-Speed Visual Estimation Using Preattentive Processing. The University of British Columbia, June 1996. http://www.csc.ncsu.edu/faculty/healey/download/tochi.96.pdf

[Tufte, 1991] Edward Tufte, The Visual Display of Quantitative Information, Second Edition, Graphics Press, USA, 1991.

[Truong, 2005] Donny Truong, Universal Principles of design. Access Date: 3. November 2005 http://www.visualgui.com/index.php?p=1