May 2008 Archives

Pijlen die naar beneden wijzen hebben iets statisch. Ze zijn absoluut niet dynamisch. Het geeft aan waar iets ligt. Niet iets waar je naar toe zou willen gaan. En Rijkswaterstaat heeft het eindelijk door! Weer een kleine ergernis minder...

Verkeersbord_Almere.jpg Verkeersbord_114387m.jpg


Verkeersbord met pijl omhoog biedt voordelen Marcel van Lieshout Amsterdam - De blauwe borden met witte pijlen boven de snelwegen krijgen een nieuw ontwerp. De richtingpijlen wijzen straks niet meer omlaag, maar omhoog. Die visuele aanpassing leidt tot een betere doorstroming en bevordert de veiligheid, zo is uit een proef gebleken. Lees verder op de site van de Volkskrant.

Gerelateerde informatie

2008verkeersborden en verkeersregels_tcm195-218045.pdf.png

VisNetw.png

Op uitnodiging van Yuri Engelhardt (Yuri, thanks, I really appreciated it) zijn Paul en ik gisteren naar de Waag gegaan om de zeven interactieve projecten te bekijken die ontwikkeld zijn door de multidisciplinaire teams van de UvA en de MAHKU. Elk vijfkoppig team bestaat uit drie technisch ontwikkelaars (UvA), twee media analisten (Uva) en een grafisch ontwerper (MAHKU).

Na een introductie van Waag Society en Media Gilde passeerden de zeven projecten in korte presentaties de revue:

  1. Vriendjespolitiek.net waar je door middel van je Hyves profiel kunt kijken welke politieke partijen het beste bij je passen.
  2. MatchMaker waarbij de persoonlijke profielen gepubliceerd binnen het sociale netwerk Hyves gematched worden naar overeenkomst interesses.
  3. Data Body die door visualisaties mensen bewust willen maken van hun gepubliceerde profielen door deze te vergelijken met andere profielen. Dankzij Data Body kun je vaststellen in hoeverre jou profiel op MySpace afwijkend is van de statistische massa.
  4. LoOSN combineert met behulp van data verkregen via Alexa een wereldkaart, wereldtalen en de verschillende sociale netwerken. In de applicatie krijg je bijvoorbeeld te zien welke talen in welke landen gesproken worden, in welke sociale netwerken deze talen gesproken worden.
  5. Friendscape haalt de data uit Hyves en presenteert gedeelde foto's op een 3D grid waarbij op de ene as de namen zijn uitgezet, op de andere de maanden. Foto's zijn gestapeld op de kruisingen van de x- en de ij-as. Hoe hoger een stapel hoe meer foto's.
  6. Kaboom die een alternatieve manier (op kleur of op tags) biedt om visueel door de afbeeldingen te browsen. Dit project deed me denken aan IBM's experimentele Query By Image Content (QBIC) zoektechnologie. Kaboom maakt een histogram van een plaatje en vergelijkt dit met het histogram van andere plaatjes om zo te kunnen matchen.
  7. En als laatste A tags life die trends in beeld brengt door het koppelen van geplaatste Flickr foto's aan bekeken Flickr foto's.

Meer informatie over de projecten is te lezen op de site van Masters of Media.

Het waren zeven vlotte presentaties van young professionals in een warm Theatrum Anatomicum en dit artikel doet ze zeker te kort. Een ding is zeker, het combineren van de verschillende specialisaties heeft tot een hele mooie synergie geleid.

Betrokken opleidingen

Gerelateerde informatie

Invitation_21_May_2008.jpg Morgen (woensdag 21 mei) worden in het Theatrum Anatomicum van de Waag (Nieuwmarkt 4, Amsterdam) 7 innovatieve visualisatieprojecten gepresenteerd onder de noemer 'Visualizing the Network'. Hierbij worden beelden gebruikt om door online sociale netwerken te 'navigeren' en op een nieuwe manier informatie te onttrekken aan het net. Initiatiefnemers zijn de UvA en de MaHKU. Toegang is gratis.

Bron
site Waag Society

Een 'design pattern' is een systematische beschrijving over een optimale toepassing van vaardigheden. Uitgangspunt is altijd de meest effectieve oplossing uit de praktijk waardoor er minder complicaties bij de uiteindelijke implementaties zullen zijn.

Deze manier van beschrijven is ontwikkeld door de architect Christopher Alexander. Hij ontwikkelde een ontwerpmethode voor architecten en stedenbouwkundigen en beschreef deze in 1977 in zijn boek 'A Pattern Language: Towns, Buildings, Construction'.
In 1994 hoorde ik voor het eerst over design patterns op de @Home conferentie van Doors of Perception.
En sinds ongeveer 2000 volg ik de groei Martijn van Welie's 'A Pattern Library for Interaction Design' nauwgezet. In de loop van de tijd zijn daar ook de Design Pattern Library van Yahoo en het Web Patterns Project van U.C. Berkeley School of Information bijgekomen.

Een pattern bestaat ruwweg uit:

  • naam
  • probleem dat het patroon oplost
  • synoniemen
  • probleemomschrijving (voorbeeld wanneer patroon de oplossing zou kunnen zijn)
  • context waarop het patroon van toepassing is
  • structuur van het patroon
  • implementatie van het patroon
  • voorbeeld
  • voorbeelden gerelateerde patronen

De InfoDesign site heeft een mooie verzameling links naar relevante informatie over patterns op het web!

Nu heeft Christian Behrens als bijlage bij zijn master thesis 'The Form of Facts and Figures' een website 'Information Design Patterns' ontwikkeld waarin hij design patronen voor het visualiseren van informatie omschrijft.

skitched-20080520-114250.png

vdqi_bookcover.gif Als het goed is wordt dit het laatste artikel dat zijn oorsprong heeft in Tufte's klassieke boek 'The visual display of quantitative information'. Niet zonder spijt want het is een prachtig gebonden boek van mooie lithografische kwaliteit vol zorgvuldig gerangschikte afbeeldingen. En de grondigheid waarmee hij zijn kennis met voorbeelden omschrijft en laat zien is zeer aangenaam.

... Theory and practice in the design of data graphics, 250 illustrations of the best (and a few of the worst) statistical graphics, with detailed analysis of how to display data for precise, effective, quick analysis. ...

Tufte verdeeld het onderdeel 'theorie van grafische data visualisatie' in 5 onderdelen.

  1. Data-inkt en grafische restyling.
  2. Chart-junk: vibraties, grids en eenden.
  3. Data-inkt maximalisatie en grafische vormgeving.
  4. Multifunctionele grafische elementen.
  5. Data dichtheid en kleine veelvouden.
  6. Esthetiek en techniek in grafische data visualisatie.

'Graphical integrity' kenmerkt zich, volgens Tufte, door een zestal principes:

  1. Zorg dat de weergave van nummers, zoals daadwerkelijk gemeten binnen een grafiek, moeten gelijk zijn aan de gevisualiseerde numerieke hoeveelheden.
  2. Gebruik heldere, grondige en gedetailleerde etikettering, om grafische vervorming en dubbelzinnigheid te voorkomen.
  3. Toon variatie in data, niet in het ontwerp.
  4. Geef geld in tijdslijnen gecorrigeerd voor inflatie en in standaardeenheden weer. Dat is veelal beter dan een nominale weergave van het geld.
  5. Gebruik geen twee of driedimensionele weergave om eendimensionele data te visualiseren. Het aantal getoonde informatie-dragende dimensies mag niet het aantal dimensies in gegevens overschrijden.
  6. Laat geen data zien die buiten de context vallen.

Bij het communiceren van complexe kwantitatieve ideeën zijn er vier basisvormen te onderscheiden:

  1. data kaarten,
  2. tijdsreeksen,
  3. plaats-tijd narrative ontwerpen en
  4. relationele grafieken.

Tabellen zijn taaie kost, een rauwe opsomming van getallen. De visualisatie van de gegevens moeten 'het oog aanmoedigen' om deze data te interpreteren'. Tufte zegt dat grafische weergaven meerder functies hebben. Ze moeten

  • de data tonen;
  • voorkomen dat data vervormd wordt weergegeven of geïnterpreteerd;
  • een grote hoeveelheid cijfers op een beperkt oppervlak weergeven;
  • een coherent geheel maken van de omvangrijke data sets;
  • het oog uitnodigen om de verschillende brokken data met elkaar te vergelijken;
  • de data op verschillende niveaus onthullen, van een breed overzicht tot in het kleinste detail;
  • een duidelijke doel dienen: beschrijving, exploratie, tabuleren of decoratie;
  • nauw verweven zijn met de statistische en verbale beschrijvingen van de data set.

Uit voorgaande twee artikelen 'Subjectieve bewijsvoering' en 'De 4 grondbeginselen van een grafiek' blijkt dat wanneer de weergave van gegevens waar en onthullend moet zijn de logica van het ontwerp de logica van de analyse moet reflecteren. De juiste en rationele opeenvolging van oorzaak en gevolg moet zowel in het ontwerp als in de analyse van de data gelijk zijn. Tufte zegt hierover

Visual representation of evidence should be governed by principles of reasoning about quantitative evidence. For information displays, design reasoning must correspond to scientific reasoning. Clear and precise seeing becomes as one with clear and precise thinking.

Het principe van gecontroleerde vergelijkingen dicteert tegelijkertijd de constructie van de weergave van gegevens en schrijft voor hoe de inkt of de pixels van een grafiek zo geordend moeten worden dat context en vergelijkingen direct weerspiegeld worden. De kwaliteit van de vormgeving komt voort uit de intellectuele kwaliteit. Bovengenoemde tweeledige principes, nodig voor zowel het beredeneren van statistische bewijsvoering als voor het ontwerpen van statistische grafieken, omvatten

  1. het documenteren van bronnen en van de karakteristieken van de data,
  2. het doorlopend afdwingen van de meest geschikte vergelijkingen,
  3. het demonstreren van mechanismen van oorzaak en gevolg,
  4. deze mechanismen kwantitatief in beeld brengen,
  5. het herkennen van de inherent zijnde multivariate natuur van analytische problemen en
  6. het inspecteren en evalueren van alternatieve verklaringen.

Weergaven van informatie moeten, mits een correcte weerspiegeling van inhoud en kern van de zaak,

  • documentair,
  • de oorzaak insluitend en verklarend,
  • vergelijkend,
  • in hoeveelheden uitgedrukt,
  • multivariate [1] en
  • verklarend zijn.

Bron
Visual Explanations: Images and Quantities, Evidence and Narrative, Edward Tufte, Graphic Press, 1997. Bladzijde 53, Conclusion: Thinking and design.

[1] Defintie multivariate analyse
Verzamelnaam voor een aantal analysetechnieken die ontworpen zijn om de aard en de mate van samenhang tussen een groot aantal waarnemingen te beschrijven.
Meer algemene term: analyse, analysetechnieken. Meer specifieke term: factoranalyse. Rubriek: S24.2 wetenschappelijk onderzoek. Gevonden op thesauruszorgenwelzijn.nl

visex_bookcover.gif Op 28 januari 1986 explodeerde de Challenger door een lekkende O-ring. Onderzoek na de ramp liet zien dat dit veroorzaakt werd door een lekkende O-ring. Ingenieurs hadden de dag voor de lancering data overlegd aan de beslissingnemers dat hun advies moest onderstrepen, de dag van de lanchering zou te koud zijn om de Challenger te lanceren. Terwijl het Snow juist door de visualisatie lukte om iedereen te overtuigen ging het hier mis. Daar zijn zeker meerdere redenen dan alleen de visualisaties voor aan te wijzen. Edward Tufte concentreert zich in zijn boek 'Visual Explanations: Images and Quantities, Evidence and Narrative' vooral op de visualisatie van de data tijdens het onderzoek wat volgde na de ramp.

Hieruit komen vier principes naar voren.

De keuze voor een visualisatie optie bepaald de uiteindelijke interpretatie van de data. Neem bijvoorbeeld de kaart visualisatie van John Snow. Door het weergeven van de sterfgevallen door cholera op een kaart van London kon hij inzichtelijk maken dat een waterbron in Broad Street de mogelijke bron van besmetting was. Op zich een knap stukje werk want men had toendertijd geen inzicht in de manier waarop de ziekte werd overgebracht.

Archief

Over dit archief

This page is an archive of entries from May 2008 listed from newest to oldest.

April 2008 is the previous archive.

June 2008 is the next archive.

Lees recente content in de linker kolom of blader door het archief om alle content te vinden.

www.flickr.com
This is a Flickr badge showing public photos and videos from Amsterdam, statistisch bekeken. Make your own badge here.
Creative Commons License
This weblog is licensed under a Creative Commons License.
Powered by Movable Type 4.21-en