← Alle Beitrage

Die Design-Karriere, die KI überlebt

Nach zwölf Jahren als Leiter des Produktdesigns bei ZipRecruiter und der Zusammenarbeit mit Teams bei Apple, Disney, Instacart und Marvel fiel mir ein Muster auf, das ich nicht mehr ignorieren konnte: Jeder Paradigmenwechsel eliminierte dieselbe Art von Fähigkeiten und belohnte dieselbe Art von Designer.

Zusammenfassung

Ich war 12 Jahre lang VP of Product Design bei ZipRecruiter und habe das Unternehmen dann verlassen, um eigenständig zu arbeiten. In dieser Zeit habe ich beobachtet, wie drei Paradigmenwechsel bestimmte Designfähigkeiten eliminierten und dabei stets dieselben zugrunde liegenden Kompetenzen belohnten. Das Muster ist vorhersehbar: Werkzeugbeherrschung verfällt, Urteilsvermögen akkumuliert sich. Die Designer, die KI überleben, sind nicht diejenigen, die das nächste Werkzeug meistern. Es sind diejenigen, die in Systemen denken, Probleme vor Lösungen definieren und beurteilen können, ob KI-generierte Ergebnisse den Nutzern tatsächlich dienen.


Das Muster: Was jeder Paradigmenwechsel eliminiert und bewahrt

Don Norman prägte den Begriff „User Experience” im Jahr 1993.1 Die formalisierte Disziplin ist kaum 30 Jahre alt – jünger als die Karriere vieler Designer. In diesen 30 Jahren haben wir bereits drei vollständige Paradigmenwechsel erlebt.

Eliminiert: Präzision im Drucklayout, CMYK-Farbmanagement, fixe Typografie, Wissen über physische Produktion (Papierqualität, Bindung, Druckfreigabe).

Bewahrt: Visuelle Hierarchie, typografische Grundlagen, Farbtheorie, Rastersysteme, Informationsorganisation.

Designer, die sagten „Ich beherrsche Quark XPress”, hatten Schwierigkeiten. Designer, die sagten „Ich verstehe, wie Menschen visuelle Informationen erfassen”, konnten ihr Wissen sofort übertragen.2

Web zu Mobile (2007–2015)

Eliminiert: Desktop-spezifische Muster (Rechtsklick-Menüs, Hover-Zustände, Mehrfenster-Workflows), pixelgenaue Layouts mit fester Breite, Flash-Animation.

Bewahrt: Informationsarchitektur, Methodik der Nutzerforschung, visuelle Hierarchie, Prinzipien des Interaktionsdesigns.

Dieselbe Trennung: Werkzeugspezifische Fähigkeiten vergingen, prinzipienbasierte Fähigkeiten bestanden weiter.3

Bildschirmbasiert zu KI-unterstützt (2023–Gegenwart)

Unter Druck: UI-Komponentendesign, visuelle Produktion, Wireframing. KI bewältigt alle drei auf Basis natürlichsprachlicher Beschreibungen.

Bewahrt: Nutzerpsychologie, Forschungsmethodik, Systemdenken, Problemdefinition, Gestaltung von Bewertungskriterien.

Neue Anforderungen: Prompt-Design, Bewertung von KI-Ergebnissen, Konversationsdesign, multimodales Interaktionsdesign, KI-Verhaltensdesign (Einschränkungen und Leitplanken).4

Ich habe diesen letzten Übergang unmittelbar erlebt. Als ich begann, meine persönliche Website mit FastAPI und HTMX zu erstellen, nutzte ich Claude Code zur Generierung von UI-Komponenten. Die Komponenten waren kompetent. Aber kompetente Komponenten, die ohne ein System zusammengesetzt werden, ergeben ein inkohärentes Erlebnis. Die KI generierte die Teile. Ich designte, wie die Teile zusammenwirkten.


Was heute Design-Hebelwirkung erzeugt

Problemdefinition, nicht Lösungsproduktion

Als ich den Vision Sprint bei ZipRecruiter leitete, verbrachte unser Team von acht Designern die ersten zwei Wochen, ohne Figma zu öffnen. Wir interviewten Arbeitssuchende, kartierten die Einstellungspipeline und identifizierten, dass das Kernproblem nicht die Jobsuche-Oberfläche war. Das Problem war, dass Kandidaten nicht in natürlicher Sprache artikulieren konnten, was sie eigentlich wollten. Jedes „Redesigne die Suche”-Briefing, das wir erhalten hatten, löste das falsche Problem.5

Durchschnittliche Designer erhalten ein Briefing und produzieren Mockups. Der Designer, der echten Mehrwert schafft, hinterfragt das Briefing. „Gestalte eine Einstellungsseite” wird zu „Welche Einstellungen ändern Nutzer tatsächlich? Was, wenn wir sinnvolle Standardwerte verwenden und die Seite ganz eliminieren?”6

KI generiert 50 Varianten einer Einstellungsseite in Minuten. Die Variante auszuwählen, die Support-Tickets reduziert, die Aktivierung erhöht und die mentalen Modelle der Nutzer respektiert, erfordert ein Urteilsvermögen, das kein Modell repliziert.

Systemdenken, nicht Bildschirmdesign

Eine Einstellungsseite ist verbunden mit dem Onboarding (wo Standardwerte gesetzt werden), den Benachrichtigungen (wo Präferenzen wirksam werden) und der Kontoverwaltung (wo die Löschung stattfindet). Designen Sie die Seite isoliert, und sie funktioniert. Designen Sie sie als Teil eines Systems, und das Erlebnis fühlt sich kohärent an.7

Als ich das Designsystem meiner aktuellen Website erstellte, war jede Entscheidung systemisch. Das Schriftgrößenverhältnis von 1,2 (12px, 14, 16, 18, 21, 25, 30, 36, 43, 52, 62, 80px) erzeugt einen visuellen Rhythmus, der sich selbst reguliert. Das 8pt-Abstandsraster (8, 16, 24, 32, 48, 64, 96, 128px) verhindert willkürliche Abstandsentscheidungen. Drei Textdeckungsgrade (100 %, 65 %, 40 %) schaffen Hierarchie ohne zusätzliche Farben. Das sind keine ästhetischen Entscheidungen. Es sind Systembeschränkungen, die jede zukünftige Designentscheidung schneller und konsistenter machen.

Das System akkumuliert sich. Nachdem ich 12 Projekte auf demselben Token-Set aufgebaut habe, treffe ich Layout-Entscheidungen in Sekunden, die früher Stunden visueller Experimente erforderten.

Interdisziplinäre Übersetzung

Die wertvollsten Designer sprechen drei Sprachen: die Sprache der Nutzer (was Menschen brauchen), die Sprache des Geschäfts (was Umsatz treibt) und die Sprache der Technik (was technisch machbar ist).

Bei ZipRecruiter lernte ich, dass „dieses Interaktionsmuster reduziert Support-Tickets um 15 %, spart jährlich 200.000 $, und erfordert nur eine einzige API-Endpoint-Änderung” eine Abstimmung erzeugt, die Mockups niemals erreichen.8 Über acht Unternehmen hinweg (Apple, Disney, Penguin Random House, Marvel, ZipRecruiter, Instacart, HarperCollins, Introl) übertrafen die Designer, die zwischen Disziplinen übersetzten, durchgängig diejenigen, die die ausgefeiltesten Mockups produzierten.

Professionelle Aufmerksamkeit

Mike Monteiro schrieb, dass „ein Designer jemand ist, der dafür bezahlt wird, auf die Welt zu achten.”9 Nach zehn Jahren professioneller Aufmerksamkeit hat ein Designer Tausende von Interaktionsmustern, Fehlermodi und eleganten Lösungen katalogisiert. KI kann einen Trainingsdatensatz durchsuchen. Ein erfahrener Designer durchsucht ein Jahrzehnt gelebter Berufserfahrung mit kontextuellem Urteilsvermögen, das Datensätze nicht abbilden können.

Ich habe 16 herausragende Produkte im Detail studiert: Warp, Vercel, Linear, Raycast, Stripe, Figma, Framer, Notion, Craft, Bear, Arc, Things, Flighty, Halide, Superhuman und Perplexity. Jedes handhabt Interaktion anders, aber die zugrunde liegenden Prinzipien (Progressive Disclosure, Verteilung visueller Gewichtung, Keyboard-First-Responsivität) sind identisch. Superhuman’s 100ms-Regel und Linears 50ms-Reaktionsziel sind keine willkürlichen Performance-Spezifikationen. Es sind Interaktionskostenentscheidungen, die sich über jede tägliche Sitzung akkumulieren.


Fähigkeiten, die sich akkumulieren vs. Fähigkeiten, die verfallen

Akkumuliert sich: Visuelle Hierarchie

Nutzer scannen Oberflächen in vorhersehbaren Mustern: F-Muster für textlastige Seiten, Z-Muster für bildlastige Seiten.10 Einmal verinnerlicht, gilt dieses Prinzip für Websites, mobile Apps, Dashboards, E-Mail-Vorlagen und Präsentationen ohne bewusste Anstrengung. Die Fähigkeit überträgt sich über jeden Plattformwechsel, weil sich menschliches Scanverhalten nicht ändert, wenn sich das Medium ändert.

Akkumuliert sich: Reduktion der Interaktionskosten

Jede Interaktion verursacht kognitive und motorische Kosten. Klicken kostet weniger als Tippen. Wiedererkennen kostet weniger als Erinnern. Der Designer, der sich obsessiv auf weniger Klicks, weniger Entscheidungen, weniger Modi und weniger Zustände konzentriert, produziert Produkte, die im Laufe der Zeit Nutzerzufriedenheit ansammeln.11 Produkte mit hohen Interaktionskosten akkumulieren Frustration, die zur Abwanderung führt.

Akkumuliert sich: Designsystem-Architektur

Ein Designer, der ein kohärentes Designsystem aufbaut (Tokens, Komponenten, Muster, Vorlagen), schafft eine Infrastruktur, die jede zukünftige Funktion beschleunigt. Die erste Funktion benötigt genauso viel Zeit wie ohne System. Die zehnte benötigt 30 % weniger. Die fünfzigste 60 % weniger.12 Ein Designsystem, das über fünf Produktteams geteilt wird, vervielfacht diese Beschleunigung um das Fünffache.

Verfällt: Werkzeugbeherrschung

Photoshop wich Sketch. Sketch wich Figma. Figma wird dem weichen, was statische Mockups ersetzt. Jedes Werkzeug dominiert 5–10 Jahre. Werkzeugbeherrschung ist notwendig für die aktuelle Anstellung und unzureichend für Karriereresilienz.

„Ich bin ein Figma-Designer” ist genauso fragil wie „Ich bin ein Quark-XPress-Designer” es 1998 war.

Verfällt: Visuelle Produktion

Layout, Abstände, Farbanwendung und Komponentenmontage automatisieren sich rapide. KI generiert produktionsreife Designs aus Beschreibungen mit zunehmender Wiedergabetreue. Die beständige Schicht darunter: Zu wissen, dass ein Layout mehr Freiraum um die primäre Aktion haben sollte, ist Urteilsvermögen. Elemente zu verschieben, um diesen Freiraum zu schaffen, ist Produktion. Urteilsvermögen besteht. Produktion automatisiert sich.13


Der Weg des Design Engineers

Der wirkungsvollste Individual Contributor vereint Designurteil mit Ingenieurskompetenz. Unternehmen wie Vercel und Linear stellen explizit für dieses Profil ein und erkennen an, dass die Übergabe zwischen Design und Engineering Latenz, Wiedergabetreue-Verlust und Koordinationsaufwand verursacht.14

Ich bin zufällig zu diesem Profil geworden. Nachdem ich ZipRecruiter verlassen hatte, baute ich alles selbst: Ace Citizenship (iOS-App im App Store), diese Website (FastAPI + HTMX + reines CSS) und 10 weitere Projekte. Ich designe die Interaktion im Kopf und setze sie dann direkt um, mit Claude Code als meinem Implementierungspartner. Die Übergabe ist null, weil Designer und Ingenieur dieselbe Person sind.

Das Ergebnis: 100/100/100/100 Lighthouse-Werte beim ersten Versuch. Nicht weil ich ein besserer Ingenieur bin als ein dedizierter Frontend-Entwickler, sondern weil jede Performance-Entscheidung zugleich eine Designentscheidung war. Ich reduzierte CSS auf 75 Token kritischer Inline-Styles. Ich wählte Systemschriften statt Webschriften (was 100ms Layout-Verschiebung eliminierte). Ich nutzte HTMX statt React (was die JavaScript-Payload um 95 % reduzierte). Jede Entscheidung war gleichzeitig eine Performance-Optimierung und eine Designentscheidung: schnellere Seitenladezeiten, weniger visuelles Ruckeln, engere Interaktionsschleifen.15

Keine Übergabe bedeutete keinen Wiedergabetreue-Verlust. Das, was ich designte, war exakt das, was Nutzer erlebten.


Das Gegenargument: Ingenieursurteil ist weiterhin wichtig

Das Argument, dass „Design zum Engpass wird”, übertreibt. Architekturentscheidungen, Performance-Engineering, Sicherheitsdesign und Systemdenken bleiben hochspezialisierte Arbeit, die KI unterstützt, aber nicht ersetzt. Der 10x-Ingenieur, der ein System entwirft, das auf Millionen von Nutzern skaliert, schafft einen Wert, der dem des 10x-Designers entspricht.16

Die beste Position ist beides. Die Designer, die das nächste Jahrzehnt am erfolgreichsten navigieren, werden an der Schnittstelle von Designurteil und Ingenieurskompetenz arbeiten – nicht weil eine Disziplin wichtiger wäre, sondern weil die Beseitigung der Grenze zwischen ihnen den reibungsintensivsten Punkt in der Produktentwicklung eliminiert.


Karrierestrategie für das nächste Jahrzehnt

Bauen Sie ein dauerhaftes Fundament. Investieren Sie 60–70 % Ihrer Lernzeit in die Fähigkeiten, die die letzten drei Paradigmenwechsel überlebt haben: menschliche Psychologie, Forschungsmethodik, Informationsarchitektur, Systemdenken, Problemdefinition. Diese akkumulieren sich über Karrieren hinweg, anstatt mit Plattformwechseln an Wert zu verlieren.17

Pflegen Sie Werkzeugkompetenz, nicht Werkzeugidentität. Lernen Sie aktuelle Werkzeuge gut genug, um in professionellem Tempo zu arbeiten. Lassen Sie kein Werkzeug Ihre berufliche Identität definieren.

Lernen Sie angrenzende Disziplinen. Die Designer, die Paradigmenwechsel am erfolgreichsten meistern, lesen breit: Psychologie, Geschäftsstrategie, Ingenieursgrundlagen, neue Technologien. Angrenzendes Wissen schafft die Mustererkennung, die identifiziert, wie neue Technologien die Nutzererfahrung beeinflussen – bevor Designgemeinschaften Best Practices veröffentlichen.

Üben Sie Bewertung, nicht nur Gestaltung. Da KI immer mehr Designartefakte generiert, wird die Fähigkeit, Qualität zu bewerten, zu erkennen, was Nutzern dient, und abzulehnen, was das nicht tut, zur primären Kompetenz. Der Designer, der 50 KI-generierte Varianten bewertet und die richtige auswählt, schafft mehr Wert als der Designer, der eine Variante manuell erstellt.


Referenzen


  1. Norman, Don, “The Term ‘UX’,” 2016. Ursprung und Entwicklung des Begriffs. 

  2. Zeldman, Jeffrey, Designing with Web Standards, New Riders, 2003. 

  3. Wroblewski, Luke, Mobile First, A Book Apart, 2011. 

  4. Nielsen, Jakob, „AI and UX: The Future of User Experience,” Nielsen Norman Group, 2024. 

  5. Eigene Erfahrung als Leiter des Vision Sprint Designteams bei ZipRecruiter, 2024. 

  6. Norman, Don, The Design of Everyday Things, Basic Books, 2013. Problemdefinition vs. Lösungsgestaltung. 

  7. Meadows, Donella, Thinking in Systems, Chelsea Green, 2008. 

  8. Greever, Tom, Articulating Design Decisions, O’Reilly, 2015. 

  9. Monteiro, Mike, Design Is a Job, A Book Apart, 2012. 

  10. Nielsen, Jakob, „F-Shaped Pattern of Reading on the Web,” Nielsen Norman Group, 2006. 

  11. Krug, Steve, Don’t Make Me Think, New Riders, 2014. 

  12. Frost, Brad, Atomic Design, selbst veröffentlicht, 2016. 

  13. Figma, „AI-Powered Design: From Production to Evaluation,” 2024. 

  14. Rauchg, Guillermo, “Design Engineers,” 2024. 

  15. Lighthouse-Auditdaten des Autors, dokumentiert in “How I Got a Perfect Lighthouse Score”

  16. Brooks, Frederick P., The Mythical Man-Month, Addison-Wesley, 1975. Engineering-Hebelwirkung und das Konzept des 10x-Entwicklers. 

  17. Cross, Nigel, Design Thinking, Bloomsbury, 2011. 

Verwandte Beiträge

Taste Is Infrastructure

As agents generate more of what ships, the quality ceiling is set by how well you encode aesthetic judgment into systems…

7 Min. Lesezeit

The Fork Bomb Saved Us

The LiteLLM attacker made one implementation mistake. That mistake was the only reason 47,000 installs got caught in 46 …

6 Min. Lesezeit

16 Design Case Studies: The Four Patterns I Adopted Into My Own Work

After studying 16 products in depth, four cross-cutting patterns changed how I build interfaces. Here's what I learned a…

7 Min. Lesezeit