Der UX-Design-Prozess ist die Abfolge von Arbeitsschritten, die aus den Bedürfnissen der Nutzer und den Zielen eines Unternehmens ein Produkt macht, das sich ohne Nachdenken bedienen lässt. Die Schritte sind Research, Struktur, Wireframes, Interface-Design, Prototyping und Tests, dann die Übergabe an die Entwicklung. Das wiederholt sich, während das Produkt dazulernt. Aus Kundensicht hat jede Phase einen klaren Input, den Sie liefern, und ein klares Ergebnis, das Sie erhalten sollten. Wer den Prozess an diesen Ergebnissen misst, erkennt am sichersten, ob er echt ist. Dieser Leitfaden erklärt jede Phase aus Ihrer Sicht. Er enthält eine Tabelle zu Input, Ergebnis und relativem Zeitaufwand sowie die Anzeichen für gute und für schwache UX-Arbeit.
Zuletzt aktualisiert: 21. Oktober 2026.
Warum zählt die Sicht des Kunden auf den Prozess?
Die meisten Erklärungen zu UX richten sich an Designer. Sie beschreiben Methoden und Tools. Das ist nützlich, wenn Sie die Arbeit selbst machen, und verwirrend, wenn Sie dafür bezahlen. Als Kunde brauchen Sie etwas anderes: was jede Phase von Ihnen braucht, was Sie am Ende in der Hand haben und ob sich die Zeit gelohnt hat.
Der UX-Design-Prozess soll teure Überraschungen vermeiden. Ein Problem, das in einer Skizze auffällt, kostet Minuten. Dasselbe Problem nach dem Launch kostet einen Neubau und verlorene Kunden. Jede der folgenden Phasen ist dazu da, Erkenntnisse nach vorn zu holen.
Bei Odduel, einer Agentur für Kreation und Technologie in Barcelona und São Paulo, durchlaufen Projekte in unserem Bereich UX/UI-Design diese Phasen, ob Website, App oder internes Tool. Der Umfang jeder Phase ändert sich von Projekt zu Projekt, die Reihenfolge kaum.
Kurz gesagt: Der UX-Design-Prozess führt von Research über Struktur, Wireframes, Interface-Design, Prototyp und Tests bis zur Übergabe. Sie liefern Zugänge, Wissen und Entscheidungen. Sie erhalten Erkenntnisse, eine Struktur, Screens, einen getesteten Prototyp und eine Dokumentation. Die Phasen wiederholen sich in kleinen Schleifen. Wenn Sie das Ergebnis einer Phase nicht sehen, fragen Sie danach.
Der UX-Design-Prozess im Überblick
Die Tabelle zeigt, was jede Phase von Ihnen braucht, was Sie erhalten sollten und welchen Anteil am Projekt sie in der Regel einnimmt.
| Phase | Was Sie liefern | Das erhalten Sie | Anteil am Zeitaufwand |
|---|---|---|---|
| 1. Discovery und Research | Ziele, Daten, Zugang zu Nutzern und Mitarbeitenden | Erkenntnisse, Nutzergruppen, wichtigste Nutzerwege, Prioritäten | Klein bis mittel |
| 2. Struktur | Content-Inventar, Geschäftsregeln | Sitemap oder App-Struktur, Navigation, User Flows | Klein |
| 3. Wireframes | Feedback zu Layout und Prioritäten | Skizzenhafte Screens für jede wichtige Seite und jeden wichtigen Schritt | Mittel |
| 4. Interface-Design | Brand Guidelines, Freigaben | Finale Screens, Komponenten, Zustände | Der größte Anteil |
| 5. Prototyp und Tests | Testpersonen oder Zugang zu Kunden | Klickbarer Prototyp, Testergebnisse, umgesetzte Änderungen | Mittel |
| 6. Übergabe und Begleitung | Rückfragen aus der Entwicklung | Designdateien, Komponentenbibliothek, Spezifikationen | Gering, dann laufend |
Phase 1: Analyse und Recherche
Die Discovery-Phase beantwortet drei Fragen: Wer nutzt das Produkt, was wollen die Nutzer damit erreichen, und wo haben sie heute Schwierigkeiten? Zum Research können Interviews mit Kunden und Mitarbeitenden gehören, Analytics-Daten, Support-Tickets, eine Prüfung des bestehenden Produkts und ein Blick darauf, wie Wettbewerber dieselben Aufgaben lösen.
Sie liefern die Ziele, vorhandene Daten und den Zugang zu den richtigen Personen. Rund zehn kurze Interviews mit echten Nutzern zeigen meist mehr als eine umfangreiche Umfrage. Sie erhalten einen kurzen Bericht mit den Erkenntnissen, den wichtigsten Nutzergruppen und Nutzerwegen sowie eine mit Ihnen abgestimmte Prioritätenliste.
Gibt es Ihr Produkt bereits, ist ein Audit oft der schnellste Einstieg. Unsere Checkliste für das UX-Audit zeigt, was eine solche Prüfung umfasst.
Phase 2: Struktur
Die Struktur legt fest, wo alles liegt und wie Nutzer sich dazwischen bewegen: die Sitemap einer Website, die Screens und Flows einer App. Sie entsteht aus dem Research sowie aus Ihren Inhalten und Geschäftsregeln.
Das Ergebnis ist ein Diagramm der Seiten oder Screens, die Hauptnavigation und die Flows für die zentralen Aufgaben, etwa Registrierung, Buchung oder Kauf. Zu keinem Zeitpunkt lässt sich günstiger ändern, was das Produkt enthalten soll. Ein fehlender Schritt ist hier eine Linie im Diagramm. Später ist er ein neuer Screen, neuer Code und neue Tests.
Phase 3: Wireframes
Wireframes sind einfache, reduzierte Layouts jedes wichtigen Screens. Farbe, Bilder und finale Texte fehlen bewusst, damit es im Gespräch um Prioritäten geht: was zuerst erscheint, was zusammengehört und was der Nutzer als Nächstes tut.
Ihre Aufgabe ist zu prüfen, ob das Richtige im Vordergrund steht und ob die Geschäftsregeln stimmen. Bewerten Sie noch nicht die Optik, denn sie ist noch nicht gestaltet. Gute Wireframes decken jede wichtige Seite und jeden Schritt ab, auch die Fälle, in denen etwas schiefgeht oder eine Liste leer ist.
Phase 4: Interface-Design
Im Interface-Design wird die Marke auf die Wireframes übertragen, und aus ihnen werden fertige Screens: Typografie, Farbe, Bildsprache, Icons, Abstände und Animation. Gutes Interface-Design entsteht als System aus Komponenten wie Buttons, Formularen, Cards und Navigation. So lassen sich später neue Screens ergänzen, ohne von vorn anzufangen.
Diese Phase nimmt in der Regel die meiste Designzeit in Anspruch. Sie liefern Brand Guidelines und Freigaben. Sie erhalten finale Screens für jeden Breakpoint oder jedes Gerät, jeden Zustand jeder Komponente (Standard, Hover, Fokus, Fehler, deaktiviert) und eine Komponentenbibliothek, mit der die Entwicklung arbeitet.
Barrierefreiheit gehört in diese Phase, nicht ans Ende. Schriftgröße, Kontrast, Fokuszustände und Touch-Flächen sind Designentscheidungen, und die Web Content Accessibility Guidelines sind die Referenz, auf die sich die meisten europäischen Vorschriften beziehen.
Phase 5: Prototyp und Tests
Ein Prototyp verknüpft die Screens, sodass sich die wichtigsten Aufgaben durchklicken oder durchtippen lassen, als wäre das Produkt echt. Ein Test mit fünf bis acht Personen aus der Zielgruppe deckt in der Regel die meisten gravierenden Probleme eines Ablaufs auf.
Sie helfen bei der Suche nach Testpersonen, idealerweise echten Kunden oder Interessenten. Sie erhalten den Prototyp, eine kurze Zusammenfassung, was die Testpersonen getan haben und wo sie hängen geblieben sind, sowie die Änderungen, die daraus folgten. Ein Test ist keine Prüfung, die man besteht oder nicht besteht. Er ist der günstigste Weg, das Design zu korrigieren, bevor die Entwicklung beginnt.
Phase 6: Übergabe und Begleitung während der Entwicklung
Mit der Übergabe erhält die Entwicklung alles, was sie braucht: die Designdateien, die Komponentenbibliothek, Spezifikationen für Abstände, Verhalten und Animation sowie Antworten auf ihre Fragen. Das Designteam sollte während der Umsetzung eingebunden bleiben, das Umgesetzte prüfen und die Lücken füllen, die erst im Code sichtbar werden.
Nach dem Launch beginnt der Prozess von vorn, in kleineren Schleifen: Analytics und Feedback zeigen, wo Nutzer hängen bleiben, und das Team gestaltet, testet und veröffentlicht Verbesserungen.
Was sollten Sie vor Beginn des UX-Prozesses vorbereiten?
Einiges auf Ihrer Seite macht jede Phase schneller und das Ergebnis besser. Nichts davon erfordert Designkenntnisse.
- Eine Person, die entscheidet. Legen Sie fest, wer jede Phase freigibt. Design im Gremium bremst den Prozess und verwässert das Ergebnis.
- Ihre Ziele in Zahlen, sofern vorhanden. Conversions, Anmeldungen, Supportanfragen oder abgeschlossene Aufgaben: woran auch immer Sie das Produkt messen werden.
- Zugang zu Nutzern. Eine Liste von Kunden oder Interessenten, die sich zwanzig Minuten Zeit für ein Gespräch nehmen, und die Erlaubnis, sie zu kontaktieren.
- Was Sie bereits wissen. Analytics, Support-Tickets, Notizen aus dem Vertrieb, frühere Studien und Beschwerden, die Sie oft hören.
- Rahmenbedingungen. Technische Systeme, von denen das Produkt abhängt, rechtliche Vorgaben, Brand Guidelines und feste Termine.
Liegt das bereit, kann die Discovery-Phase in Tagen statt Wochen starten, und die Nutzerforschung konzentriert sich auf das, was Sie noch nicht wissen.
Wie wiederholen sich die Phasen?
Die Phasen oben stehen der Reihe nach, doch echte Projekte verlaufen in Schleifen. Tests führen zurück zu den Wireframes, die Entwicklung deckt einen fehlenden Zustand auf, Daten nach dem Launch zeigen eine neue Priorität. Ein gesunder Prozess plant diese Schleifen ein, statt sie als Scheitern zu werten.
Wie diese Schleifen ablaufen, hängt von der Vorgehensweise ab. Unser Vergleich agil vs. Wasserfall erklärt, wie sich Design in feste Phasen oder kurze Zyklen einfügt. Für die meisten Projekte schafft eine feste Phase für Discovery und Struktur, gefolgt von Design und Entwicklung in kurzen Zyklen, die richtige Balance aus Planbarkeit und Lernen.
Woran erkennt man gute UX-Arbeit und woran bloße Show?
Manche UX-Prozesse wirken geschäftig, ohne das Produkt zu verändern. An diesen Anzeichen erkennen Sie den Unterschied.
| Gute UX-Arbeit | UX-Theater |
|---|---|
| Forschung mit echten Nutzern, auf wenigen Seiten zu Entscheidungen verdichtet | Lange Berichte, aus denen nichts folgt |
| Personas, die an konkrete Aufgaben und Belege geknüpft sind | Personas, im Workshop erfunden |
| Wireframes auch für Fehler- und Leerzustände | Nur der Happy Path |
| Tests, die das Design verändern | Tests erst, wenn alles entschieden ist |
| Designteam bleibt in der Entwicklung eingebunden | Dateien übergeben und vergessen |
Am Ende jeder Phase lohnt eine einfache Frage: Was haben wir deshalb entschieden? Wenn niemand antworten kann, war die Phase Dekoration.
Häufige Fragen zur Agenturwahl
Welche Phasen hat der UX-Design-Prozess?
Die üblichen Phasen sind Discovery und Research, Struktur (Sitemap oder App-Flows), Wireframes, Interface-Design, Prototyping und Tests sowie die Übergabe an die Entwicklung. Die Bezeichnungen unterscheiden sich von Team zu Team, manche teilen Phasen auf oder legen sie zusammen, doch die Reihenfolge bleibt gleich: Nutzer verstehen, die Struktur festlegen, skizzieren, gestalten, mit echten Menschen testen, dann die Umsetzung begleiten und nach dem Launch weiter verbessern.
Wie lange dauert der UX-Design-Prozess?
Das hängt vom Umfang des Produkts ab und davon, wie schnell Entscheidungen fallen. Bei einer typischen Unternehmenswebsite dauern die Designphasen oft mehrere Wochen, bei einer App mit vielen Abläufen einige Monate. Das Interface-Design nimmt meist den meisten Raum ein. Research und Struktur sind kürzer, sparen später aber die meiste Zeit, weil sie Nacharbeit verhindern.
Was ist der Unterschied zwischen UX- und UI-Design?
UX-Design umfasst das gesamte Nutzungserlebnis: was das Produkt leistet, wie es aufgebaut ist und wie leicht Menschen ihre Aufgaben erledigen. UI-Design ist die visuelle und interaktive Ebene: Typografie, Farbe, Komponenten und Bewegung. Im oben beschriebenen Prozess gehören Research, Struktur, Wireframes und Tests überwiegend zu UX, das Interface-Design zu UI. Gute Projekte behandeln beides als durchgehende Arbeit.
Brauche ich User Research, wenn ich meine Kunden schon kenne?
Meist ja, wenn auch in kleinem Rahmen. Teams kennen ihre Kunden oft gut im Allgemeinen, aber nicht, wie sie sich bei einer bestimmten Aufgabe am Bildschirm verhalten. Eine Handvoll Interviews und ein Test mit einem Prototyp decken immer wieder Probleme auf, die internem Wissen entgehen. Research kann klein und schnell sein; wer ganz darauf verzichtet, zahlt später meist mehr.
Was sollte ich am Ende eines UX-Projekts erhalten?
Sie sollten die Ergebnisse der Research und die Prioritäten erhalten, die Struktur und die wichtigsten Abläufe, Wireframes, finale Screens für jedes Gerät und jeden Zustand, eine Komponentenbibliothek, einen getesteten Prototyp samt den Änderungen, die daraus folgten, und Spezifikationen für die Entwicklung. Ist das Produkt bereits live, kommt ein Plan dazu, wie Sie das Nutzerverhalten messen und was als Nächstes verbessert wird.
Wenn Sie eine Website oder App planen, lassen Sie sich von jedem Designpartner die Ergebnisse jeder Phase zeigen, bevor Sie einem Preis zustimmen, und halten Sie diese Tabelle während des Projekts griffbereit. Unsere Leistung UX/UI-Design deckt jede Phase ab, von User Research bis zur Übergabe an die Entwicklung. Erzählen Sie uns, was Sie entwickeln.
