UX/UI-Design für Unternehmen bedeutet festzulegen, wie eine Website, eine App oder ein Softwareprodukt für die Menschen funktioniert, die es nutzen (UX, User Experience), und wie es auf dem Bildschirm aussieht und reagiert (UI, User Interface). Für Unternehmen bedeutet gutes UX/UI-Design weniger abgebrochene Formulare und Warenkörbe, weniger Supportanfragen und ein Produkt, das Menschen gern nutzen. Es entsteht aus Recherche mit echten Nutzern, getesteten Prototypen, einem einheitlichen Designsystem und von Anfang an eingeplanter Barrierefreiheit. Dieser Leitfaden richtet sich an alle, die Design beauftragen: wo Sie anfangen, was ein Projekt umfasst, was Sie erhalten, was die Kosten bestimmt, die EU-Regeln, die Wahl des Partners und die Messung der Ergebnisse.
Zuletzt aktualisiert: 3. November 2026.
Was ist UX/UI-Design?
UX-Design ist die Struktur und Logik eines digitalen Produkts: was Menschen tun müssen, die Schritte dorthin, die Informationen, die sie bei jedem Schritt brauchen, und was passiert, wenn etwas schiefgeht. UI-Design ist die sichtbare Ebene: Layout, Schrift, Farbe, Buttons, Icons, Bewegung und jeder Zustand jeder Komponente.
Beides sind getrennte Fähigkeiten, die voneinander abhängen. Eine schöne Oberfläche auf einem verwirrenden Ablauf verliert trotzdem Kunden; ein logischer Ablauf mit nachlässiger Oberfläche wirkt nicht vertrauenswürdig. Die meisten Projekte brauchen beides, in dieser Reihenfolge.
Einen tieferen Blick auf die Disziplinen selbst bietet unser Ratgeber zum UX/UI-Design, der Begriffe und Methoden erklärt. Dieser Artikel konzentriert sich darauf, die Arbeit zu beauftragen und zu führen. Bei Odduel, einer Agentur für Kreation und Technologie in Barcelona und São Paulo, umfasst unsere Leistung UX/UI-Design Recherche, Abläufe, Prototypen, Oberflächen und Designsysteme für Websites, Apps und Business-Software.
Kurz gesagt: Gehen Sie von einem messbaren geschäftlichen Problem aus. Sprechen Sie mit echten Nutzern, bevor Sie gestalten. Testen Sie Prototypen, bevor Sie bauen. Verlangen Sie ein Designsystem, keinen Stapel Screens. Planen Sie Barrierefreiheit ab dem ersten Wireframe ein. Messen Sie Aufgabenerfolg, Conversion und Supportanfragen vorher und nachher.
Warum ist UX/UI-Design für ein Unternehmen wichtig?
UX/UI-Design ist wichtig, weil jede Reibung in einem digitalen Produkt Geld kostet: ein Kunde, der ein Formular aufgibt, eine Mitarbeiterin, die ein langsames Tool umgeht, eine Supportanfrage, die eine klarere Ansicht verhindert hätte.
- Umsatz: Klarere Produktseiten, Checkouts und Formulare machen mehr Ihrer bestehenden Besucher zu Kunden.
- Kosten: Gutes Design senkt Supportanfragen, Einarbeitungszeit und Fehler in internen Tools.
- Effizienz in der Entwicklung: Probleme, die im Prototyp gefunden werden, kosten einen Bruchteil der Probleme, die nach dem Launch auftauchen.
- Marke: In der Oberfläche erleben die meisten Kunden die Marke am häufigsten.
- Reichweite: Barrierefreies Design öffnet das Produkt für alle, auch für Menschen mit Behinderungen und ältere Nutzer.
Wo sollte ein Unternehmen mit UX/UI-Design anfangen?
Beginnen Sie mit einem Problem und den Belegen dafür, nicht mit dem Wunsch nach neuen Screens.
- Benennen Sie das Problem. „Die Hälfte der neuen Nutzer schließt die Registrierung nie ab“ ist ein Designproblem. „Die App wirkt alt“ kann auch eines sein, braucht aber Belege.
- Sammeln Sie, was Sie wissen. Analytics, Support-Tickets, Rückmeldungen aus dem Vertrieb, Bewertungen und frühere Recherchen.
- Definieren Sie die Nutzer. Die wichtigsten Gruppen, was sie zu tun versuchen und in welchem Kontext (unterwegs, am Schreibtisch, in Eile).
- Legen Sie die Messgrößen fest. Zwei oder drei Kennzahlen, die das Design bewegen soll: Abschlussrate, Zeit pro Aufgabe, Conversion, Supportanfragen.
- Klären Sie den Umfang. Ein neues Produkt, ein Redesign der wichtigsten Abläufe oder Verbesserungen am Bestehenden. Eine Checkliste für den UX-Audit hilft bei der Entscheidung.
- Benennen Sie die Entscheider. Wer gibt frei, und wie viele Feedbackrunden wird es geben?
Was umfasst ein UX/UI-Design-Projekt in der Praxis?
Ein UX/UI-Design-Projekt umfasst fünf Phasen, und jede verringert die Unsicherheit vor der nächsten. Unser Artikel zum UX-Design-Prozess beschreibt jede Methode im Detail; hier steht, was jede Phase für Sie als Kunde bedeutet.
Research
Interviews, Beobachtung, Analytics-Auswertung und Wettbewerbsanalyse zeigen, wie Menschen das Produkt heute nutzen und wo sie hängen bleiben. Erwarten Sie eine kurze Zusammenfassung der Erkenntnisse, keinen dicken Bericht.
Struktur und Abläufe
Die Informationsarchitektur ordnet Inhalte und Funktionen; User Flows bilden jede Aufgabe Schritt für Schritt ab. Hier entsteht der größte Teil des UX-Werts, oft bevor ein einziger Screen gezeichnet ist.
Wireframes und Prototypen
Wireframes legen jeden Screen in einfacher Form an. Klickbare Prototypen verknüpfen sie, damit Menschen das Produkt ausprobieren können. Tests mit einer Handvoll echter Nutzer pro Runde decken in der Regel die wichtigsten Probleme auf.
Interface-Design
Das visuelle Design überträgt die Marke auf jeden Screen und jede Komponente, definiert Zustände (leer, ladend, Fehler, Erfolg) und legt Bewegung und responsives Verhalten vom Smartphone bis zum Desktop fest.
Designsystem und Übergabe
Komponenten, Stile und Regeln werden in einem Designsystem dokumentiert, damit die Entwicklung einheitlich baut und künftige Screens stimmig bleiben. Zur Übergabe gehören Spezifikationen, Assets und Unterstützung während der Entwicklung.
Was sollte ein UX/UI-Design-Projekt liefern?
Die Ergebnisse hängen vom Umfang ab, doch ein klares Angebot listet sie auf, damit Sie wissen, was Sie kaufen.
| Ergebnis | Was sie ist | Warum es wichtig ist |
|---|---|---|
| Zusammenfassung der Recherche | Erkenntnisse aus Nutzern, Daten und Wettbewerb | Stützt Entscheidungen auf Belege statt auf Meinungen |
| User Flows und Sitemap | Die Struktur und die Schritte jeder Aufgabe | Klärt die Logik vor der visuellen Arbeit |
| Wireframes | Einfache Layouts jedes Screens | Schnell zu ändern, leicht zu prüfen |
| Klickbarer Prototyp | Verknüpfte Screens zum Ausprobieren | Ermöglicht Tests vor dem Bau |
| Ergebnisse der Usability-Tests | Was Nutzer getan haben und wo sie hängen geblieben sind | Zeigt, was zu ändern ist und warum |
| Interface-Designs | Finale Screens in jedem Zustand und jeder Größe | Was die Entwicklung baut |
| Designsystem | Komponenten, Stile und Nutzungsregeln | Einheitlichkeit und schnellere künftige Arbeit |
Unsere Designarbeit an der Website von Fab Mater zeigt eine durchgehende Designsprache über Smartphone- und Desktop-Layouts hinweg.
Wie lange dauert UX/UI-Design?
Ein fokussiertes Redesign von einem oder zwei Schlüsselabläufen kann einige Wochen dauern; ein neues Produkt mit Recherche, mehreren Testrunden und vollständigem Designsystem einige Monate. Der Zeitplan hängt vom Umfang, vom Zugang zu Nutzern für Recherche und Tests und davon ab, wie schnell Entscheidungen fallen.
Design und Entwicklung überschneiden sich meist: Sobald Struktur und System stehen, kann die Entwicklung mit den ersten Abläufen beginnen, während das Design den Rest fertigstellt.
Was bestimmt die Kosten für UX/UI-Design?
Die Kosten für UX/UI-Design hängen von der Tiefe der Recherche, der Zahl der Abläufe und Screens und der Breite des Designsystems ab. Preisspannen veröffentlichen wir nicht, weil eine faire Zahl auf einem kurzen Briefing beruht, doch jedes Angebot setzt sich aus diesen Positionen zusammen.
- Tiefe der Recherche: Desk Research und Analytics kosten einen Bruchteil von Interviews mit mehreren Nutzergruppen in mehreren Ländern.
- Zahl der Abläufe und individuellen Screens: der wichtigste Treiber des Designaufwands.
- Plattformen: nur Web oder Web plus iOS und Android, jeweils mit eigenen Konventionen.
- Testrunden: Jede Runde Usability-Tests bringt Vorbereitung, Sessions und Auswertung mit sich.
- Breite des Designsystems: Eine kleine Komponentenbibliothek ist weit kleiner als ein vollständiges System mit Dokumentation für mehrere Produkte.
- Grad der Barrierefreiheit: Gestaltung und Prüfung auf ein festgelegtes Niveau bedeuten mehr Arbeit und vermeiden teure Korrekturen später.
- Sprachen: Layouts müssen in jeder Sprache längere Wörter und andere Textlängen aushalten.
Welche Regeln zur Barrierefreiheit betreffen UX/UI-Design in Europa?
Barrierefreiheit ist der Bereich, in dem europäische Regeln Designentscheidungen am direktesten prägen.
- Der European Accessibility Act erfasst viele digitale Dienste für Verbraucher wie E-Commerce und Banking und verlangt, dass sie für Menschen mit Behinderungen nutzbar sind.
- Öffentliche Stellen müssen ihre Websites und Apps nach eigenen EU-Regeln barrierefrei gestalten.
- Die technische Referenz für beides sind die Web Content Accessibility Guidelines des W3C: ausreichender Farbkontrast, skalierbarer Text, vollständige Bedienung per Tastatur, klare Fokuszustände, beschriftete Formularfelder, Fehlermeldungen, die erklären, wie sich der Fehler beheben lässt, und Inhalte, die mit Screenreadern funktionieren.
Der größte Teil der Barrierefreiheit wird im Design entschieden: Kontrast, Schriftgröße, Größe der Klickflächen, Fokusreihenfolge und Fehlerzustände. Im Designsystem eingeplant kostet sie wenig, nach dem Launch nachgebessert viel.
Wie verändert KI das UX/UI-Design?
KI-Tools helfen inzwischen bei Teilen der Arbeit, etwa beim Zusammenfassen von Recherchen, beim Erzeugen von Layoutvarianten und beim Entwerfen von Texten, und Produkte enthalten immer häufiger KI-Funktionen, die eigene Designmuster brauchen. Recherche mit echten Nutzern, Urteilsvermögen und Barrierefreiheit bleiben Aufgaben von Menschen. Unser Artikel zu KI im UX-Design behandelt beide Seiten.
Wie wählen Sie eine UX/UI-Design-Agentur?
Wählen Sie einen Partner, dessen Prozess Ihre Nutzer einbezieht, nicht nur Ihre internen Beteiligten.
- Fragen Sie, wie er recherchiert. Er sollte mit Nutzern sprechen oder echte Daten auswerten, bevor er gestaltet.
- Fragen Sie, wie er testet. Prototyp-Tests mit echten Nutzern sollten Routine sein, kein Extra.
- Sehen Sie sich Produkte an, keine Mock-ups. Lassen Sie sich Live-Produkte zeigen und was sich nach dem Launch verändert hat.
- Fragen Sie nach Designsystemen. Sie brauchen wiederverwendbare Komponenten, keine Sammlung statischer Screens.
- Fragen Sie nach Barrierefreiheit. Er sollte das Niveau nennen, auf das er gestaltet, und wie er es prüft.
- Fragen Sie, wie er mit der Entwicklung zusammenarbeitet. Übergabe und Unterstützung während des Baus entscheiden, ob das Design überlebt.
Woran messen Sie, ob UX/UI-Design wirkt?
Sie messen UX/UI-Design am Nutzerverhalten und an Geschäftsergebnissen, verglichen mit dem Ausgangspunkt.
- Aufgabenerfolgsrate: der Anteil der Nutzer, die Schlüsselaufgaben abschließen, in Tests und in Analytics.
- Zeit pro Aufgabe: wie lange Schlüsselaufgaben dauern.
- Conversion-Rate: Registrierungen, Anfragen oder Käufe in den neu gestalteten Abläufen.
- Fehler- und Abbruchraten: wo Nutzer scheitern oder aussteigen.
- Supportanfragen: Menge und Themen zu den neu gestalteten Bereichen.
- Zufriedenheit: kurze Umfragen oder Bewertungen nach Schlüsselaufgaben.
Erfassen Sie diese Werte, bevor das Projekt beginnt. Ohne Ausgangswert kann niemand sagen, ob das Design gewirkt hat.
Häufige Fragen zur Agenturwahl
Was ist der Unterschied zwischen UX- und UI-Design?
UX-Design legt fest, wie ein Produkt funktioniert: die Struktur, die Schritte jeder Aufgabe und die Informationen, die Menschen unterwegs brauchen. UI-Design legt fest, wie es aussieht und reagiert: Layout, Schrift, Farbe, Buttons und Bewegung. UX kommt zuerst und formt den Ablauf; UI macht ihn klar, einheitlich und angenehm in der Nutzung.
Brauchen kleine Unternehmen UX/UI-Design?
Ja, passend zu ihrer Größe. Ein kleines Unternehmen braucht vielleicht kein umfangreiches Rechercheprogramm, profitiert aber davon, seine wichtigsten Seiten und Formulare mit einigen echten Kunden zu testen, von einer klaren Struktur und einer einheitlichen Oberfläche. Kleine Verbesserungen an einem Kontaktformular oder Checkout zahlen sich oft schnell aus.
Wie viele Nutzer braucht man für Usability-Tests?
Eine Handvoll Nutzer pro Runde deckt meist den Großteil der wesentlichen Probleme in einem Ablauf auf, weil sich dieselben Probleme von Session zu Session schnell wiederholen. Besser sind mehrere kleine Runden mit Korrekturen dazwischen als eine große Runde. Unterschiedliche Nutzergruppen brauchen eventuell jeweils eigene Sessions.
Was ist ein Designsystem, und brauchen wir eines?
Ein Designsystem ist ein dokumentierter Satz wiederverwendbarer Komponenten, Stile und Regeln, etwa Buttons, Formulare, Schrift und Farbe, den Design und Entwicklung gemeinsam nutzen. Jedes Produkt, das wachsen oder von mehreren Menschen gepflegt werden soll, profitiert davon, weil es Screens einheitlich hält und neue Arbeit schneller und günstiger macht.
Wie hängen UX/UI-Design und Entwicklung zusammen?
Das Design legt fest, was gebaut wird und wie es funktionieren soll; die Entwicklung baut es. Am besten arbeiten beide eng zusammen: Die Entwicklung prüft Entwürfe früh auf Machbarkeit, das Design begleitet den Bau und prüft das Ergebnis, und das Designsystem wird im Code gespiegelt. Eine Übergabe ohne diesen Kontakt führt oft zu Kompromissen, die niemand gewählt hat.
Wählen Sie eine Schlüsselaufgabe in Ihrem Produkt und sehen Sie drei Kunden dabei zu, wie sie sie versuchen: Dann wissen Sie, wo Sie anfangen. Wenn Sie daraus besseres Design machen wollen, sehen Sie sich unsere Leistung UX/UI-Design an oder erzählen Sie uns von Ihrem Produkt.
