Design Archive - Page 7 of 7 - The Art of Communicating

Karriereratgeber zweimal anders

Ein Businessbuch als Manga-Comic? Daniel Pink, amerikanischer Bestseller-Autor, hat seinen neuesten Karriereratgeber „The Adventures of Johnny Bunko“ in Form eines Manga-Comics veröffentlicht. Das ist eine willkommene Abwechslung in diesem ansonsten so bedeutungsschwer mit Motivationsrhetorik gepflasterten Gebiet. Sechs sinnvolle Ratschläge zur Karriereplanung werden hier äußerst anschaulich präsentiert. Das Buch macht Spaß zu lesen, man lernt etwas dabei und in einer knappen Stunde ist man durch.

Wem selbst das zu viel ist, der sollte einmal einen Blick auf die Zusammenfassung von Garr Reynolds werfen (alle anderen übrigens auch). Wie immer bei Reynolds treffen die Bilder absolut ins Schwarze. Schon das alleine verführt zum weiterklicken. Sehenswert ist aber darüber hinaus insbesondere:

Karikatur von Garr Reynolds, die er in seinen Präsentationen verwendet

Die konsequente Verwendung einer Comic-Zeichnung seiner selbst, die die gesamte Präsentation auflockert und zum Manga-Charakter des Buches passt.
Der virtuose Einsatz von Schriftvariationen in Farbe, Größe und Schriftart, die nicht pure Dekoration sind, sondern einen ganz klaren Zweck erfüllen.
Die glasklare Strukturierung des Vortrags durch konsistentes, kontrastreiches Layout und den cleveren Einsatz der beiden vorigen Punkte.

Den Foliensatz hat Reynolds auf Slideshare veröffentlicht, einer Webseite zum (öffentlichen) Austausch von PowerPoint-Folien. Viel Spaß mit zwei ungewöhnlichen Karriereratgebern als Buch oder Folien.

Zahlen oder Bilder?

Wenn Sie etwas wichtiges zu sagen haben, dann liegt Ihnen sicher viel daran, dass ihre Botschaft auch ankommt. Ihr Ziel haben Sie erreicht, wenn Ihre Zuhörer die Botschaft als Handlungsaufforderung verstehen, z.B. um für Ihre Hilfsorganisation zu spenden. Das wird Ihnen aber nur gelingen, wenn die Botschaft nicht nur für Sie sondern auch für Ihre Zuhörer zu einer Herzensangelegenheit wird. Viele Redner zitieren daher in solchen Situationen Statistiken, die das Ausmaß und die Wichtigkeit des Themas verdeutlichen, z.B. so:

Das funktioniert hier aber nicht so recht. Natürlich erkennt man, dass Hunger ein großes Problem ist, aber echt betroffen ist man durch diese Folie nicht. Fakten alleine berühren uns normalerweise nicht besonders. Auch sind die genannten Zahlen reichlich abstrakt. Klar, sie sind furchtbar groß, aber wirklich greifbar sind sie nicht. Die einzige greifbare Zahl ist in der letzten Zeile versteckt: alle 5 Sekunden verhungert ein Kind. Das kann man sich vorstellen; deshalb sollte der Schwerpunkt auch auf diese Aussage gelegt werden. Wenn man einige der redundanten Zahlen weglässt und ein emotionales Bild hinzufügt, funktioniert die Folie schon besser:

Aber irgendwie überzeugt das noch immer nicht so recht. Es ist nicht klar, worauf der Schwerpunkt des Arguments gelegt wird: 1 Milliarde Kinder in Armut, jedes fünfte Kind ohne sauberes Wasser oder 6 Millionen Kinder, die jährlich verhungern. Natürlich machen alle drei für sich genommen betroffen, aber eine größere Wirkung erzielt man häufig, wenn man sich auf eine Aussage konzentriert. Lässt man alles weg, was auf dieser Folie von der Kernbotschaft ablenkt, und verstärkt die Kernelemente, erhält man eine viel effektivere Folie:

Diese Folie ist eine wunderbare Plattform, auf der man eine emotionale Argumentation aufbauen kann. Die Statistiken, die wir aus der Folie gestrichen haben, können während des Vortrags genannt werden und erhalten durch die starke Kernaussage eine direkte Bedeutung. Die Handlungsaufforderung wird auch unmittelbar klar: Retten Sie ein Kind, indem Sie spenden! Sehr effektvoll ist es übrigens, wenn Sie während des Vortrags die 5 Sekunden noch anschaulicher machen, indem Sie z.B. für kurze Zeit alle 5 Sekunden mit den Fingern schnippen.

Links zu dem Thema:
Präsentationen von Chris Landry vom Sustainable Food Lab
Buchempfehlung: “Was bleibt” von Chip und Dan Heath, insbesondere Kapitel 5: “Emotional”

Der Zen-Meister präsentiert

Presentation Zen ist der weltweit meistgelesene Blog über Präsentationsdesign. Garr Reynolds, Professor für Marketing und Management in Japan, schreibt dort seit knapp 3 Jahren über seine Ideen zum Design von Präsentationen. Anfang diesen Jahres erschien sein gleichnamiges Buch, was Google zum Anlass nahm, Reynolds in der Reihe Authors@Google zu einem Vortrag einzuladen. Endlich gibt es also eine Gelegenheit, den “Zen-Meister” des Präsentierens selbst präsentieren zu sehen.

Beeindruckend ist, wie Reynolds eine sehr harmonische Atmosphäre schafft, indem er immer wieder das Publikum einbindet, an geeigneten Stellen Humor einbaut und insgesamt eine sehr natürliche Sprache verwendet. Und selbstverständlich gibt es jede Menge hervorragender Beispiele für Reynolds’ Zen-Ästhetik zu sehen, eine minimalistische Art Folien zu gestalten, die vor allem auf die Wirkung von großformatigen Fotos setzt. Dazu Reynolds:

Make a choice of what’s important and let go of all the rest.

Garr Reynolds präsentiert bei Authors@Google

Seine Folien sind musterhafte Beispiele dafür. Ich teile allerdings Reynolds’ Selbsteinschätzung, der sich in seinem Blog für diese Präsentation nur 7,5 von 10 Punkten gibt. Warum? Weil er sich an sein Zitat leider nur beim Foliendesign hält, nicht aber bei der Umsetzung der Präsentation. Der Vortrag ist randvoll gefüllt mit Inhalten, so dass man den Eindruck nicht los wird, er könne sich von einigen seiner Ideen eben nicht trennen, z.B. während der sehr langen Selbstvorstellung.

Eine von Reynolds häufig zitierte japanische Weisheit lautet “Only eat until 80% full“. Anders ausgedrückt soll eine Präsentation nicht überladen sondern etwas kürzer und dafür bekömmlicher sein. Sein Vortrag ist aber so voll, dass er ein ziemlich hohes Tempo anschlagen muss und dennoch länger braucht als vorher von ihm angekündigt. Viele seiner Folien zeigt er nur für wenige Sekunden, so dass man als Zuhörer kaum Gelegenheit hat, die Bilder wirken zu lassen. Die eine oder andere längere Pause hätte die Wirkung der Aussagen sicher besser unterstützt (und im Übrigen die schönen Folien besser zur Geltung gebracht). Wer weder das Buch noch den Blog kennt, wird durch das hohe Tempo vielleicht sogar ein wenig Mühe haben zu folgen.

Dennoch, wer die gut 70 Minuten aufbringen kann, findet in dem Vortrag jede Menge Inspirationen und wertvolle Tipps zur Gestaltung der eigenen Folien.

Wenn Designer Folien designen

Es spricht sich langsam herum, dass langweilige Präsentationsfolien kein Naturgesetz sind. Eine sehr interessante Art, Folien zu designen, hat Bernhard Kerr, Designer beim Internetdienst del.icio.us, bei seinem Vortrag auf dem Innovationsforum Interaktionsdesign im März vergangenen Jahres angewendet.

Kerr sprach über das Design von grafischen Benutzerschnittstellen für E-Mail-Programme und Bookmark-Webseiten. Seine Experimente dazu sind durchaus sehenswert, interessieren uns hier aber nur am Rande. Spannender ist das Folienlayout: extremer Blocksatz, der konsequent auf Großbuchstaben setzt und Zeilenzwischenräume fast vollständig eliminiert.

So könnte Kerrs Beispielfolie mit herkömmlichen Bullet Points aussehen

Das geht zwar ein wenig auf Kosten der Lesbarkeit, ermöglicht aber einige interessante Effekte. So ist etwa in dem Beispiel oben automatisch durch das Layout eine hierarchische Ordnung vorgegeben, indem die Listeninhalte unterschiedlich groß sind. Mit herkömmlichen Bullet Points wäre das erheblich undeutlicher.

Damit dieser Effekt funktioniert, müssen die Worte natürlich geschickt gewählt werden und die wichtigeren Aussagen mit weniger Zeichen ausgedrückt werden als die unwichtigen. Das beherrscht Kerr aber durchaus virtuos, etwa auch in den folgenden Beispielen, wo die Betonung ganz konsequent auf “tree”, “messages” und “arcs” liegt.

Sehr interessant ist auch der Wechsel zum zweiten Teil seines Vortrags, der schon rein optisch sofort klar wird. Kerr ändert nämlich sein Layout radikal, indem er nun konsequent klein und in einer Zeile schreibt.

Das Video sollten Sie sich in jedem Fall einmal ansehen. Der Vortrag selbst hat sicher ein paar Schwächen, aber von der Foliengestaltung kann man einiges lernen. Zwar ist dieses spezielle Layout wohl nicht für jede Präsenationssituation geeignet, aber ich halte es für einen gelungenen Ansporn, einmal aus den PowerPoint-Vorlagen auszubrechen und etwas neues zu versuchen.

[gefunden bei information aesthetics]

Noch eine Cola, bitte

Besonders schlechtes Beispiel aus der Präsentation der Coca-Cola-West-Geschäftszahlen

Der Coca-Cola-Abfüller Coca-Cola-West aus Japan hat sich mit dieser (und natürlich den übrigen Folien) die Zitrone des Monats redlich verdient. Aber was genau ist eigentlich so schlecht an dieser Folie? Ich nutze die Gelegenheit einmal für einen weiteren Vorher-Nachher-Vergleich.

Folien sind dazu da, eine Präsentation optimal zu unterstützen und die wesentlichen Aussagen zu unterstreichen. Diese Folie ist jedoch so voll, dass man gar nicht weiß, wo man beginnen soll.

Es gibt drei wesentliche Elemente: eine Abbildung, die die Drei-Farben-Stratgie von Coca-Cola veranschaulicht, ein Diagramm, das die Veränderung des Ergebnisses zum Vorjahr zeigt, und eine Tabelle, die für jede der Farben Statistiken zeigt. Alle drei Elemente schreien durch ihre schrille Farbgebung nach Aufmerksamkeit. Was ist eigentlich das Wesentliche und was nur erklärende Zusatzinformation? Betrachten wir die drei Elemente im Einzelnen.

Die Abbildung

Abbildung zur Veranschaulichung der Drei-Farben-Strategie

Eigentlich eine gute Idee, jedoch amateurhaft umgesetzt. Zu jeder Farbe der Drei-Farben-Strategie wird das Logo dargestellt und durch die entsprechende Farbe noch visuell unterstützt. Hier beginnt aber schon das Grauen. Die farbigen Boxen sind stümperhaft ausgerichtet. Die Logos überlappen und decken ihre farblichen Boxen nicht richtig ab. Außerdem ist unklar, welchen Zweck die Farbverläufe erfüllen, die zudem noch größtenteils hinter den Logos verschwinden. Unklar ist auch, warum die Schriften hier mit Schatten versehen sind, was die Lesbarkeit verschlechtert (und so nicht noch einmal verwendet wird). Auch die hässlichen weißen Streifen in der silbernen Box zeugen nicht gerade von Sorgfalt beim Design.

Die Tabelle

Die Tabelle gibt für jede der drei Farben drei Werte an, die Zielgruppe, den Umsatz im Jahr 2007 und die prozentuale Veränderung im Vergleich zum Vorjahr. Außerdem werden in der letzten Zeile die akkumulierten Werte für alle drei Farben genannt. Das größte Problem an der Tabelle ist die Spalte “target”, die hier, unter der Überschrift “Umsatz”, nämlich eigentlich nichts zu suchen hat. Viel besser würde die Information in den Kontext der Abbildung passen, um die Bedeutung der drei Farben zu erläutern. An dieser Stelle lenkt sie nur ab, denn sie alleine taugt auch nicht recht zu Erklärung der Umsätze.

Darüber hinaus ist es ungünstig, dass die Reihenfolge der Farbmarken eine andere ist, als in der Abbildung; das sorgt leicht für Verwirrung. Warum werden eigentlich die Farben hier nicht wiederverwendet? Nicht besonders glücklich ist auch die Wahl der Farbe rot für die erste Zeile. Auch das kann Verwirrung stiften, da rot ja eine der drei Markenfarben ist, hier aber in einem ganz anderen Kontext verwendet wird.

Das Diagramm

Kann man so die Zahl 16% veranschaulichen?

Das Balkendiagramm enthält im Wesentlichen drei Zahlen, wobei sich zwei davon schon aus der Tabelle ergeben. Die prozentuale Veränderung von 16% steht so bereits in der Tabelle (und ist daher redundant) und die absolute Veränderung ließe sich leicht aus der Tabelle ableiten, wenn sie denn wirklich relevant wäre. Im Grunde geht es in dem Diagramm aber nur um zwei Zahlen, nämlich den Vergleich des Wachstums in 2006 und 2007. Braucht man dafür wirklich ein eigenes Diagramm? Für zwei Zahlen? Und was soll eigentlich die Farbgebung symbolisieren? Hängt der rote Farbverlauf mit dem roten Farbverlauf der roten Kernmarke zusammen? Wohl nicht, denn hier handelt es sich um das akkumulierte Ergebnis aller drei Farben, wieder einmal Verwirrungspotential. Da hilft es auch nicht, dass die Verläufe jetzt horizontal anstatt vertikal sind.

Wie geht es besser?

Um es besser zu machen, muss zunächst einmal klar sein, was überhaupt die wesentliche Aussage sein soll. Da ich nicht in den Köpfen der Coca-Cola-West-Manager stecke, kann ich hier natürlich nur vermuten, dass es das Wachstum von 16% ist, insbesondere im Vergleich zum schlechten Ergebnis des Vorjahres. Die anderen Elemente dienen als Erklärung. Man muss also die Aufmerksamkeit auf die Zahl 16% lenken. Ein Diagramm ist hierfür überflüssig. Als Erklärung für die Veränderung kann dann die Aufschlüsselung auf die drei Farben dienen, dazu braucht man aber nicht unbedingt eine extra Tabelle. Da man nicht beliebig viel Information auf einer Folie unterbringen kann, habe ich mich entschieden, die prozentuale Veränderung der Farben und die absolute Veränderung der Gesamtmarke wegzulassen, schließlich gibt es ja noch ein Handout, in dem das ergänzend aufgeführt werden kann. Das Ergebnis könnte vielleicht so aussehen.

Alternativvorschlag für Folie der Coca-Cola-West-Präsentation

Der Betrachter wird visuell klar geführt und erkennt sofort, was die wichtigste Aussage ist und in welcher Folge die Folie zu lesen ist. Wem das zu spartanisch ist, der kann natürlich auch die übrigen Informationen auf seinen Folien unterbringen, aber muss es dann unbedingt auf einer Folie sein?

Alternative 2: Folie 1 Alternative 2: Folie 2 Alternative 2: Folie 3 Alternative 2: Folie 4