Gutes Information Design

Gutes Informationsdesign ist selten. Oft funktioniert eine Drucksache, aber sie sieht langweilig aus und ist immer aus eine dieser institutionellen Schriften gesetzt. Meistens sind die Formulare oder Gebrauchsanweisungen nicht nur hässlich, sondern auch unverständlich. (Bei nächster Gelegenheit sollte ich hier mal meine Alternativentwürfe zur Telefonrechnung der Telekom zeigen.)
Ganz anders diese Postwurfaktion der Royal Mail, der Post im Vereinigten Königreich, wie man heute sagen muss. Die Marketingleute haben ein einfaches Konzept erdacht, nach dem es nur noch drei Klassen von Briefen gibt: Letter, Large Letter und Packet. Die Masse und Gewichte werden gelistet, der Clou ist aber der einfache Vordruck, auf dem 1:1 sowohl die Größe aller Sendungen dargestellt sind, als auch die maximale Dicke der beiden Briefklassen. Die sind einfach als weißer Schlitz in der roten bzw. graubraunen Fläche abgebildet. Ein Foto daneben zeigt, wie man durch einfaches Danebenhalten ausprobieren kann, was passt.




Das alles ist uneitel und übersichtlich gestaltet, knapp und verständlich geschrieben und darüber hinaus aus einer wunderbaren Schrift gesetzt: aus der Chevin von Nick Cook, den FontFont Nutzer kennen, weil er die FF Penguin gestaltet hat. Heute betreibt Nick die G-Type Foundry.
Die Chevin ist keinesfalls die Hausschrift der Royal Mail und sicherlich nicht für lange, ernste Finanzberichte geeignet. Aber ihre fröhlich Ausstrahlung und robuste Form tragen dazu bei, dass diese Drucksache bestimmt nicht weggeworfen, sondern in jedem Haushalt angewendet wird.

100 beste Schriften, heute neu.

Jürgen Siebert von FontShop Deutschland hat gerade das Ergebnis der Suche nach den 100 besten Schriften veröffentlicht. Die Website dazu, 100besteschriften, wird am 24. abends live sein. Die Broschüre als PDF kann man dann auch laden unter 100besteschriften.

Ich darf stolz verkünden, dass drei meiner Schriften vorkommen: ITC Officina auf Platz 8, FF Meta auf 18 und FF Info auf 53. Aus diesem Anlass unten auch noch einmal ein paar Anmerkungen zu Officina.

ITC Officina Display

ITC Officina Display und ihre Herkunft.
Als Ben Acornley und ich (damals noch bei MetaDesign London) die Zeitschrift The Economist in London neu gestalteten (im neuen Layout erschien die erste Nummer im Mai 2001), wählten wir meine ITC Officina Sans als Schrift für Navigation und Information. Die Texte und Überschriften sind aus der eigenen Schrift des Economist gesetzt, die Ole Schäfer und ich für den Relaunch überarbeiteten. Aber Grafiken, Tabellen, Karten und Bildunterschriften sind als Kontrast dazu und wegen der besseren Lesbarkeit in kleinen Graden aus Officina Sans gesetzt.
Als es daran ging, die Schrift auf den Titelseiten in recht großen Graden zu setzen, fanden die Redakteure sie etwas zu „goofy“, was man wohl mit „knubbelig“ oder zumindest „eigen“ übersetzen kann. Die abgerundeten Ecken, ausgeprägte Pseudo-Serifen und schräge Endstriche sind in den fetten Schnitten besonders sichtbar und wirkten störend.

Die Displayversion, die ich skizzierte, hatte scharfe Ecken, die Endstriche sind nicht so abgeschrägt, und die Pseudo-Serifen sind kaum noch angedeutet. Dadurch kann die Schrift wesentlich enger gesetzt werden und stellt die einzelnen Buchstaben nicht so sehr in den Mittelpunkt. Ole Schäfer hatte schon als Student unaufgefordert die Original-Officina um einige fette Schnitte erweitert und mir zum Kommentieren und Korrigieren geschickt. Aus der Zusammenarbeit entstand die erweiterte Familie mit den Medium, ExtraBold und Black, komplett mit Kapitälchen und Mediävalziffern. Ole digitalisierte auch die erste Version der Officina Display für den Economist.
Nach Ablauf der zweijährigen Exklusivphase was es an der Zeit, die Familie um einen leichten Schnitt zu ergänzen und auf den Markt zu bringen. Christian Schwartz unternahm die Arbeit auf der Basis eines extrapolierten Schnittes, den FontBureau für einen Auftraggeber gemacht hatte. Christian überarbeitete alle Daten und wir bastelten ein paar Dingbats und Pfeile dazu.
Officina Display hat jetzt gleiche Mittelhöhen in allen Schnitten. Unter- wie Oberlängen sowie auch die Versalhöhe sind angeglichen. In einer Textschrift wäre das ein Kardinalfehler, weil fettere Schnitte aufgrund der kleineren Innenräume kleiner wirken. Bei einer Schrift für Headlines kommt es hingegen darauf an, Wörter auch aus verschiedenen Schnitten zusammenzusetzen. Und dann wäre es völlig albern, müsste man jedes Wort eigens in der Größe anpassen, damit nichts wackelt.

Logos Web 2.0

Ein Spaßvogel hat sich die Mühe gemacht, bekannte Logos so umzubauen, dass sie aussehen, wie man es jetzt überall sieht: Verlauf drauf, Spiegelung drunter, Farben knallig. Gesehen bei flickr, wo sonst. Das arg reduzierte JPEG unten zeigt die Effekte nur unzureichend.

IE von weitem

Egor hat mir eine sehr nützliche Adresse geschickt: Netrenderer zeigt, wie eine Website aussieht, wenn man sie mit IE betrachtet, auch wenn man selbst den Browser nicht installiert hat. Die Software geht zu der Site, macht einen Screenshot (Bildschirmschuss?) und schickt den zurück. Ziemlich kühl und kostenlos.

Internet Explorer geht schon besser

Ich arbeite auf einem Mac, mit Safari und Firefox als Browser. Auf beiden erscheinen die Bilder und Texte genau, wie ich sie haben will und wie ich sie mir mühsam zusammenkodiere mit ein wenig HTML und CSS.
Unter Windows verwenden noch viele Nutzer IE 7 und sogar IE 6 (!). Bei beiden funktionierte mein HTML nicht sehr gut. Die Bilder wurden entweder überhaupt nicht oder an der falschen Stelle angezeigt.
Inzwischen haben Joely und ich eifrig repariert und eine Menge Tags entfernt, die noch vom Import meines früheren Blogs stammten. Die Site ist jetzt validiert (gibt es das Wort auf deutsch?) nach den Regeln des w3 Validators. Da ich allerdings nach wie vor weder IE installiert noch eine Windows Kiste zur Verfügung habe, kann ich nicht selber kontrollieren, wie erfolgreich unsere Arbeit war.
Die Kommentarfunktion ist derweil aktiv, und ich stehe bereits im Dialog mit etlichen Kollegen, die mit gutem Rat nicht geizen. Ihr könnt mir natürlich auch direkte E-Mails schreiben, die Adresse ist unter contact zu finden.

Real Meta Nummern

Gestern habe ich die ersten Hausnummern in freier Wildbahn gesehen: am Büro meiner Freunde Jane und Louis in Berkeley. Die Ziffern sind sehr weit spationiert, weil man hier in den Staaten gewöhnlich im Auto sitzt und weit weg von den Haustüren. Die Ziffernfolge hier ist auch der schlimmste Fall: zwei Einsen, die eigentlich wenig Platz brauchen und einen starken Abschluss mit Querstrich unten haben, neben 6 und 9, die beide sowohl nach oben als nach unten überstehen müssen um optisch richtig auszusehen.
Louis hatte keine Schlagbohrmaschine, was das Bohren in eine harte Ziegelwand schwierig machte. Deshalb sind nicht alle Bohrlöcher so exakt positioniert, wie die Schablonen es vorsehen. Deutlich hängt die 9 nach unten. Die Abfolge von 1, 6,1, 9 würde auf dem Papier individuellen Ausgleich zwischen den Ziffern erfordern. Das kann man aber typografisch unbedarften Heimwerkern nicht zumuten, und deshalb durfte ich keine Unterschneidungstabellen in die Packungen legen. Louis ist Journalist und designaffin und hätte damit umgehen können. Normalerweise allerdings ist die Bohrmaschine kein Werkzeug, mit dessen Auswirkungen auf das Kerning sich Schriftentwerfer befassen.

Übrigens sind das die Contemporary Ziffern aus grau eloxiertem Aluminium, die auf der FF Meta Bold basieren.

Neues in New York

Wer In New York lebt, muss NEW YORK lesen. Das wöchentliche Magazin weiss über alles Bescheid, was in der Stadt geschieht.
In der Rubrik THE WEEK gibt es jede Woche eine Illustration unter dem Titel HIGH PRIORITY, und dazu werden Gestalter eingeladen. Am Freitag gibt es das Manuskript, und am Montag müssen die Druckunterlagen in New York sein. Weil das alles elektronisch ohne Zeitverzug geht, sind immer mehr Designer dabei, die nicht in New York arbeiten. Die Website zeigt einen Überblick über alle bisherigen Beiträge.
Die Abbildungen hier zeigen drei davon,
wie sie alphabetisch nacheinander vorkommen,
von Pierre Bernard, Paris,
Michael Bierut, New York
und Neville Brody, London.

Die Vorgaben sind recht einfach und werden als PDF mitgeschickt, eine sehr professionelle Vorbereitung:

Was macht man mit solchen ehrenvollen Aufgaben? Sich etwas besonders originelles einfallen lassen? Das haben viele getan, mit wechselndem Erfolg, wie man sehen kann. Die Aufgabe lösen und den Lesern klar und eindeutig zeigen, was die Prioritäten der Woche sind? Dann wäre eine einfache Tabelle im Stil der Zeitschrift am besten. Oder einfach machen, was der Auftraggeber von einem erwartet? Warum wohl hatten John Sheppard, Senior Designer, und sein Chef, Chris Dixon, mich auf die Liste genommen? Weil sie erwarten, was man von mir kennt: klares Informationsdesign in weiß, grau und rot. Für mich zwar ein langweiliges und überholtes Vorurteil, aber schnell zu machen. Minuten später war auch der erste Entwurf fertig und ging nach New York, in drei Farbvarianten und noch viel Blindtext. Wie zu erwarten, suchte Chris Dixon den roten Entwurf aus. Leider fehlte noch Text, also war es nichts mit Schluss des Projektes vor dem Wochenende. Am Montag kamen dann die ersten Textänderungen, aber der Film der Woche fehlte völlig. Nach einigem hin und her (ich war auf Reisen und musste immer mal wieder ans Netz dafür) war dann der Film ausgewählt und ich konnte das finale Dokument schicken – knapp vor Torschluss, am Mittwochabend.

Gedruckt wurde dann diese Version (die Farben leiden unter der Konvertierung von TIFF nach JPEG oder GIF; es war einfach knallrot, 100Magenta, 100Yellow):

Die 100 besten Schriften

Auf Jürgen Sieberts Fontblog gibt es den Countdown der 100 besten Schriften aller Zeiten. Nach welchen Kriterien das beurteilt wurde, ist dort nachzulesen. Ich darf hier nur verkünden, dass meine ITC Officina auf Platz 8 liegt, noch vor Gill und Univers. Erstaunlich. Jeden Tag gibt es eine neue Platzierung, also wissen wir in einer Woche, welche Schriften die vorderen Plätze einnehmen werden. Das Bild zeigt mich 1989 mit dem ersten Ausdruck der Schrift, die damals noch ITC Correspondence heissen sollte.

Neue Nummern

Hier in den USA sind die Straßen sehr lang, und Hausnummern können fünfstellig sein. Die Auswahl an Ziffern für diesen Zweck ist dagegen sehr beschränkt: was man an den meisten Häusern sieht, würde kein Schriftentwerfer als gestaltete Zahlen gelten lassen. Der Gründer von Design within Reach, Rob Forbes, sah das auch so und bat mich doch mal darüber nachzudenken, ob nicht typografisch anständige Ziffern auch dreidimensional funktionieren könnten. Ein Interview mit Rob Forbes gibt es hier: The Type that wouldn’t steal Sheep

Im Katalog bei DWR sind seit Ende 2006 nun die ersten vier verschiedenen Hausnummern verfügbar. Sie sind populär benannt, nicht unbedingt historisch oder typografisch korrekt. Classic ist meine Bodoni-Adaption, für Contemporary habe ich Meta Bold etwas umgebaut, Industrial ist eine generische Industrieschrift als Negativschablone, und Tech ist mein Versuch, Ziffern ganz ohne diagonale Formen zu gestalten. Die Materialien sind lasergeschnittenes, emailliertes Blech, stranggezogenes, eloxiertes Aluminium, ebenfalls mit dem Laser geschnittener, lackierter Stahl und mit dem Wasserstrahl geschnittener, polierter Edelstahl.

Die Ziffern der Tech haben keine diagonalen Formen. Daraus könnte durchaus einmal eine komplette Schrift werden.

Auch eine fertige Schrift wie Meta muss für den Produktionsprozess bearbeitet werden. Bei der Form für das Aluminium Strangprofil kann das Fräswerkzeug keine völlig scharfen Innenformen erzeugen. Besser als diese Form dem Zufall zu überlassen ist es, Radien zu zeichnen, die gefräst werden können, auch wenn diese in der Zeichnung etwas übertrieben aussehen. Oben die etwas fetteren Hausnummern, unten Ziffern aus FF Meta Bold.

Das Anbringen der Hausnummern setzt keine typografischen Fachkenntnisse voraus. Die Bohrschablonen sind gelb auf klare Folie gedruckt, damit auf jeder Wand sichtbar sind und für den richtigen Abstand der Ziffern voneinander sorgen.

iErik

Im November letzten Jahres veranstaltete die ISTD – International Society of Typographic Designers – eine Vortragstour durch fünf Städte im Vereinigten Königreich. Das darf man nicht einfach Großbritannien nennen und schon gar nicht England, denn die Reise führte uns von Belfast über Glasgow nach Manchester, Bristol und London. Alles in fünf Tagen. Ich durfte in jeder Stadt zwei Vorträge halten, und dazu kamen jeweils zwei Kollegen aus der Stadt. Das ganze lief als „Kern up the Volume“ und war sozusagen meine Abschiedstour als Präsident des ISTD. Jetzt bin ich nicht mehr PISTD, sondern PPISTD, also Past President.

In Belfast hat Liam McComish, Course Director an der School of Art and Design der University of Ulster, bei der Fragestunde nach meinem Vortrag einen kleinen Film mitgeschnitten, den er selbst iErik genannt hat. Der Streifen ist klein und nicht von hoher Qualität – weder inhaltlich noch formal. Aber die Methode hat Witz. Das Movie ist unter download zu finden.

007 digital

Wahrscheinlich ist es inzwischen jedem aufgefallen: dieses Jahr kürzt man mit ’007 ab, nicht nur mit zwei Ziffern wie die Jahre zuvor.
Von allen Zahlenspielen, die wie jedes Jahr in der Post waren, hat mir das hier am besten gefallen – vielleicht, weil es ästhetisch so völlig daneben ist. Geschickt hat es mir Szönyei György aus Ungarn, Entwerfer der FF Archian. Warum seine Weckuhr kyrillisch beschriftet ist, weiss ich nicht. Aber schön, dass er im richtigen Augenblick auf den Auslöser gedrückt hat. Das funktioniert jetzt so bis 2059 und dann wieder ab 2100 – wem also nichts anderes einfällt, muss sich nur gegen Ende des Jahres mit der Kamera vor eine Digitaluhr o.ä. setzen.

San Francisco

Ich gebe es ja ungerne nach Europa weiter, aber der Januar hier in Nordkalifornien ist auszuhalten. Gelegentlicher Regen sorgt dafür, dass es auch im nächsten Sommer genügend Wasser geben wird, ansonsten ist der Himmel so blau wie bei uns um diese Jahreszeit selten. Schade, dass ich davon wenig habe, weil ich auch hier den ganzen Tag vorm Computer sitze.

SpiekerBlog 2.0

Endlich ist es soweit: mit nur ein paar Tagen Verspätung geht mein neues Blog online. Der Reiseplan ist schon in Ordnung, die Kontaktseite ist auch neu. Immerhin gibt es eine neue Adresse für das Berliner Büro; vor allem aber haben wir zum Anfang des Jahres den Firmennamen gewechselt. Aus UDN ist SpiekermannPartners geworden. Nachdem ich fünf Jahre lang immer wieder erklären musste, dass ich nicht mehr bei MetaDesign bin, haben wir uns entschlossen, konsequent zu sein. Wer jetzt nicht merkt, dass ich nicht gleichzeitig bei SpiekermannPartners und meiner alten Firma sein kann, dem ist nicht zu helfen.
Das neue Layout läuft unter Movable Type. Für die deutsch sprechenden und lesenden Freunde ist es sicher eine Erleichterung, dass es jetzt zwei Blogs gibt. Ein deutsches und ein englisches. Leider haben wir keine Software gefunden, die automatisch eine parallele Site baut aus zwei Textversionen mit gleichen Bildern. Also müssen wir auf dem Server zwei verschiedene Websites ablegen, die sich nur im Text unterscheiden, und ich muss alle Daten zweimal behandeln und laden. Offensichtlich gibt es wenig Bedarf an zweisprachigen Blogs.
Die Arbeit mit der neuen Software hat mein Freund und Kollege Joely Hegarty gemacht. Er hat bei dieser Gelegenheit den Umgang mit Blogs gelernt, was aber für einen richtigen Programmierer eine Kleinigkeit ist.

DB Type gewinnt Designpreis der Bundesrepublik

Die von Erik Spiekermann und Christian Schwartz gestaltete Schriftfamilie für die Deutsche Bahn hat den Designpreis der Bundesrepublik 2007 gewonnen.
Auf Einladung des Rat für Formgebung beriet am 28. und 29. September 2006 die internationale Jury über die Vergabe des Designpreises. Von 940 nominierten Erzeugnissen, darunter über 200 Arbeiten aus dem Bereich Kommunikationsdesign, erhielten 25 Gewinner die höchste offizielle Designauszeichnung in Deutschland. Die Preisverleihung um Gold und Silber findet am 9. Februar 2007 zur Eröffnung der internationalen Messe Ambiente in Frankfurt/Main statt.

Zur Verleihung erscheint ein umfangreicher Katalog im Birkhäuser Verlag, darüber hinaus werden alle Gewinner im Rahmen einer Ausstellung präsentiert. Die als Wanderausstellung geplante Präsentation wird im Anschluss an die Preisverleihung eröffnet und ist im kommenden Jahr an mehreren Orten im In- und Ausland zu sehen.

Der Designpreis der Bundesrepublik ist die einzige offizielle deutsche Designauszeichnung. Der Preis wird vom Bundesminister für Wirtschaft und Technologie ausgelobt und vom Rat für Formgebung durchgeführt. Um den Designpreis können sich Unternehmen nicht bewerben, vielmehr werden sie von den Wirtschaftsministerien und -senatoren der Länder bzw. vom Bundesministerium für Wirtschaft und Technologie nominiert. Voraussetzung hierfür ist allerdings, dass ein Produkt bereits mit einem nationalen oder internationalen Preis ausgezeichnet wurde. Kein anderer Designpreis stellt ein derart strenges Kriterium an die Teilnehmer. Der Designpreis der Bundesrepublik Deutschland wird hierdurch von vielen Meinungsführern im Designbereich als »Preis der Preise« bezeichnet.

Ein Beispiel aus der Werbung siehe unten: Helvetica links, DB Type Head rechts.

Keine umfangreiche Lebensbeichte.

Wer will das schon lesen? Aber immer wieder will jemand ein paar Daten über mich; für einen Vortrag, einen Artikel oder – häufig – für eine Arbeit an einer Hochschule.
Hier deshalb zwei Biografien;
eine sehr kurze (erik_bio_en+de.pdf)
mit 600 Zeichen und eine etwas ausführlichere mit 2500 (spiekerbio_de+en_0107.pdf).
Beide deutsch und englisch und auf der Downloadseite zu kriegen.

typomania | typomanie

Dieses Video ist aus den 80ern, ein Kollege hat es aufgetrieben und für mich auf eine CD kopiert.
Ich zeige darin, wie schlimm die Typomanie sein kann.
Die Videos sind auf der Downloadseite: (typomania_video.mov) hat 50mb, während (typomania1.mov) immer noch 16mb hat. Beides sind Kopien von Kopien und entsprechend miserabel in der Auflösung. Aber vielleicht umso komischer.