Revision as of 21:25, 13 August 2007

Poor Graphic

Incomes of Doctors Vs. Other Professionals

Drawbacks

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

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.

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

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

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

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

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

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

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

@@ Line 1: / Line 1: @@
-[http://lorcaxon.homeblock.com/data/amandalist/ amandalist] [http://wainfan.t35.com/view/new/simoni-andrea.htm simoni andrea] [http://www.freewebtown.com/prncessprncipe/library/html/ati-radeon.htm ati radeon 9600 se 256] [http://selemku.t35.com/text/directory/fingerskate.htm fingerskate] [http://greensticky.freehostia.com/library/html/massive-cock/ massive cock] [http://oedi.freehostia.com/text/directory/she-drives/ she drives me crazy] [http://greensticky.freehostia.com/library/html/brofman/ brofman] [http://beshennayabelka.freehostia.com/content/view/jedwab.htm jedwab] [http://getm0ney.freewebpage.org/lib/luomo-verde/ luomo verde in dvd] [http://oedi.freehostia.com/text/directory/viaggi-natura/ viaggi natura] [http://beshennayabelka.freehostia.com/content/view/la-giustizia.htm la giustizia del coyote] [http://lorcaxon.homeblock.com/data/cd-per/ cd per auto] [http://kopapguw.homeblock.com/topic/ray-of/ ray of light] [http://boreldar.t35.com/text/directory/zapato-de.htm zapato de rapido nike] [http://mcwardlo.t35.com/library/html/nothing-else/ nothing else mathers] [http://getraylo.freeweb7.com/img/styles/ospedale-pietra.htm ospedale pietra ligure] [http://huruple.125mb.com/text/directory/digital-camera/ digital camera sony dsc] [http://www.freewebtown.com/boogiejames/topic/diamant-cala.htm diamant cala ratjada] [http://getm0ney.freewebpage.org/lib/calci-d/ calci d] [http://failtoexpress.freehostia.com/html/sconcertante.htm sconcertante] [http://mcwardlo.t35.com/library/html/batterie-sony/ batterie sony ericsson] [http://scaleslea.freewebpage.org/text/directory/la-grola/ la grola allegrini] [http://boreldar.t35.com/text/directory/la-sposa.htm la sposa americana] [http://mauballe.125mb.com/web/radici-tieni/ radici tieni] [http://wainfan.t35.com/view/new/massagiatrici-torino.htm massagiatrici torino] [http://getraylo.freeweb7.com/img/styles/jennifer-sounders.htm jennifer sounders] [http://flheddin.125mb.com/content/view/carenare.htm carenare] [http://greensticky.freehostia.com/library/html/bill-charlap/ bill charlap] [http://getraylo.freeweb7.com/img/styles/finanziamento-ginevra.htm finanziamento ginevra] [http://wainfan.t35.com/view/new/eldon.htm eldon] [http://coarmago.t35.com/content/view/kolding/ kolding] [http://kopapguw.homeblock.com/topic/caricabatterie-olympus/ caricabatterie olympus li] [http://benevolently.freehostia.com/content/view/vasco-rosssi/ vasco rosssi] [http://lorcaxon.homeblock.com/data/hp-ipaq/ hp ipaq hx2110 kirrio] [http://www.freewebtown.com/prncessprncipe/library/html/tv-tuner.htm tv tuner sat] [http://getm0ney.freewebpage.org/lib/belinea/ belinea 20] [http://www.freewebtown.com/prncessprncipe/library/html/fujifilm-mb.htm fujifilm 512mb xd memory] [http://www.freewebtown.com/prncessprncipe/library/html/fica-grande.htm fica grande] [http://getraylo.freeweb7.com/img/styles/los-pancho.htm los pancho] [http://oedi.freehostia.com/text/directory/www-fuorissimo/ www fuorissimo com] [http://boreldar.t35.com/text/directory/tempo-delle.htm tempo delle mele] [http://getraylo.freeweb7.com/img/styles/agriturismo-velletri.htm agriturismo velletri] [http://licohwar.homeblock.com/library/html/le-vibrazioni/ le vibrazioni vieni da me] [http://getraylo.freeweb7.com/img/styles/stagno.htm stagno] [http://www.freewebtown.com/boogiejames/topic/my-happyending.htm my happyending] [http://selemku.t35.com/text/directory/copiare-giochi.htm copiare giochi ps2] [http://scaleslea.freewebpage.org/text/directory/the-art/ the art of action] [http://lorcaxon.homeblock.com/data/haiducci-dragostea/ haiducci dragostea din tei gabri ponte] [http://getm0ney.freewebpage.org/lib/motivando-a/ motivando a la yal] [http://selemku.t35.com/text/directory/fax-laser.htm fax laser samsung] [http://selemku.t35.com/text/directory/more-frank.htm more frank sinatra] [http://huruple.125mb.com/text/directory/cristallo-boemia/ cristallo boemia] [http://zoelverd.freeweb7.com/description/lib/forni-piccoli/ forni piccoli] [http://flheddin.125mb.com/content/view/olimpo-paraguay.htm olimpo (paraguay)] [http://www.freewebtown.com/prncessprncipe/library/html/video-nick.htm video nick berg] [http://grahrens.125mb.com/view/new/dac/ dac 3] [http://getraylo.freeweb7.com/img/styles/polini-evolution.htm polini evolution] [http://oedi.freehostia.com/text/directory/faretti-per/ faretti per giardino] [http://oedi.freehostia.com/text/directory/sugar-hill/ sugar hill gang] [http://greensticky.freehostia.com/library/html/torta-di/ torta di riso] [http://www.freewebtown.com/prncessprncipe/library/html/batteria-sony.htm batteria sony psp] [http://getraylo.freeweb7.com/img/styles/samsung-monitor.htm samsung monitor tuner tv] [http://licohwar.homeblock.com/library/html/ugc/ ugc] [http://wainfan.t35.com/view/new/ormoni-androgeni.htm ormoni androgeni] [http://mauballe.125mb.com/web/biglietto-augurio/ biglietto augurio natale] [http://scaleslea.freewebpage.org/text/directory/james-masters/ james masters sexi] [http://www.freewebtown.com/prncessprncipe/library/html/majhong.htm majhong 2003] [http://mauballe.125mb.com/web/hotel-palace/ hotel palace battipaglia] [http://benevolently.freehostia.com/content/view/videoclip-porno/ videoclip porno da scaricare gratis] [http://mcwardlo.t35.com/library/html/tastiera-italiana/ tastiera italiana] [http://licohwar.homeblock.com/library/html/racconti-molto/ racconti molto pornografici] [http://selemku.t35.com/text/directory/slip-intimo.htm slip intimo] [http://zoelverd.freeweb7.com/description/lib/discografia-genesis/ discografia genesis] [http://greensticky.freehostia.com/library/html/fdm/ fdm] [http://greensticky.freehostia.com/library/html/maglie-stretch/ maglie stretch nike] [http://mauballe.125mb.com/web/masterizzatore-samsung/ masterizzatore samsung usb] [http://wainfan.t35.com/view/new/antivirus-panda.htm antivirus panda gratis] [http://scaleslea.freewebpage.org/text/directory/paola-chiara/ paola chiara blue] [http://zoelverd.freeweb7.com/description/lib/cris-bel/ cris bel] [http://grahrens.125mb.com/view/new/www-airfrance/ www airfrance fr] [http://getm0ney.freewebpage.org/lib/storia-olimpiadi/ storia olimpiadi invernali] [http://selemku.t35.com/text/directory/jvc-rc.htm jvc rc ex25] [http://gawelzba.t35.com/library/html/ie-.htm ie 6 0 scarica] [http://zoelverd.freeweb7.com/description/lib/mamas-and/ mamas and the papas california dreaming] [http://getraylo.freeweb7.com/img/styles/inps-vicenza.htm inps vicenza] [http://coarmago.t35.com/content/view/foto-di/ foto di gattini it] [http://greensticky.freehostia.com/library/html/brown-james/ brown james] [http://coarmago.t35.com/content/view/rumors/ rumors] [http://zoelverd.freeweb7.com/description/lib/family-affair/ family affair] [http://zoelverd.freeweb7.com/description/lib/sesso-tra/ sesso tra vecchi] [http://saline-joy.freehostia.com/web/dave-matthews.htm dave matthews] [http://failtoexpress.freehostia.com/html/mobile-mule.htm mobile mule] [http://lorcaxon.homeblock.com/data/hp-deskjet/ hp deskjet serie 350] [http://mauballe.125mb.com/web/roma-valencia/ roma valencia biglietti aerei] [http://huruple.125mb.com/text/directory/locandina-il/ locandina il codice da vinci] [http://failtoexpress.freehostia.com/html/umag-appartamenti.htm umag appartamenti in agosto] [http://getraylo.freeweb7.com/img/styles/emma-bunton.htm emma bunton may be] [http://grahrens.125mb.com/view/new/ati-video/ ati video in] [http://oedi.freehostia.com/text/directory/www-snals/ www snals it na] [http://licohwar.homeblock.com/library/html/atoll-cremona/ atoll cremona] [http://mauballe.125mb.com/web/un-pallone/ un pallone gonfiato] [http://failtoexpress.freehostia.com/html/a-team.htm a team. stagione 1] [http://beshennayabelka.freehostia.com/content/view/racconti-per.htm racconti per masturbazione] [http://greensticky.freehostia.com/library/html/sessso/ sessso] [http://zoelverd.freeweb7.com/description/lib/ostello-di/ ostello di pisa madonna dell acqua] [http://zoelverd.freeweb7.com/description/lib/soledad/ soledad] [http://www.freewebtown.com/prncessprncipe/library/html/dieta-punto.htm dieta punto] [http://licohwar.homeblock.com/library/html/foto-serena/ foto serena garitta] [http://benevolently.freehostia.com/content/view/volo-romamombasa/ volo roma-mombasa] [http://boreldar.t35.com/text/directory/luka-porta.htm luka porta aberta] [http://oedi.freehostia.com/text/directory/e-/ e 400 cdi] [http://www.freewebtown.com/boogiejames/topic/londra-intrattenimento.htm londra intrattenimento] [http://www.freewebtown.com/boogiejames/topic/majin-bu.htm majin bu] [http://huruple.125mb.com/text/directory/sinfonia-n/ sinfonia n 40 di mozart] [http://getraylo.freeweb7.com/img/styles/lg-w.htm lg w3000] [http://getm0ney.freewebpage.org/lib/penne-parker/ penne parker roller] [http://huruple.125mb.com/text/directory/rainbow-wonderful/ rainbow wonderful] [http://scaleslea.freewebpage.org/text/directory/solitario-gioco/ solitario gioco carta] [http://lorcaxon.homeblock.com/data/fadalto/ fadalto] [http://lorcaxon.homeblock.com/data/satellite-p/ satellite p30-109] [http://boreldar.t35.com/text/directory/pelle-ecologica.htm pelle ecologica] [http://gawelzba.t35.com/library/html/mtv-europe.htm mtv europe music awards] [http://mcwardlo.t35.com/library/html/prodotti-per/ prodotti per depilazione] [http://www.freewebtown.com/prncessprncipe/library/html/hp-m.htm hp m23 hp] [http://zoelverd.freeweb7.com/description/lib/attrezzi-accessori/ attrezzi accessori auto e moto] [http://www.freewebtown.com/starbriteyellow/resources/articles/nadija.htm nadija] [http://wainfan.t35.com/view/new/loli.htm loli] [http://kopapguw.homeblock.com/topic/homosexuales/ homosexuales] [http://lorcaxon.homeblock.com/data/annunci-personali/ annunci personali incontri perugia] [http://lorcaxon.homeblock.com/data/the-sims/ the sims advance] [http://greensticky.freehostia.com/library/html/ariston-mbaa/ ariston mbaa 4533] [http://flheddin.125mb.com/content/view/nancy-va.htm nancy va a rio] [http://kopapguw.homeblock.com/topic/four-to/ four to the floor] [http://grahrens.125mb.com/view/new/samsung-yh/ samsung yh 920] [http://beshennayabelka.freehostia.com/content/view/viola-simoncioni.htm viola simoncioni] [http://greensticky.freehostia.com/library/html/eurodance/ eurodance 10] [http://benevolently.freehostia.com/content/view/gay-bisex/ gay bisex] [http://www.freewebtown.com/starbriteyellow/resources/articles/don-t.htm don t cry video] [http://selemku.t35.com/text/directory/my-first.htm my first computer book of animals] [http://lorcaxon.homeblock.com/data/teac-mp/ teac mp3 mp 300] [http://selemku.t35.com/text/directory/saxtronic-love.htm saxtronic love] [http://benevolently.freehostia.com/content/view/eric-prydz/ eric prydz s call on me] [http://mauballe.125mb.com/web/tv-lcd/ tv lcd 23 tv televisori] [http://grahrens.125mb.com/view/new/dtv/ dtv 407] [http://www.freewebtown.com/starbriteyellow/resources/articles/twiga.htm twiga] [http://licohwar.homeblock.com/library/html/ufficio-casale/ ufficio casale monferrato] [http://oedi.freehostia.com/text/directory/o-r/ o r o vivo per lei] [http://selemku.t35.com/text/directory/yamaha-home.htm yamaha home theatre] [http://www.freewebtown.com/prncessprncipe/library/html/haiducii-dragostea.htm haiducii dragostea din te] [http://www.freewebtown.com/boogiejames/topic/globus-elettrostimolatore.htm globus elettrostimolatore] [http://oedi.freehostia.com/text/directory/notebook-asus/ notebook asus pentium 4] [http://huruple.125mb.com/text/directory/ariston-avl/ ariston avl 88] [http://selemku.t35.com/text/directory/controller-dvd.htm controller dvd ps2] [http://greensticky.freehostia.com/library/html/mezzogiorno-di/ mezzogiorno... di fifa] [http://failtoexpress.freehostia.com/html/you-re.htm you re gorgeous] [http://www.freewebtown.com/prncessprncipe/library/html/epson-stylus.htm epson stylus 915] [http://mcwardlo.t35.com/library/html/televisori-/ televisori 20 pollici] [http://benevolently.freehostia.com/content/view/rossella/ rossella] [http://mcwardlo.t35.com/library/html/project-eden/ project eden] [http://coarmago.t35.com/content/view/lettore-mp/ lettore mp3 dvd jpeg dvx] [http://mcwardlo.t35.com/library/html/eiffel-fireworks/ eiffel fireworks] [http://boreldar.t35.com/text/directory/green-day.htm green day. international supervideos] [http://www.freewebtown.com/starbriteyellow/resources/articles/edo-de.htm edo de mexico toluca] [http://wainfan.t35.com/view/new/sarfatti-margherita.htm sarfatti, margherita] [http://failtoexpress.freehostia.com/html/universita-studi.htm universita studi di brescia] [http://selemku.t35.com/text/directory/hd-maxtor.htm hd maxtor sata 300 gb] [http://wainfan.t35.com/view/new/rony-size.htm rony size] [http://licohwar.homeblock.com/library/html/folklore-siciliana/ folklore siciliana] [http://greensticky.freehostia.com/library/html/georg-friedrich/ georg friedrich handel. the messiah (choruses)] [http://saline-joy.freehostia.com/web/the-heart.htm the heart of our unity] [http://selemku.t35.com/text/directory/www-led.htm www led zeppelin it] [http://beshennayabelka.freehostia.com/content/view/mares-r.htm mares r2] [http://huruple.125mb.com/text/directory/viita-lauri/ viita, lauri] [http://selemku.t35.com/text/directory/belucci.htm belucci] [http://saline-joy.freehostia.com/web/tema-d.htm tema d italiano] [http://huruple.125mb.com/text/directory/atlante-storico/ atlante storico de agostini] [http://boreldar.t35.com/text/directory/carcere-e.htm carcere e villeggiatura] [http://beshennayabelka.freehostia.com/content/view/curbside-prophet.htm curbside prophet] [http://getraylo.freeweb7.com/img/styles/silent-hill.htm silent hill 2 soluzione] [http://saline-joy.freehostia.com/web/the-expandables.htm the expandables] [http://getm0ney.freewebpage.org/lib/atterraggio-di/ atterraggio di fortuna] [http://huruple.125mb.com/text/directory/frigorifero-rex/ frigorifero rex rd 20] [http://www.freewebtown.com/boogiejames/topic/erreway-dos.htm erreway dos segundos] [http://benevolently.freehostia.com/content/view/arena-holding/ arena holding] [http://www.freewebtown.com/prncessprncipe/library/html/meridiana-voli.htm meridiana voli] [http://www.freewebtown.com/boogiejames/topic/treccani-enciclopedia.htm treccani enciclopedia vendo 2004] [http://boreldar.t35.com/text/directory/lampade-a.htm lampade a batteria] [http://www.freewebtown.com/prncessprncipe/library/html/da-znas.htm da znas vesna pisarovic] [http://licohwar.homeblock.com/library/html/mamma-porca/ mamma porca] [http://mauballe.125mb.com/web/frigorifero-side/ frigorifero side by daewoo] [http://mcwardlo.t35.com/library/html/hotel-lloret/ hotel lloret de mar] [http://getm0ney.freewebpage.org/lib/twin-peaks/ twin peaks stagione 1] [http://saline-joy.freehostia.com/web/orange-srl.htm orange srl] [http://flheddin.125mb.com/content/view/solo-blob.htm solo blob job] [http://lorcaxon.homeblock.com/data/track-suit/ track suit] [http://licohwar.homeblock.com/library/html/hotel-a/ hotel a sofia] [http://greensticky.freehostia.com/library/html/you-know/ you know my dream] [http://coarmago.t35.com/content/view/abbigliamento-de/ abbigliamento de puta madre] [http://getm0ney.freewebpage.org/lib/roberto-nanni/ roberto nanni e la resistenza] [http://www.freewebtown.com/prncessprncipe/library/html/palmerston-north.htm palmerston north] == Poor Graphic ==
+== Poor Graphic ==
 [[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.
-* 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

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