UI/UX-Design-Services

Was umfasst ein UI/UX-Design-Service?

Ein UI/UX-Design-Service umfasst alle Arbeiten, die festlegen, wie ein digitales Produkt genutzt wird – von der Nutzerforschung über Informationsarchitektur und Prototyping bis zu Interface-Design und Usability-Tests. Ziel ist es, den Weg des Nutzers zu vereinfachen, bevor die Screens verschönert werden.

Je nach Projektbedarf kann der Umfang folgende Ergebnisse umfassen:

• 01

  Rechercheergebnisse

  Eine Zusammenfassung von Nutzerbedürfnissen, Erwartungen und Schwachstellen.

• 02

  Informationsarchitektur

  Inhalte und Funktionen strukturiert in Menüs, Seiten und Kategorien.

• 03

  User Flows

  Eine Schritt-für-Schritt-Karte zentraler Vorgänge wie Registrierung, Bewerbung oder Kauf.

• 04

  Wireframes

  Skizzen der Screen-Layouts – unabhängig von Farben und Bildern.

• 05

  Interaktiver Prototyp

  Ein funktionierendes Modell, in dem sich Übergänge zwischen Screens per Klick testen lassen.

• 06

  Interface-Design

  Screens für verschiedene Geräte, passend zur visuellen Identität Ihrer Marke.

• 07

  Komponenten und Nutzungshinweise

  Regeln für wiederverwendete Elemente – von Buttons bis zu Formularen – sowie Hinweise für Entwickler.

Welche Ergebnisse zum Projekt gehören, wird im Angebot festgelegt – je nach Produktphase und Bedarf Ihres Teams.

Warum kommt UX-Recherche vor dem Design?

Nutzerforschung sorgt dafür, dass Designentscheidungen nicht auf persönlichen Meinungen beruhen, sondern auf den tatsächlichen Bedürfnissen und dem Verhalten der Nutzer. Screens, die entworfen werden, bevor das Problem richtig definiert ist, werden oft zu einer gut aussehenden Antwort auf die falsche Frage.

In der Recherchephase suchen wir vor allem Antworten auf diese Fragen:

• Zu welchem Zweck und unter welchen Bedingungen nutzen Ihre Nutzer Ihr Produkt?
• An welchem Schritt haben sie Schwierigkeiten, an welcher Stelle brechen sie ab?
• Wo auf dem Screen erwarten sie die gesuchte Information?
• Auf welche Themen konzentrieren sich Supportanfragen und Feedback?
• Welche Verhaltensweisen kennen sie von ähnlichen Produkten und erwarten sie auch von Ihnen?

Diese Antworten erleichtern die Entscheidung, welcher Screen zuerst angegangen wird und welches gelöste Problem den Nutzern den größten Mehrwert bringt.

Was klären Wireframe und Prototyp vor der Entwicklung?

Ein Wireframe zeigt das Gerüst der Screens, ein Prototyp die Interaktion zwischen ihnen. Zusammen machen sie Abläufe sichtbar und testbar, bevor die Software entwickelt wird. So werden Entscheidungen diskutiert, ehe Code geschrieben ist – in einer Phase, in der Änderungen noch leichtfallen.

• Teams sprechen über denselben Ablauf, und Interpretationen werden eindeutig.
• Fehlende Screens und übersehene Zustände fallen früh auf.
• Fehlermeldungen, leere Zustände und Hinweise werden eingeplant.
• Unterschiede zwischen Mobil und Desktop werden von Anfang an berücksichtigt.
• Nutzertests sind möglich, ohne auf die Entwicklung des Produkts zu warten.
• Das Entwicklungsteam sieht konkret, was umgesetzt werden soll.

Im Prototyp geklärte Abläufe gehen anschließend mit weniger Unklarheiten in die individuelle Webentwicklung oder die Entwicklung einer mobilen App über.

Wie wird ein Usability-Test durchgeführt?

Bei einem Usability-Test bitten Sie Personen, die Ihre Zielgruppe repräsentieren, bestimmte Aufgaben zu erledigen, und beobachten, wo sie zögern und wo ihnen Fehler unterlaufen. Geprüft wird dabei nicht der Nutzer, sondern das Design selbst.

Einen Test planen wir meist in dieser Reihenfolge: Zuerst wählen wir die kritischen Aufgaben des Produkts aus und schreiben dafür realistische Szenarien. In den Sitzungen beobachten wir, ohne einzugreifen, wie die Teilnehmenden vorgehen, und notieren unsere Beobachtungen. Abschließend priorisieren wir die Erkenntnisse nach ihrer Wirkung und legen fest, welche Anpassungen zuerst erfolgen.

Getestet werden kann sowohl in der Prototyp-Phase als auch an einem bereits live geschalteten Produkt. Frühe Tests sollen Probleme sichtbar machen, solange sie sich noch leichter beheben lassen.

Wie läuft ein UI/UX-Designprojekt ab?

Ein UI/UX-Projekt besteht aus diesen Phasen: die Ausgangslage verstehen, Abläufe aufbauen, das Design validieren und an das Entwicklungsteam übergeben.

1. 01

   Wir prüfen Ausgangslage und Ziele

   Wir bewerten Ihr Produkt, Ihre Nutzer und Ihre Geschäftsziele. Vorhandene Screens, Nutzungsdaten und Nutzerfeedback sehen wir gemeinsam durch.

2. 02

   Wir entwerfen Abläufe und Informationsarchitektur

   Wir legen die zentralen Customer Journeys und die Screen-Struktur fest und machen sie mit Wireframes und Prototypen sichtbar.

3. 03

   Wir testen und gestalten das Interface

   Wir testen den Prototyp mit realen Nutzungsszenarien und passen ihn anhand der Erkenntnisse an. Die freigegebene Struktur überführen wir in ein markengerechtes Interface-Design.

4. 04

   Wir übergeben an das Entwicklungsteam

   Screens, Komponenten und Interaktionshinweise bereiten wir umsetzungsfertig auf. Bei Fragen, die während der Entwicklung aufkommen, arbeiten wir eng mit dem Team zusammen.

Worauf sollten Sie bei der Wahl einer UI/UX-Agentur achten?

Achten Sie bei der Bewertung einer UI/UX-Agentur nicht nur auf Screenshots, sondern darauf, wie Designentscheidungen begründet werden und wie der Prozess abläuft. Ein visuell beeindruckendes Portfolio allein belegt noch nicht, dass recherchiert und getestet wurde.

Wir empfehlen Ihnen, in Gesprächen diese Fragen zu stellen:

• Welche Recherchen werden vor dem Design durchgeführt?
• Wird der Prototyp mit Nutzern getestet?
• Wie laufen Revisionen und Freigaben ab?
• Werden auch Fehler, leere Zustände und Hinweise gestaltet?
• Welche Dateien und Hinweise erhält das Entwicklungsteam?
• Gibt es nach dem Livegang Unterstützung bei Optimierungen?

Einer der häufigsten Fehler, die wir sehen, ist der direkte Sprung ins Screen-Design, bevor die Produktstrategie geklärt ist. Gehören auch Product Discovery, MVP-Umfang und Designsystem zu Ihrem Bedarf, empfehlen wir Ihnen unseren Service Digitales Produktdesign.