Designphilosophie: Susan Kare — Bedeutungsvoll, einprägsam, klar

Das Prinzip

„Meaningful, Memorable, Clear.” – Susan Kare, über die drei Adjektive, die gutes Design definieren¹

Kare entwarf die ursprünglichen Macintosh-Icons — den Happy Mac, die Bombe, den Papierkorb, den Pinsel, die Command-Taste — in einem 32×32-Pixel-Raster mit einem Millimeterpapier-Skizzenbuch für 2,50 Dollar. Jedes Icon musste seine Funktion an jemanden vermitteln, der noch nie einen Computer benutzt hatte. Die Einschränkung war absolut: 1.024 schwarze oder weiße Quadrate, um ein Konzept zu vermitteln, das Menschen ohne Anleitung verstehen würden. Sie behandelte diese Einschränkung nicht als Limitation, sondern als das eigentliche Problem — und löste es, indem sie auf die ältesten verfügbaren visuellen Traditionen zurückgriff: Nadelarbeit, Mosaike, Volkssymbole und Verkehrsschilder.

Ihre Icons verliehen dem Macintosh eine Persönlichkeit. Vor Kare kommunizierten Computer über Kommandozeilen. Nach Kare kommunizierten sie durch Metaphern, auf die man zeigen konnte. Der Papierkorb bedeutete Löschen. Das Dokument mit der umgeknickten Ecke bedeutete Datei. Der lächelnde Computer bedeutete: Alles funktioniert. Diese Metaphern sind so tief in der Computerwelt verankert, dass wir längst nicht mehr bemerken, dass sie gestaltet wurden. Diese Unsichtbarkeit ist das größte Kompliment, das die Arbeit erhalten kann.

Kontext

1982 war Susan Kare eine Bildhauerin in der San Francisco Bay Area. Sie hatte einen Ph.D. in Bildender Kunst von der NYU, wo ihre Doktorarbeit die Karikatur in den Skulpturen von Honoré Daumier und Claes Oldenburg untersuchte. Sie hatte als Kuratorin an den Fine Arts Museums of San Francisco gearbeitet. Gerade schweißte sie eine lebensgroße Wildschwein-Skulptur für ein Museum in Arkansas, als das Telefon klingelte.²

Andy Hertzfeld, ein Freund aus der High School und Softwareingenieur im Macintosh-Team, bot ihr einen Apple II Computer an — im Tausch gegen handgezeichnete „ein paar Icons und Schriftelemente”. Kare hatte keinerlei Erfahrung mit Computergrafik. Sie wusste nicht, wie man eine Schriftart entwirft. Sie ging in die öffentliche Bibliothek von Palo Alto, lieh sich Bücher über Typografie aus, kaufte im University Art Store das kleinste erhältliche Millimeterpapier für 2,50 Dollar und erschien zu einem Vorstellungsgespräch, das fünf Minuten dauerte. „Wann können Sie anfangen?” Sie machten sie zur Mitarbeiterin Nr. 2 der Macintosh-Softwaregruppe mit dem Titel „Macintosh Artist”.²

Der Zeitpunkt war entscheidend. Apple baute den ersten Massenmarkt-Computer mit grafischer Benutzeroberfläche. Die Lisa hatte das Konzept etabliert, doch der Macintosh sollte erschwinglich und zugänglich sein. Jedes Element des Bildschirms — Icons, Schriftarten, Cursor, Dialogboxen — musste mit Menschen kommunizieren, die noch nie einen Computer berührt hatten und möglicherweise Angst davor hatten. Kare sagte später: „I hoped to help counter the stereotypical image of computers as cold and intimidating.”³

Sie hatte keine Ausbildung im digitalen Design, denn das Feld existierte noch gar nicht. Was sie hatte, war eine Ausbildung in Bildender Kunst, ein bildhauerisches Verständnis für Form innerhalb von Einschränkungen und ein Instinkt für visuelle Metaphern aus Volkskunst, Nadelarbeit und Symbolsystemen. „Bitmap graphics are like mosaics and needlepoint and other pseudo-digital art forms, all of which I had practiced before going to Apple”, sagte sie.³ Das Pixel-Raster war jemandem nicht fremd, der Jahre damit verbracht hatte, Quadrate auf Millimeterpapier auszufüllen und Stiche in Handarbeiten zu zählen.

Das Werk

Die Macintosh-Icons (1983–1984): Maschinen menschlich machen

Hertzfeld sagte Kare, sie solle Millimeterpapier kaufen und 32×32-Raster zeichnen. Jedes ausgefüllte Quadrat würde ein Pixel sein. Sie zeichnete Icons mit Bleistift und Farbstift und testete Metaphern auf Papier, bevor sie sie auf den Bildschirm übertrug. Als Hertzfeld einen Icon-Editor schrieb, mit dem sie Bits per Mausklick umschalten konnte, wurde das Skizzenbuch zum Designwerkzeug und der Editor zum Produktionswerkzeug. Ihr originales Skizzenbuch befindet sich heute in der ständigen Sammlung des MoMA, gemeinsam mit dem SFMOMA 2015 erworben.⁴

Der Happy Mac — ein lächelndes Computergesicht, das Benutzer beim Hochfahren begrüßte — wurde entworfen, um Angst zu nehmen. Das Bomben-Icon, das bei Systemfehlern erschien, sollte „verspielt statt alarmierend” wirken. Der Farbeimer wurde zunächst als Farbroller und in mehreren anderen Varianten getestet, bevor Kare sich für die gießende Dose entschied, weil sie „für die Leute am meisten Sinn ergab”. Der Papierkorb übernahm sein Konzept von der Lisa, wurde aber für die anderen Pixelmaße des Macintosh neu gezeichnet.²

Jedes Icon durchlief einen bestimmten Designprozess: Kare erstellte mehrere Varianten, zeigte sie dann anderen und beobachtete deren Reaktionen. „I tried to make a selection and get people’s opinions”, statt ein endgültiges Design zu diktieren. Bewusst vermied sie Text und Wortspiele: „I tried not to use words, and not to use puns, because they don’t translate.” Diese Entscheidung — ausschließlich visuelle Metaphern, keine englischsprachigen Abhängigkeiten — sorgte dafür, dass die Icons von Anfang an in jeder Sprache funktionierten.²

Die Command-Taste hat die spezifischste Entstehungsgeschichte. Steve Jobs kam in den Softwarebereich und erklärte: „There are too many Apples on the screen! It’s ridiculous!” Das Team hatte das Apple-Logo als Tastaturmodifikator-Symbol verwendet, und Jobs wollte es ersetzt haben. Die Tastatur-Hardware wurde bereits finalisiert — sie hatten Tage, keine Wochen. Kare fand ein verschlungenes quadratisches Symbol (einen Bowen-Knoten, der in schwedischen Campingplatzkarten „Sehenswürdigkeit” markiert) in einem internationalen Symbolwörterbuch und erstellte eine 16×16-Pixel-Bitmap. Das Team stimmte zu. Das Symbol erscheint seit 1984 auf jeder Mac-Tastatur.⁵

Chicago-Schriftart (1984): Einschränkung als Medium

Der Macintosh brauchte eine Systemschriftart. Kare entwarf Chicago innerhalb eines 9×7-Pixel-Rasters pro Zeichen, beschränkt auf horizontale, vertikale und 45-Grad-Winkel-Striche. Keine Kurven. Diese Einschränkung war nicht ästhetisch begründet — Kurven bei Bitmap-Auflösung erzeugen gezackte Kanten („Jaggies”), die Text schwerer lesbar machen. Durch die Beschränkung auf gerade Linien und 45-Grad-Diagonalen schuf Kare eine Schriftart, die auf dem 72-dpi-Bildschirm des Mac gestochen scharf und gut lesbar war.²

Die Schriftart hieß ursprünglich „Elefont” als Platzhalter. Jobs benannte sie um. Die ursprünglichen Macintosh-Schriftarten trugen Namen von Haltestellen der Philadelphia Main Line, doch Jobs entschied, es sollten „Weltstädte” sein — Chicago, Geneva, London, Toronto, Venice, New York. Chicago blieb Apples Systemschriftart von 1984 bis zum Ende des klassischen Mac OS, wurde für das iPod-Interface (2001–2004) wiederbelebt und war über zwanzig Jahre lang im Einsatz.²

Chicago war die erste proportional gesetzte Systemschriftart auf einem Massenmarkt-PC — eine Abkehr von den nichtproportionalen Schreibmaschinenschriften, die die meisten Benutzer kannten. Jeder Buchstabe nahm nur den Platz ein, den seine Form erforderte. Allein diese Entscheidung ließ den Macintosh-Bildschirm weniger wie ein Terminal und mehr wie eine gedruckte Seite wirken.

Windows 3.0 Solitaire-Karten (1990): Klarheit über Plattformgrenzen hinweg

Nach ihrem Weggang von Apple und dann von NeXT eröffnete Kare ihr eigenes Studio. Microsoft engagierte sie, um die Kartendesigns für das Solitaire-Spiel von Windows 3.0 zu gestalten — ein Spiel, das eigens dafür existierte, Benutzern den Umgang mit der Maus beizubringen: Ziehen, Ablegen, Klicken. Kare entwarf die Karten mit Microsoft Paint und der 16-Farben-VGA-Palette.⁶

„The card faces only required black, red, and yellow”, sagte sie. „I was inspired by classic card decks, and had the most fun trying to translate the complicated patterns of the Jacks, Queens, and Kings to a 72 dots-per-inch grid.” Dieselben Kartendesigns verwendete Microsoft von 1990 bis 2007 — siebzehn Jahre ununterbrochenen Einsatzes auf Milliarden von Windows-Installationen. Die Arbeit bewies, dass ihr einschränkungsgetriebener Ansatz nicht plattformspezifisch war. Die Methode — die Metapher verstehen, auf das Wesentliche reduzieren, mit echten Menschen testen — ließ sich vom Mac auf Windows und auf jedes Medium mit einem Pixel-Raster übertragen.⁶

Die Methode

Kares Prozess blieb über vier Jahrzehnte konsistent: die Einschränkung verstehen, die richtige Metapher finden, sie auf die minimale Anzahl von Pixeln reduzieren, die das Konzept vermitteln, und sie mit Menschen testen, die keine Designer sind.

Ihr wichtigstes Nachschlagewerk war Henry Dreyfuss’ Symbol Sourcebook (1972), ein Kompendium internationaler Symbole, nach Kategorien geordnet. Besonders angezogen fühlte sie sich von der Sektion über Landstreicher-Zeichen — Symbole, die Hobos zur Kommunikation auf Reisen verwendeten. „I tried not to use English, and I tried not to use puns”, sagte sie, „because they don’t translate.”²

Ihre Ikonphilosophie beschrieb sie so: Entwerfen „more like traffic signs than illustrations — easily comprehensible and not laden with extraneous detail.” Ein Stoppschild muss nicht alle zwei Jahre neu gestaltet werden. Ein gut gestaltetes Icon ebenso wenig. „Nobody seems to need to redesign the stop sign every two years”, bemerkte sie in einem Podcast-Interview.⁷

Die 32×32-Pixel-Leinwand — die sie als „großzügig für Icons” betrachtete — verlangte das, was sie „a peculiar sort of minimal pointillism” nannte. Sie liebte „the puzzle-like nature of working in sixteen-by-sixteen and thirty-two-by-thirty-two pixel icon grids, and the marriage of craft and metaphor.”⁸

Auf die Frage, ob Einschränkungen die Kreativität limitieren, antwortete sie direkt: „Technical constraints (such as working in black and white, or limited screen real estate) don’t necessarily hamper creativity. It’s just good to understand what’s possible, and work from there.”⁹

Einfluss-Kette

Wer sie geprägt hat

Paul Rand war ihr erklärter „Design-Held”. Sie übernahm seine Maxime: „Don’t try to be original, just try to be good.” Bei NeXT brachte sie Steve Jobs und Rand zusammen und beauftragte ihn, das NeXT-Logo zu gestalten — und verband so die beiden wichtigsten Persönlichkeiten ihres Berufslebens. (Direkter Einfluss)¹

Henry Dreyfuss prägte ihre Methode. Sein Symbol Sourcebook (1972) war ihr wichtigstes Nachschlagewerk für Icondesign. Die Taxonomie universeller Symbole des Buches — Verkehrsschilder, Landstreicher-Zeichen, wissenschaftliche Notation — gab ihr ein Vokabular zur Kommunikation ohne Sprache. (Direkter Einfluss)²

Volkskunst, Nadelarbeit und Mosaike gaben ihr das formale Vokabular für die Bitmap-Arbeit. Sie erkannte, dass das Ausfüllen von Pixeln strukturell identisch ist mit dem Zählen von Stichen in der Handarbeit oder dem Setzen von Fliesen in einem Mosaik: „You study art history you learn there’s nothing new under the sun — have you ever seen some 18th century needle point?”⁷

Wen sie geprägt hat

Jede grafische Benutzeroberfläche seit 1984. Kares Macintosh-Icons etablierten die visuellen Metaphern, die universell wurden: das Dokument mit der umgeknickten Ecke, der Papierkorb, der Handzeiger, die Lupe für die Suche. Diese waren nicht unvermeidlich. Jemand musste entscheiden, dass „Löschen” wie ein Papierkorb aussieht und „Datei” wie eine gefaltete Seite. Kare traf diese Entscheidungen, und jedes Betriebssystem seitdem folgte ihnen.

Emoji-Designer. Kares Cairo-Schriftart (1984) war ein Proto-Emoji — eine Schriftart mit Palmen, Halbmonden, Skateboards und anderen piktografischen Zeichen.² Sie ist ein konzeptioneller Vorläufer von Shigetaka Kuritas Emoji-Set von 1999 für NTT DoCoMos i-mode-Plattform. Cairo nutzte Schriftzeichen-Plätze für piktografische Bedeutung statt alphabetischer Zeichen — fünfzehn Jahre bevor Emoji zu einem globalen Kommunikationssystem wurde.

Der rote Faden

Kare bewies, dass Einschränkungen Kreativität nicht limitieren — sie fokussieren sie. Ein 32×32-Pixel-Raster mit ausschließlich Schwarz und Weiß ist kein Gefängnis. Es ist ein Design-Brief. Die Einschränkung zwingt jedes Pixel, seine Existenz zu rechtfertigen — was genau Dieter Rams’ zehntem Prinzip entspricht, angewandt auf ein anderes Medium. (Serienbrücke)

Was ich daraus mitnehme

„Give me 16x16 pixels and a concept and I feel pretty fearless.” Das ist die Haltung. Die Einschränkung ist das Werkzeug, nicht das Hindernis.

FAQ

Was ist Susan Kares Designphilosophie?

Kares Philosophie baut auf drei Worten auf: bedeutungsvoll, einprägsam, klar. Sie begreift Icondesign als visuelles Problemlösen innerhalb von Einschränkungen und schöpft dabei aus Volkskunst, Nadelarbeit und internationalen Symbolsystemen statt aus Illustration. Ihre Icons funktionieren „more like traffic signs than illustrations — easily comprehensible and not laden with extraneous detail.”⁷

Was hat Susan Kare entworfen?

Kare entwarf die ursprünglichen Macintosh-Icons (Happy Mac, Command-Taste, Papierkorb, Bombe, Farbeimer), die Chicago-Schriftart, die Cairo-Proto-Emoji-Schriftart und die Systemgrafiken für den Macintosh von 1984. Später gestaltete sie die Kartenbilder für Windows 3.0 Solitaire (im Einsatz 1990–2007), virtuelle Geschenke für Facebook und arbeitete mit Pinterest und Niantic Labs zusammen.²⁶

Wie hat Susan Kare modernes Design beeinflusst?

Kare etablierte die visuellen Metaphern, die grafisches Computing definieren: den Papierkorb zum Löschen, das Dokumenten-Icon mit umgeknickter Ecke, die Zeigerhand und das Konzept, dass Software durch erkennbare Symbole statt durch Textbefehle kommunizieren sollte. Ihre Cairo-Schriftart (1984) war eine piktografische Schrift, die Shigetaka Kuritas Emoji-Set um fünfzehn Jahre vorausging.²

Was können Designer von Susan Kare lernen?

Einschränkungen fokussieren Kreativität, statt sie zu begrenzen. Ein 32×32-Pixel-Raster zwingt jedes Pixel, seine Existenz zu rechtfertigen. Testen Sie Designs mit echten Menschen, nicht mit anderen Designern. Vermeiden Sie Text und Wortspiele, denn sie lassen sich nicht übersetzen. Greifen Sie auf bestehende Symbolsysteme zurück (Verkehrsschilder, Volkskunst, internationale Piktogramme), statt von Grund auf neue visuelle Sprachen zu erfinden.

Quellen