Visuell, das Blog der Visualisierung

Vereinfachen fürs Fernsehen

2009-11-18T21:51:00.005+01:00

Der 18. November hat das Zeug, Tag der Bevölkerungspyramide zu werden. Im Vereinigten Königreich wurde heute eine interessante Darstellung mit zwei Bevölkerungspyramiden (flash, en) vorgestellt, bei der man die Hüllkurve dieser Pyramiden für frei wählbare Jahre fixieren kann. Das ist schon eine recht anspruchsvolle Darstellung.

Und für Deutschland gab es heute auch eine neue animierte Pyramide (SVG, en/fr/de/ru) für die 12. koordinierte Bevölkerungsvorausberechnung zu sehen, bei der man neben vier Varianten auch noch beliebig Altersgruppen einstellen kann und vieles mehr.

So war es dann ein wenig enttäuschend, im Fernsehen die anstehende Alterung der Bevölkerung lediglich in Form von Klotür-Männchen gezeigt zu bekommen. Dabei ist es vielleicht nicht nur das Vorurteil des verdummenden Mediums, sondern auch das 16:9 Seitenverhältnis des modernen Fernsehens, das hier Vorgaben macht.

Wahlbeteiligung und Arbeitslosigkeit

2009-10-13T06:16:00.005+01:00

Hier noch ein praktisches Beispiel für die visuelle Darstellung von Zusammenhängen.

Die Zahl der Nichtwähler bei der Bundestagswahl am 27. September war ohne Ausnahme in jenen Regionen, Kommunen und Stadtteilen überdurchschnittlich hoch, in denen besonders viele Menschen von Arbeitslosengeld oder niedrigen Löhnen leben müssen. Das ergab laut einem Bericht des „Spiegel“ eine Analyse des Paritätischen Wohlfahrtsverbandes.
...
Auch unter den westdeutschen Bundesländern sei das Land mit den anteilig meisten Einkommensschwachen vorne: In Bremen, wo die Armutsquote bei 19 Prozent liege, sei fast ein Drittel der Menschen nicht zur Wahl gegangen. Hoch sei die Wahlbeteiligung hingegen dort, wo Gutverdienende wohnten, zum Beispiel in den Speckgürteln von Berlin, Stuttgart und München. (Quelle: welt.de)

Je mehr ... desto mehr/weniger ...

2009-09-25T17:53:00.009+01:00

Zwei Anwendungen im Netz, mit denen man die Strukturdaten zur Bundestagswahl und die Wahlergebnisse in Verbindung bringen kann, ohne den Begriff der Korrelation einführen zu müssen. Hier das Beispiel Bevölkerungszu- bzw. -abnahme und Wahlverhalten, bei dem sich Regionen mit Bevölkerungsabnahme durch höhere Zweitstimmenanteile für die Partei Die Linke auszeichnen:

Selber ausprobieren unter zdf.de/ZDFmediathek/

Selber ausprobieren unter vis.uell.net/btw/09/atlas.html

Die Idee des ZDF Wahl-Lokals, das Wahlergebnis für die Klassen einer anderen Variable zu aggregieren, ist neu und gut gelöst. Leider ist das durch den ZDF Medienplayer vorgegebene Layout für die Karte der Bundesrepublik etwas unvorteilhaft und viele regionale Muster werden mit nur drei Klassen nicht so gut sichtbar. Dafür eröffnet die Klasseneinteilung per Schieberegler, die sofort die Karte und Wahlergebnisse aktualisiert, eine spielerische Interaktion und möglicherweise besseres Verstehen der Zusammenhänge. Wertvoller Platz für die Karte wird zugunsten von sehr großen Schaltflächen für die anderen Wahlen verschenkt.

A better pie recipe

2009-09-09T22:49:00.005+01:00

Conventional wisdom in infographics has it that pie charts only work with up to six segments and each segment should represent a drastically different percentage. But that doesn't work with the basket of goods in price statistics where you may have to show the percentages of up to 700 items.

The Voronoi Diagram comes to help. Its organic shapes are nested so that even very small shares can be shown. It serves as a special form of a tree map. The statistical use case is aptly named Price Kaleidoscope, also a better marketing term that doesn't involve cooking.

Here is a beautiful showcase of Scalable Vector Graphics at work. Read more about Voronoi diagram – a new visualisation tool for the price statistics or visit the SVGopen conference.

SVG Strengths: Progressive Loading

2009-08-23T11:14:00.004+01:00

So I am preparing my paper for SVGopen 2009 which is titled The strengths of SVG in web mapping. Turns out that the strength of the election atlas cannot be solely attributed to the technology I used.

Nevertheless, I am collecting the advantages of SVG in mapping, and this is one of them:

You can hardly have a better load indicator than the map being drawn district by district as the path data is tickling through your slow connection.

Data-Driven Everywhere

2009-08-17T21:41:00.004+01:00

In a post over at blogstats I was discussing how some of our interactive visualizations don't work under every circumstance and how it is handy to have them with you on your mobile phone. But it is no secret to even a mildly addicted web user, that a lot of times it is Internet Explorer that hinders progress. However critizising Microsoft and their web offerings might be a nice pastime for some, going the non-Internet-Explorer route usually means excluding half of your customers.

This website advocates the use of open standards for data driven graphics, namely SVG (Scalable Vector Graphics) and it is this technology that is not at all supported in Internet Explorer. Adobe provided a – reasonable at the time (2001) – plugin that got end of lifed in January 2009, leaving a significant questionmark for content providers who used the SVG format.

Just in time for its world conference SVGopen 2009, good news is coming in form of a JavaScript library called SVG Web, that allows SVG to be rendered using the Flash plugin. While this is not a panacea, the Flash plugin has 95-97% market share (it is a necessary requirement for watching youtube!) and thus a viable option to go. It is exactly those video capabilities of Flash that might cause it to be blocked in some office environments, but still.

One of the huge advantages of SVG Web is its ability to run almost unmodified standard complient SVG markup. This hasn't been done before. JavaScript libraries like dojo.gfx, Raphaël or JSXGraph adapt some elements of the SVG language and everything has to be constructed in JavaScript. In addition those libraries render VML on Internet Explorer, which has the advantage of giving vector graphics to even the barest Internet Explorer installation (no plugins required at all), but performance is far from bearable for more advanced graphics. SVG Web is backed by Google who is kind of giving Microsoft the finger here.

The SVG Web Toolkit is currently in its alpha stages but is already running well enough to adapt an animated populaton pyramid to it, as is showcased on this site. The election atlas is also making good progress in running on Internet Explorer via the Flash plugin and will hopefully be released on this site soon.

Three Data Dimensions

2009-08-17T20:45:00.003+01:00

It is rare to see 3D used in statistical graphics to really depict three data dimensions, but in this infoporn by Arno Ghelfi for Wired Magazine it is done brilliantly: You can see the device price of selected consumer electronic goods over time and the market penetration of the device in question. It is always beautiful to have these long running timeseries but this one is very close to a geek's heart. Early adopters paying high prices as the latest gadgets become available and over time these devices become mainstream as their price drops. There is also a lesson to be learned here as some products like DVD players become drastically cheaper as they approach their end of life cycle. Only the PC is different compared to the other items in that its price didn't drop that dramatically despite its growing market penetration.

This is one of the many great examples that are showcased in Visual Language for Designers: Principles for Creating Graphics that People Understand, a recently published book by Connie Malamed that does a lot more than showcasing best practices without discussing bad examples:

Malamed is a cognitive scientist, artist, and educator. As such, she recognizes the need for infographics to be designed with an understanding of what actually works, based on empirical research. She proposes design principles that have emerged from an understanding of how the eyes and mind function, drawn from research in the fields of visual communication and graphic design, learning theory and instructional design, cognitive psychology and neuroscience, and information visualization.

Stephen Few: At Last, a Scientific Approach to Infographics, review.

Der Wahlmonitor auf tagesschau.de

2009-06-08T11:39:00.008+01:00

gehört zu den ganz mächtigen Visualisierungswerkzeugen und ist deshalb eine kleine Besprechung wert:

Die folgenden Punkte möchte ich hervorheben

Die Zeitschiene erlaubt zumindest für die Bundestagswahlen eine Rückschau bis 1949. Obwohl hier die Funktionalität von (2) gedoppelt wird, ist in dieser Darstellung der Zeitstrahlaspekt besser erlebbar.
Eine Liniengrafik der Stimmenanteile über den gesamten verfügbaren Zeitraum ist gleichzeitig auch als Navigator wie unter (1) zu verwenden. Hier kommt man mit der Größe etwas an die Grenzen, zeigt aber gleichzeitig die Datendichte des Wahlmonitors auf.
Der Navigator ist besonders gut gelungen. Nicht nur, dass er die verschiedenen regionalen Ebenen visualisiert und somit sofort zeigt, was es hier noch aus dem Datenfundus zu sehen gibt. In der Deutschlandkarte sieht man sogar welcher Landtag gewählt wird.
Das Vergrößerungsglas ist kontraproduktiv, denn es macht auch noch darauf aufmerksam, dass die Kreiskarte als Pixelgrafik hinterlegt ist. Enttäuschender ist noch, dass die Karte nur als Navigation zu den Kreisergebnissen aber nicht als thematische (Choropleten-) Karte genutzt wird.

Nicht im obigen Screenshot zu sehen, aber eine Selbstverständlichkeit sind die Ergebnisdarstellungen nach Gewinne/Verluste, Sitzverteilung und Stimmenanteil. Wirklich schade ist, dass trotz Verwendung von Flash die Grafik pixelgenau begrenzt ist und sich auch auf großen Monitoren nicht vergrößern läßt.

Wahlatlas zur Europawahl 2009

2009-04-13T11:35:00.004+01:00

Die Europawahl kennt im Gegensatz zur Bundestagswahl keine eigene Wahlkreiseinteilung, aber es ist üblich, die Wahlergebnisse für die administrativen Einheiten der Landkreise und kreisfreien Städte (NUTS-3) zu veröffentlichen. Freundlicherweise stellt das Bundesamt für Kartographie und Geodäsie eine Kartengrundlage für diese Grenzen im Maßstab 1:2.500.000 als Shapefile zur Verfügung (kostenloser Download für die nicht-kommerzielle Nutzung: VG 2500). Diese Vektor-Geometrie – ich habe mich für die Lambert-Abbildung entschieden – konnte in gewohnter Weise mit dem shp2svg Werkzeug von carto.net nach SVG konvertiert werden, und das Angebot Wahlatlas.net kann jetzt auch für die Europawahl 2009 genutzt werden.

Sobald der Bundeswahlleiter die Vergleichszahlen für frühere Wahlen sowie die Strukturdaten für die jetzt 413 kreisfreien Städte und Landkreise veröffentlicht hat (ca. April 2009), wird das Angebot entsprechend aktualisiert und die neue Karte kann zum Einsatz kommen. Aufgrund der Gebietsreform sind andersweitig noch keine Daten in dieser Gliederung vorhanden.

Das obige Video scheint von der Berliner Senatsverwaltung in Auftrag gegeben worden zu sein und es überrascht positiv, dass eine solche Institution den Ton der Zielgruppe getroffen hat und sich nicht die Bedenkenträger durchgesetzt haben (Angst vor Nachahmungstätern, ungeklärte Versicherungsfrage, Genderproblematik, Haltbarkeit der Wahlkabinen ... )

update: Das obige Video ist nicht mehr verfügbar, YouTube zeigt lediglich die Dieses Video wurde vom Nutzer entfernt. Nachricht. Da würden mich ja die Hintergründe zu interessieren ...

Visualisierung trifft den Ton: Screencast

2009-02-22T20:57:00.010+01:00

Fünf Minuten Einführung in die Grundfunktionen von wahlatlas.net mit bewegtem Bild und gesprochenem Kommentar.

Manuscript (pdf, 28kB)

Die Auteur-Theorie des Designs

2009-02-02T23:03:00.008+01:00

Ein wiederkehrendes Thema bei der Analyse guten Designs ist das der Autorität der Entscheidungsberechtigten. Manche Autoren gehen soweit zu sagen, Design bedeute Entscheidungen zu treffen. John Gruber bemüht hierzu in einem Vortrag die Filmtheorie mit der Unterscheidung des Produzenten-Kinos vom Autorenfilm, um zu erklären wie gutes Design entstehen kann. Der Film als Kunstform biete sich dabei an, weil auch dem Laien bewußt ist, dass er eine Gemeinschaftsarbeit von Schauspielern, Kameramann, Regisseur und vielen anderen ist. Dabei stellt sich die Frage, wer letztendlich für das erfolgreiche Gelingen dieser Zusammenarbeit verantwortlich ist, bzw. sprichwörtlich ausgedrückt, wer es ermöglicht, dass das Ganze mehr wird als die Summe seiner Teile. Denn es sind durchaus genügend Beispiele bekannt, wo das Ganze hinter der Summer seiner Teile deutlich zurücksteht (vgl. Design by Committee).

Die Autorität über die endgültigen Entscheidungen bei einem Film wird final cut genannt. Dabei hat der Regisseur im Studiosystem im Allgemeinen nicht diese Entscheidungsbefugnis, was die Begründer des Autorenfilms aber als eine Grundvoraussetzung ansahen. Gruber erläutert das Beispiel Alfred Hitchcock, der keine final cut Autorität hatte und zu einer Zeit arbeitete, als Regisseure viel mehr Einstellungen drehten als benötigt wurden, so dass die Studios hinterher noch das Ende des Films variieren konnten, um einem vermeintlichen Publikumsgeschmack entgegenzukommen und den wirtschaftlichen Erfolg des Films zu steigern. Hitchcock hat das Studiosystem dabei aber ausgetrickst, indem er lediglich jene Einstellungen drehte, aus denen nur die eine Fassung des Films geschnitten werden konnte, die er selber beabsichtigt hatte. Hieraus leitet Gruber die folgende Theorie ab:

The Quality of any collaborative endeavor
tends to approach the level of taste
of whoever is in charge | of whoever has final cut
(works both ways)

Diese Theorie läßt sich in der Tat in der anderen Richtung am einfachsten nachvollziehen: Auch wenn noch so talentierte Menschen in einem kreativen Prozess zusammenarbeiten, geht dieses Talent verloren wenn die Geschmackssicherheit des Letztentscheiders nicht das Maß der Mitarbeiter erreicht.

Mehr noch als die Formulierung dieser Theorie sollte man sich an der Lehre orientieren, die Gruber allen Kreativen mit auf den Weg geben möchte: Wie Alfred Hitchcock mag man die final cut Autorität nicht bekommen, indem man danach fragt, sondern indem man sie sich nimmt.

SVG Kartographie auf dem iPhone

2008-09-21T23:07:00.007+02:00

Seit dem iPhone OS 2.1 update kann der Safari Browser des iPhones auch SVG und zwar vollständig. Hier im Video zu sehen ist der Wahlatlas dieser Webseite, der für das iPhone in keiner Weise angepasst wurde. Die Performance ist ordentlich. Der Film zeigt mitunter einige erfolglose Versuche bei der Bedienung (Tippen löst keinen Event aus), die aber nur dem Umstand geschuldet sind, dass ich das iPhone durch den Sucher der Kamera bedient habe, um eventuelle Reflexionen sofort ausgleichen zu können.

Das ganze funktioniert erstaunlich gut. Das Zoomen per Doppel-Tippen scheint als Ziel Bounding-Box die größeren <g> Elemente zu verwenden, beim Wahlatlas sind das die Bundesländer. Lediglich die Mouseover Effekte funktionieren nicht auf dem Touch Interface. Schließlich hört die Karte auch noch auf einen Klick-Event für das Ziehen der Karte, den man im Film hin und wieder bemerkt.

Jedenfalls hat das iPhone immer noch keinen Flash Support und SVG ist somit das Mittel der Wahl für Rich Internet Applications auf dieser Platform. Das gibt wieder Hoffnung für das offene Web im Allgemeinen und SVG im Speziellen.

Statistik lernen mit amazon

2008-05-02T21:09:00.016+02:00

Es sollte ja eigentlich bekannt sein, dass ein Mittelwert auf unterschiedliche Weise zustande kommen kann, aber gerade bei Kundenbewertungen (von Büchern, Geräten, Hotels ...) ist es überaus wichtig zu wissen, auf welcher Basis die durchschnittliche Bewertung zustande gekommen ist, also auf wievielen Bewertungen der Durchschnitt beruht und wie sich die einzelnen Noten verteilen.

Und dankenswerterweise tut amazon genau das – jedenfalls in der Version ihrer Webseite, die mir gerade angezeigt wird. Das ist sicherlich noch nicht der ganze Tufte, was wir hier zu sehen bekommen, aber hilfreich ist es in jedem Fall und es entspricht eben dem amazon „Design“.

Das wäre jetzt ein guter Ausgangspunkt, so etwas als Sparkline umzusetzen und in die Hotellisten von expedia oder hrs einzubauen.

to frankenstein

2008-03-08T02:28:00.003+01:00

Das US-Amerikanische kann praktisch jedes Substantiv auch als Verb verwenden, woraus dann Dinge entstehen wie Please bag your trash (gesehen als Schild an einem Müllschlucker). In Ergänzung zu der Problematik des Design by Commitee kommt es auch oft zum Frankensteinen. D.h. das Kommitee will sich nicht nur auf den kleinsten Nenner einigen sondern es will auch eine gestalterische Variante durchsetzen, die jeweils bestimmte Aspekte der vorgestellten Entwürfe miteinander kombiniert, à la „nehmen Sie den braunen Hintergrund von Enwturf eins, das große Logo von Entwurf zwei und die eliptischen Formen aus Entwurf drei, dann müßte es hinkommen“. Das Urban Dictionary sagt:

To make something from several other similiar things.
My car broke down so I had to Frankenstein a new engine from old Mustang and Corvette parts.

und kennt noch ein paar andere interessante Bedeutungen.

Das photographische Gedächtnis

2007-08-24T15:55:00.000+02:00

Das GOOD Magazine behandelt in seiner Rubrik „Transparency“ (A graphical exploration of the data that surrounds us) die visuelle Erklärung eines Sachverhalts.

In seiner sechsten Ausgabe (Sept/Okt 07, siehe nebenstehenden Ausriss) wird erläutert, wie das Längenmaß Meter definiert ist und wie sich diese Definition über die Zeit hinweg verändert hat. Das ist zunächst nicht ganz so spektakulär und gehört vermutlich in groben Zügen zum Allgemeinwissen. Gerade deshalb stellt sich leicht die Frage, ob in diesem Falle die Comic-hafte Darstellung den Leser für dümmer verkauft als er ist.

Der Einfachheit halber vergleichen wir – nach Lektüre der obigen visuellen Erklärung – diese mit einer textlichen Ausführung. Nachfolgend ein Auszug aus dem Artikel „Meter" der deutschsprachigen Wikipedia:

Aktuelle Definition: Der Meter ist definiert als die Strecke, die das Licht im Vakuum in einer Zeit von 1 / 299.792.458 Sekunden zurücklegt. Statt ein Meter-Eichmaß aufzubewahren, beruht die Definition des Meters damit auf einer Zeitmessung. Dies erfolgte, weil die Definition der Sekunde (Maßeinheit der Zeit) als atomares Zeitnormal gelang und somit beide Maßeinheiten unabhängig von Eichmaßen bestimmt werden können. ...
Frühere Meter-Definitionen: ... 1889 wurde vom inzwischen gegründeten BIPM ein neuer Standard eingeführt. Dazu wurde der internationale Meterprototyp angefertigt, ein Stab mit kreuzförmigem Querschnitt aus einer Platin-Iridium-Legierung im Verhältnis 90:10, und ein Meter wurde festgelegt als der Abstand der Mittelstriche zweier Strichgruppen bei einer Temperatur von 0° C. Damit richtete sich das Meter nicht mehr nach der Vermessung der Erde, sondern entsprach der Länge eines konkreten Gegenstands. Kopien dieses Meterprototyps wurden an die Eichinstitute in vielen Ländern vergeben. ...

Interessanterweise ist der Wikipedia Artikel mit der photographischen Abbildung eines Meterprototyps aus Platin-Iridium bebildert. Der sieht zwar ganz schick aus, aber weder kann man die Legierung aus dem Bild entnehmen noch ergeben sich Hinweise auf die weiteren Umstände, denen dieses Metermaß genügen muß. Eigentlich kann man nur den Querschnitt des Materials erkennen.

Natürlich ist der Wikipedia Artikel wesentlich detaillierter, aber weder ist er für die schnelle Lektüre geeignet, noch kann man sich die Informationsmenge besonders gut merken. Wieder einmal kann man sehr schön die jeweiligen Stärken herausarbeiten, die sich eben nicht gegenseitig ausschließen:

Die Visualisierung ist zur schnellen Informationserfassung geeignet, sie prägt sich vielen Menschen leichter und längerfristig ein, kann aber zwangsläufig nicht gleichzeitig die selbe Informationsdichte haben wie ein ausführlicher Text. Allerdings – und deshalb scheiden sich an Informationsgraphiken auch die Geister – hat nicht jeder ein photographisches Gedächtnis. Letzeres scheint mir aber nicht eine zufällige Disposition zu sein, sondern hat nach meiner Erfahrung etwas mit gelernten Sehgewohnheiten zu tun. Meist sind es jüngere Menschen, die der Bildsprache den Vorzug geben.

In der Wissenschaft scheint es umstritten zu sein, ob es soetwas wie das photographische Gedächtnis überhaupt gibt. Der Scientific American schreibt:

You might expect that an individual who claims to still see a picture after it has been removed would be able to have a perfect memory of the original picture. After all, a perfect memory is what is usually implied by the commonly used phrase "photographic memory." As it turns out, however, the accuracy of many eidetic images is far from perfect. In fact, besides often being sketchy on some details, it is not unusual for eidetikers to alter visual details and even to invent some that were never in the original. This suggests that eidetic images are certainly not photographic in nature but instead are reconstructed from memory and can be influenced like other memories (both visual and nonvisual) by cognitive biases and expectations.
The vast majority of the people who have been identified as possessing eidetic imagery are children. The prevalence estimates of the ability among preadolescents range from about 2 percent to 10 percent. And it is an equal-opportunity phenomenon – there's no gender difference in who is likely to be an eidetiker. Although it is certainly controversial, some researchers also believe that eidetic imagery occurs more frequently in certain populations of the mentally retarded (specifically, in individuals whose retardation most likely stems from biological, rather than environmental, causes) and also among geriatric populations. With a few notable exceptions, however, most research has shown that virtually no adults seem to possess the ability to form eidetic images.

Das klingt ja dann oberflächlich betrachtet doch fast nach der These Comics = Verdummung. Vielleicht muß man die Vorzüge von Visualisierung doch etwas anders erklären und die Kritiker ernster nehmen. Bleibt also noch einiges zu erforschen.

Archetypen

2007-07-30T22:10:00.001+02:00

Visualisierung bedient sich häufig allgemein bekannter bildlicher Darstellungen. Dabei zeigt ein Blick über den eigenen Tellerrand, dass allgemein bekannt in diesem Zusammenhang genau das Problem darstellt. In manchen Ländern bedeutet eine Kopfbewegung von oben nach unten ein nickendes Zustimmen (JA) in anderen das genaue Gegenteil (NEIN). Es gilt also, möglichst Symbole zu finden, die einen Ur-Impuls auslösen, der in verschiedenen Kulturen gleich verstanden wird. Dies zumindest, wenn man eine Visualisierungsaufgabe zu lösen hat, die universell gültig sein muss, wie etwa ein Wegweisungs-System auf internationalen Flughäfen. Der Wikipedia Artikel zu Archetypen erläutert:

Ein archetypisches Symbol zeichnet sich dadurch aus, dass es ein mehrdeutiges Gebilde ist, welches Assoziationen zu geistigen Ideen auslöst, also z. B. das Kind, der Krieger, der Wanderer, der Beschützer, der Heilsbringer, jung sein, alt sein, Armut, Angst, Früchte, Hausbau, Feuer und Brand, ein Fluss, ein See etc.
Hierbei gibt es Grundassoziationen, die sich in vielen Kulturen stark ähneln und das kollektive Element des archetypischen Symbols ausmachen (das von vielen oder allen Menschen unbewusst mit einer Idee oder einem Prinzip assoziiert wird).

Auf die Probe gestellt werden archetypische Symbole wenn man sich vorstellt, dass sie einen Sachverhalt ausdrücken, der auch von Kulturen, die uns heute noch nicht bekannt sind, verstanden werden soll. Ein berühmtes Beispiel ist die Goldene Schallplatte, die der Voyager Sonde auf ihrem Weg jenseits des Sonnensystems mitgegeben wurde. Sie enthält die verschiedensten Symbole, die das menschliche Leben auf der Erde beschreiben. Eine besondere Eigenschaft dieser „Schall“platte ist, dass sie in der Tat auf einer Seite eine analoge Schallplatte ist, auf der anderen in Symbolen u.a. beschreibt, wie man diese Schallplatte mit der mitgelieferten Nadel abspielen kann. Sofern man sich erst einmal auf archetypische Darstellungen konzentrieren möchte, hilft das Studium der einfacheren Vorgängerversionen dieser Schallplatte, nämlich der Plaketten der Pioneer Sonden 10 & 11.

Während das erstgenannte Beispiel nicht weniger als die gesamte menschliche Kultur darstellen möchte, geht es im zweiten um eine weniger umfangreiche Bedeutung. Nebenstehende Abbildung ist ein Ergebnis eines Wettbewerbs, bei dem eine Endlagerstätte für nukleare Abfälle (in einem Salzstock in New Mexico) ein „Warnschild“ erhalten soll, das auch noch in zehntausend Jahren davor warnt, in dieser Gegend Grabungen durchzuführen, Lebensmittel anzubauen oder Trinkwasser zu fördern (Expert Judgement on Markers to Deter Inadvertent Human Intrusion into the Waste Isolation Pilot Plant).

Auch hier muss die Lösung unabhängig von kulturell erlernten Bilderwelten funktionieren, da es um einen Zeitraum geht, in dem die kulturelle und sprachliche Entwicklung nicht abzusehen ist.

Powerpoint zum Zwanzigsten

2007-07-22T20:24:00.000+02:00

Das Erscheinungsbild dieses Weblogs hat die Bücher von Edward Tufte zum Vorbild und dieser Autor wird bestimmt noch in vielen Beiträgen Erwähnung finden. Allerdings ist Tufte ein Spezialist für bedrucktes Papier und hält nicht viel vom Internet oder Bildschirmdarstellungen ganz generell. Dabei ist die hohe Informationsdichte, die Papier im Gegensatz zu heutigen Bildschirmen erreicht, nur eine Seite der Medaille. Animation und Interaktion können bei der Visualisierung in elektronischen Medien großartiges bewirken, wie in diesem Weblog auch noch gezeigt werden soll.

Tufte hat in seinem Essay The Cognitive Style of Power Point eine herrlich zu lesende Kritik an der beim Einsatz von Powerpoint häufig produzierten Inhaltsleere vorgelegt und geht darin sogar so weit, die Explosion des Columbia Space Shuttles auf missverständliche Powerpointfolien zurückzuführen (PowerPoint Does Rocket Science). Allerdings hinterlässt die Lektüre nach etwas zeitlichem Abstand einen schalen Nachgeschmack, gemäß dem Roman Herzog zugeschriebenen Ausspruch Wir haben kein Erkenntnis-Problem sondern ein Umsetzungsproblem. Will sagen, Kritik ist einfach, besser machen schon schwieriger. Dennoch eine kurze Tufte Kostprobe zum Thema:

Imagine a widely used and expensive prescription drug that promised to make us beautiful but didn't. Instead the drug had frequent, serious side effects: It induced stupidity, turned everyone into bores, wasted time, and degraded the quality and credibility of communication. These side effects would rightly lead to a worldwide product recall.
Yet slideware -computer programs for presentations -is everywhere: in corporate America, in government bureaucracies, even in our schools. Several hundred million copies of Microsoft PowerPoint are churning out trillions of slides each year. Slideware may help speakers outline their talks, but convenience for the speaker can be punishing to both content and audience. The standard PowerPoint presentation elevates format over content, betraying an attitude of commercialism that turns everything into a sales pitch.
[PowerPoint Is Evil. Power Corrupts. PowerPoint Corrupts Absolutely.,
Edward Tufte in Wired 11.09 | September 2003]

Als guten Vorsatz für dieses Projekt habe ich mir vorgenommen, nicht nur zu kritisieren, weil das wirklich zu billig ist. Und gerade in Bezug auf Powerpoint gibt es glücklicherweise Abhilfe, nämlich das Presentation Zen Weblog, das nicht umsonst die Linkliste zu Ihrer Rechten anführt. Und für alle Ungeduldigen deshalb hier der direkte Link zu den Top Ten Slide Tips (Demnächst auch in Buchform).

Ach so, Powerpoint wurde jüngst zwanzig Jahre alt und dazu empfehle ich den Artikel des Wall Street Journal vom 20. Juni 2007, in dem die heute Anfang 60-jährigen Powerpoint Entwickler zu Wort kommen und der Tufte Kritik Recht geben.

URL Design

2007-07-19T20:23:00.000+02:00

Wahrscheinlich wird der geneigte Leser denken, hier sei ein Beitrag in das falsche Blog gerutscht, aber Sie werden gleich sehen, was ich meine:

Hier die offensichtliche Bedeutung dieser links (ohne sie anzuklicken):

Ein CNN Artikel aus dem Jahre 2007, Rubrik Technologie, möglicherweise portable Technologie, 29. Juni, Thema "iPhone", Nachrichtenagentur AP
amazon.de, Statistisches Jahrbuch für die Bundesrepublik Deutschland, Ausgabe 2005, ISBN 3-8246-0745-X
FAZ.net ... ??? ... wtf
destatis.de ... Hallo ich bin das Content Management System der deutschen Internetseite ... und Sie haben die Navigation Publikationen mit der Unterabteilung Querschnittsveröffentlichungen ausgewählt ... und das System verwendet gerade ein bestimmtes template ...

Google liebt diese URLs, die so reich an Metadaten sind, weshalb amazon mit der Einführung der 13-stelligen ISBN seine link Struktur gemäß obigem Beispiel überarbeitet hat, auch wenn das erst einmal alles durcheinander bringt (bei amazon funktionieren aber auch die alten links, z.B. alt versus neu).

Nebenbei brechen URLs mit Bindestrichen (Minuszeichen) wesentlich besser um als solche ohne oder mit Tilde (wichtig für E-Mails).

Öffnungszeiten leicht verständlich

2007-07-12T18:27:00.000+02:00

In Riga (Lettland) sind an sehr vielen Geschäften diese Art von Darstellung der Öffnungszeiten im Schaufenster zu finden. Die Lösung gefällt mir sehr gut, weil sie auch aus großer Entfernung gelesen werden kann, was für solche Schilder nicht selbstverständlich ist. Das Ganze funktioniert umso besser, je übersichtlicher die Öffnungszeiten selber sind. Mittagspause oder gar der lange Donnerstag würden den Grafiker vor einige Herausforderungen stellen. Die verschiedenen Umsetzungen bedienen sich am Wochenende teilweise der Redundanz, wo ein Schlüssel, Bindestrich oder das Wort „geschlossen“ das andersfarbige/ andersartige Signet ergänzt.

Den Kommentaren zu einem Eintrag diesbezüglich im Information Aesthetics Blog war zu entnehmen, dass die hier gezeigte bildliche Umsetzung der Wochentage aus dem europäischen Teil der Sowjetunion bekannt ist und in Lettland eine besondere Bedeutung hat: Nach der Unabhängigkeit sind russische Beschriftungen in Lettland entfernt worden, aber ein großer Teil der russischen Minderheit im Land spricht nicht die lettische Sprache. Einer reinen Piktogramm-Sprache kommt also eine besondere Bedeutung zu.

Interessant auch ein weiterer Kommentar, der die Bedeutung kultureller Sehgewohnheiten verdeutlicht: Ein vermutlich nordamerikanischer Leser sprach aus, dass er vermute, der erste Tag sei Montag. Das hatte ich nie in Frage gestellt und es ergibt sich auch im Umkehrschluss aus den Öffnungszeiten, aber auf US Kalendern fängt die Woche üblicherweise mit Sonntag an.

Weißraum: Design aus dem Nichts

2007-06-17T23:00:00.001+02:00

Eines der am meisten vernachlässigten Gestaltungsmittel von Laien ist Weißraum. Und Kunden bzw. Auftraggeber sind oft Laien, die nicht gerne Platz verschenken, denn mehr müßte doch eigentlich mehr sein. Aber das ist eben der Unterschied zwischen Gelsenkirchner Barock und Bauhaus.

Schon beim Zeilenabstand fängt es an. Bevor wir CSS benutzen konnten waren es auch wirklich schlechte Zeiten. Ich erinnere mich noch an eine Design Seite, die allen Ernstes GIF Spacer in jeder Zeile einsetzte, um einen akzeptablen Zeilenabstand zu erreichen. Das sollte ein Problem von Gestern sein, ist es aber leider noch lange nicht. Umso erfreulicher fällt da die neugestaltete Seite von Statistik Austria auf, die zeigt, dass es auch in Behörden gehen kann.

Auf der diesjährigen SXSW Konferenz konnte ich Jim Coudal (von Coudal Partners) sagen hören:

In our studio there is a saying: We use white space for our own projects extensively, there is always plenty left over from our client work.

Darüber schmunzele ich noch heute.

Unabhängig von einem gewissen gestalterischen Snobismus, der einem in dieser Beziehung gerne unterstellt wird, sollte die erhöhte Lesbarkeit von Texten mit angemessenem Zeilenabstand auch die Zweifler überzeugen.
Für die Navigation gilt das noch mehr, die Funktionsblöcke haben gerne etwas Luft. Niemand würde die Lichtschalter in seiner Wohnung direkt an den Türrahmen anbringen, aber das machen die Handwerker und die machen es nach der DIN und da gibt es keine Diskussion.

America's most popular charts

2007-05-18T20:33:00.001+02:00

I have used this USA Today "infographic" quite some time in presentations on stupid uses of visualisation. Only recently I found that the US satire newspaper The Onion has a permanent section on infographics, the quintessential one being America's most popular charts. Browse the Statshot and Infographic sections of The Onion from there.

Design by committee

2007-05-18T19:38:00.001+02:00

Inspired by a recent post on kottke.org I had to throw together some links and thoughts on how so many creative ideas get destroyed in the process of getting approval by several levels of hierarchy. First off it is interesting that the english Wikipedia has its own article on Design by committee while there isn't a similar one in the german edition.

However, one of the most funny rants on the subject is by always opinionated Erik Spiekermann, when talking about the logo of the world soccer match in Germany 2006. Have a look at the logo for the 2006 World Cup and enjoy the read. Similarities to our daily jobs are just coincidental.

Even more hilarious than the mean cookie recipe mentioned in that kottke post is the art project he mentions where pieces of art were made to appease the average taste of a given country. See the paintings.

Also worth mentioning that relying on focus groups is just another form of design by commitee:

The members of a team that created the genial self-balancing Segway Human Transporter say that they kept focus groups at a safe distance. Apple also thinks nothing of focus groups. Confessions like these are few. But then focus groups were not part of the projects that gave the world nearly all things of interest or renown. [link]

Again the question remains how to outsmart the committee.

Das Logo auf dem Folienmaster

2007-05-14T17:47:00.000+02:00

Ich gebe es ja zu, dass ich mich sogar dafür eingesetzt habe, dass auf allen Folien meines Abeitgebers das Logo enthalten ist. Es ist ja auch so schön. Aber man kann dazulernen und nach über zehn Jahren Konsums von verschiedensten Folienhaufen, hat man ein anderes Verständnis.

Ein Lichtblick bei diesem Erkenntnisprozess ist immer wieder das Presentation Zen Blog, das wesentlich produktivere Kritik übt als es der vernichtende Tufte Essay The Cognitive Style of Power Point erreicht. Natürlich muss man letzteren auch lesen (und Tufte hat wie immer Recht :), aber da dieser Essay nun ein eigenes Kapitel in seinem viertem und jüngsten Buch Beautiful Evidence ist, erledigt man das besser nach der Lektüre über Sparklines mit.

Aber zurück zum eigentlichen Thema: In dem Roman City: Der unwahrscheinlichste aller Orte (Michal Hvorecký, 2006) heißen Kinder Gucci, Nivea oder GlaxoSmithKline und rattern die Werbesprüche ihrer Namenspaten runter: "Hallo, ich bin McDonald's. Ich liebe es." Und nun darf jeder mal das Experiment machen und den Computer, vor dem er gerade sitzt, untersuchen und schauen, wie oft und in welcher Schriftgröße der Name des Herstellers darauf zu lesen ist. Und das gleiche gilt eben auch für Präsentationsfolien:

If you are presenting for an organization try removing logos (and other clutter) from all except the first and last slide. If you want people to learn something and remember you, then make a good, honest presentation. The logo won’t help make a sell or make a point, but the clutter it brings does add unnecessary noise and makes the presentation visuals look like a commercial. And people hate commercials or being sold to. We don’t begin every new sentence in a conversation by re-stating our name, why do we bombard people with our company logo in every slide? [...] perhaps the slide master in PowerPoint made it too easy (Presentation Zen)

In jedem Fall hat das Werkzeug hier einen Anteil an dem Problem, der Folienmaster hat diese mißverstandene Art von Branding erst möglich gemacht. Schwieriger aber ist, wieder davon loszukommen. Auf dem Weg dorthin gibt es meiner Meinung nach auch Zwischenschritte. Denn es ist gar nicht so leicht, im normalen Arbeitsalltag ein so starkes Branding zu entwickeln wie es der Meister hat.

Zumindest sollte man nicht versuchen bei größeren Abbildungen, Screenshots oder ähnlichem patout noch Platz für das Logo zu lassen. Hier hat man schon die merkwürdisgten Auswüchse gesehen. Ein neutraler Hintergrund hier und da und auch mal eine ganz schwarze Folie zum Luft holen kann Wunder bewirken.

Eine berühmte Pyramide

2007-05-13T13:31:00.000+02:00

Das nebenstehende Bild mag ich besonders. Nicht nur weil es auch im vierten Jahr nach der Veröffentlichung der ersten animierten Bevölkerungspyramide deren andauernde Beliebtheit beweist, sondern weil es so ein herrlicher Medienbruch ist: Eine Webanwendung auf dem Smartboard wird zum Foto-Motiv. Aber ich will mich nicht nur lustig machen darüber, immerhin haben wir bis heute keine sinnvolle Möglichkeit, ein Lesezeichen für eine Webseite zu erstellen, wenn wir an ihr gegenständlich vorbeilaufen. Das ist ja auch nicht der Normalfall, die meisten Webseiten sieht man sich am eigenen Computer an, aber auf Messen ist es durchaus üblich, an ihnen vorbeizulaufen. Insofern ist ein Foto, mit der Digitalknipse oder dem Handy geschossen, die einfachste Näherung an ein solches Lesezeichen. Zu diesem Problem wollte ich schon immer einmal eine Lösung finden, wahrscheinlich in Form eines originellen Flyers, aber das ist Gelegenheit für einen anderen Artikel.

Aber mir gefällt noch etwas ganz anderes an diesem Bild. Dass jemand die animierte Pyramide abfotografiert, zeigt vielleicht, dass er gar nicht damit rechnet, diese Anwendung auch zu Hause abrufen zu können. Es zeigt aber auf jeden Fall, dass Interesse besteht, sich an diese Abbildung zu erinnern. In jedem Fall dürfte die verwendete Technik dabei völlig unerheblich sein.

Wie alles anfing

Über die alternde Bevölkerung berichtet die Statistik schon seit vielen Jahren (ein frühe Quelle verlinken), aber zu Zeiten als Politiker noch ungestraft Die Renten sind sicher sagen konnten, fanden diese Zahlen wenig allgemeines Interesse. Mit der zehnten koordinierten Bevölkerungsvorausberechnung im Juni 2003 fanden die auf der Pressekonferenz vorgestellten Ergebnisse dagegen erstmalig ihren Weg auf die Seite Eins der FAZ. Man kann sich streiten ob die Möllemann Fallschirm Geschichte darunter nun Beleg für die hohe Stellung des Alterungsartikels ist, oder Indiz für eine schlechte Nachrichtenlage. Aber es ist ein Beleg dafür, dass das Thema seither allseits bekannt ist.

Und der Zufall hat es dann eben einmal gut gemeint, dass just in diesem Sommer 2003 die animierte Bevöllkerungspyramide als SVG Anwendung das Licht der Welt erblickt hat und seitdem ganz schnell eine Geschichte erzählen kann, die den meisten Menschen in Tabellen verschlossen bliebe.