Phasen des benutzerzentrierten Designprozesses | Der ultimative UX-Leitfaden Nr. 9

In unserem vorherigen Beitrag haben wir einen benutzerzentrierten Prozess definiert. Heute werden wir die Phasen des benutzerzentrierten Designs skizzieren. Wir schlagen auch vor, wann und wie der Designprozess gestartet werden kann, und erklären die Bedeutung von Persona für das Endprodukt. Lehnen Sie sich ohne weiteres zurück und werfen Sie einen Blick auf unseren Artikel.

Phasen des nutzerzentrierten Designprozesses – Inhaltsverzeichnis:

1. Benutzerzentrierter Designprozess auf den Punkt gebracht
2. Die erste Stufe – Empathie
3. Phase zwei – Erstellung des Konzepts
4. Phase drei – Design
5. Stufe vier – Usability-Tests
6. Benutzerzentrierter Gestaltungsprozess – Zusammenfassung

Benutzerzentrierter Designprozess auf den Punkt gebracht

User-Centered Design ist ein Ansatz zur Entwicklung und Gestaltung von Lösungen, der die Benutzer in den Mittelpunkt stellt und sie in den Mittelpunkt des Prozesses stellt. Ihre Bedürfnisse, Wünsche, Erwartungen, Probleme und Schmerzen werden zur Essenz der Untersuchung und Kreation. Wir haben die User-Centered-Design-Methodik, ihre Prinzipien und Vor- und Nachteile ausführlicher in unserem vorherigen Artikel „User-Centered Design und ihre Hauptprinzipien“ vorgestellt.

Zur kurzen Zusammenfassung besteht der benutzerzentrierte Designprozess im Wesentlichen aus vier Phasen , die zyklisch wiederholt werden, bis eine optimale Benutzerfreundlichkeit erreicht und die wichtigsten Benutzeranforderungen erfüllt werden.

Die erste Stufe – Empathie

Die erste Stufe betrifft die Recherche, die darauf abzielt, sich einzufühlen – also die Probleme, Schmerzen, Routinen, Gewohnheiten, Anforderungen, Bedürfnisse und Wünsche unserer Nutzer wahrzunehmen. Zu Beginn dieser Phase identifizieren wir die Zielgruppe und beobachten sie genau. Schlussfolgerungen und Bewertungen in der natürlichen (in der Sprache der Wissenschaft kontrollierten) Umgebung liefern die wertvollsten Erkenntnisse und zuverlässigsten Daten.

Unsere echten UX-Daten ermöglichen es Designern, die Persona oder Protopersona zu skizzieren – ein Bild des „idealen Benutzers“. Persona ist ein Schlüsselelement im benutzerzentrierten Designprozess, da es uns in jeder nachfolgenden Phase auf den Benutzer konzentriert.

Personen basieren auf Forschungsergebnissen – Umfragen, Tiefeninterviews und Schreibtischforschung, während Protopersonen die Vorstellungen von Designern über den Benutzer sind – sie werden durch das beste verfügbare Wissen über Benutzer gestützt. Protopersonen werden daher weniger detailliert und genau sein, während in Situationen, in denen eingehende Recherchen und Personas nicht möglich sind, Protopersonen die richtige Lösung zu sein scheinen. Natürlich hängt alles vom Unternehmen, dem Projekt und dem Produkt ab, sowie vom Budget, der Größe des UX-Teams und der verfügbaren Zeit.

Basierend auf den Forschungsergebnissen können UX-Designer in dieser Phase auch Empathy Maps, User Stories, User Flow oder Customer Journey Maps erstellen. All diese Tools ermöglichen es den Designern, sich in den Benutzer einzufühlen und seine Bedürfnisse noch besser zu verstehen. Ein gutes Verständnis ihrer Motivationen, Frustrationen und Wünsche sowie die Bestimmung zB ihres Kaufpfads im Falle von E-Commerce ermöglicht es, eine Lösung zu schaffen, die die Bedürfnisse der Benutzer in späteren Phasen erfüllt.

Phase zwei – Erstellung des Konzepts

Phase zwei konzentriert sich auf die Ideenfindung (Ideation), basierend auf den Forschungsergebnissen aus der vorherigen Phase. In diesem Fall ist Team-Brainstorming sowie andere kreative Techniken eine gute Praxis, um zahlreiche Konzepte, Ideen und Lösungen hervorzubringen. Dann müssen nur die besten kollektiv ausgewählt werden, die in die Hypothesenmatrix aufgenommen werden.

Dort stellen wir die Ideen den geschäftlichen Anforderungen gegenüber. Dies hilft einzuschätzen, ob eine bestimmte Lösung zu einem bestimmten Geschäftsergebnis führt, z. B. Steigerung der Conversions, Verringerung der Abbruchrate des Einkaufswagens, Zunahme der Anzahl wiederkehrender Benutzer, Verlängerung der Sitzungsdauer auf der Website, Anstieg der Anzahl von neue Nutzer oder Steigerung der Seitenaufrufe.

Im nächsten Schritt analysieren wir die Hypothesen hinsichtlich ihrer Bedeutung für den Nutzer und der Schwierigkeit der Umsetzung. Funktionen, die für den Benutzer relativ wichtig und zeitlich oder finanziell machbar sind, werden in der ersten Iteration implementiert.

Funktionen und Lösungen, die etwas weniger wichtig oder schwieriger zu implementieren sind, können für spätere Iterationen geplant werden. Andererseits können Ideen, die sich aus Anwendersicht als wenig wichtig herausstellen oder als extrem schwierig umsetzbar eingeschätzt werden, aus dem Hypothesenpool gestrichen werden. Dieses Diagramm wird als Moskauer Priorisierung (Moskau-Diagramm) bezeichnet und ermöglicht es Ihnen, Schlüssellösungen für den Benutzer zu identifizieren und diese innerhalb des geplanten Budgets und Zeitrahmens umzusetzen.

Phase drei – Design

Die dritte Phase betrifft das Design – die Übersetzung der generierten Lösungen in Mockups. Diese Phase beginnt mit der Erstellung einer Sitemap und dem Entwurf der Informationsarchitektur. Es besteht aus dem Skizzieren des Seitenlayouts, des Hauptmenüs, der Registerkartenfunktionen usw. auf jeder Unterseite.

Nach diesem anfänglichen Layout können Designer mit der Erstellung der ersten Lo-Fi-Modelle fortfahren. Dies sind Modelle mit wenig Details, normalerweise in Schwarz, Weiß und verschiedenen Grautönen. Ihre Aufgabe ist es, die Größe und das Layout einzelner Elemente wie Navigation, Bilder, Text, Links und Schaltflächen darzustellen. Hier mangelt es oft an Details, da sich die Mockups auf die wesentlichen Teile des Produkts konzentrieren.

Allerdings lohnt es sich, sich schon jetzt um den Inhalt zu kümmern und von Lorem ipsum die Finger zu lassen. In Zusammenarbeit mit einem Texter, Inhaltsschreiber oder UX-Schreiber ist es gut, zuerst Inhalte (zumindest eine Vorschau) zu erstellen, um zu wissen, wie bestimmte Überschriften auf der Seite aussehen oder wie viel Platz zB Produktbeschreibungen einnehmen werden.

Derzeit können Sie leicht nach Hilfe suchen, da es auf dem Markt viele Interface-Design-Tools wie Figma gibt. Es ist ein Standard für das Entwerfen und Erstellen von Prototypen (insbesondere in der IT-Branche). Allerdings handelt es sich um ein relativ neues Tool. Früher gab es Sketch und Adobe XD.

Stufe vier – Usability-Tests

Die letzte Phase (theoretisch) besteht aus Usability-Tests mit potenziellen Benutzern. So prüfen Designer, ob die vorgeschlagenen Lösungen den Erwartungen der Nutzer entsprechen. Wir müssen Usability-Tests in einer neutralen, sicheren Umgebung durchführen. Dazu müssen wir den richtigen Ort finden, ein Testszenario schreiben und Teilnehmer rekrutieren.

Solche Tests bestehen darin, den Benutzer aufzufordern, mehrere Aktionen an einem Prototyp durchzuführen. Je nach Produkt können die Aufgaben das Hinzufügen eines Produkts zum Warenkorb, die Registrierung auf der Website, das Auffinden eines bestimmten Produkts in der Produktliste oder das Auffinden von Kontaktdaten betreffen. Die Aufgaben erfordern Einfachheit und Kohärenz beim Lösen, einige Zeit, um sie zu bekommen, müssen Sie den Benutzern einige zusätzliche Fragen stellen.

Denken Sie jedoch daran, die Fragen zu vermeiden, die Vorschläge und Beschwörungen enthalten. Zum Beispiel, indem Sie fragen, wie sehr Ihnen dieser Button gefällt? – Wir suggerieren unseren Benutzern, dass ihnen die Schaltfläche gefällt, auch wenn dies möglicherweise nicht der Fall ist. Außerdem ist es gut, sich eher auf die Funktionalität als auf die visuellen Aspekte der Seite zu beziehen – schließlich ist es nur ein Dummy-Modell.

Bei Usability-Tests dürfen wir die Nutzer auf keinen Fall bewerten – wir sollten prüfen, wie sie sich auf der Website bewegen und ob die Website für sie verständlich und intuitiv ist. Es ist eine gute Praxis, die Tests mit einer kurzen Einführung des Benutzers in das Thema zu beginnen – Sie können sich vorstellen, ein paar Worte über das Projekt erzählen und ihm für seine Teilnahme danken.

Es muss betont werden, dass seine/ihre Rolle in diesem Prozess für uns von entscheidender Bedeutung ist. Fügen Sie auch hinzu, ob und wie Sie den Test aufzeichnen oder ob andere Personen (Beobachter) vorher teilnehmen werden. Während des Tests dürfen wir den Benutzer nicht anleiten oder vorschlagen, was er tun oder wo er klicken soll.

Nach den Usability-Tests sehen sich die Designer die Aufzeichnungen an und überprüfen die Notizen, auf deren Grundlage sie einen Bericht mit den Testergebnissen erstellen. Eine solche Zusammenfassung ermöglicht es, wiederkehrende Probleme der Testteilnehmer zu identifizieren und entsprechende Änderungen am Design vorzuschlagen.

Benutzerzentrierter Gestaltungsprozess – Zusammenfassung

Obwohl der User-Centered-Design-Prozess theoretisch aus vier Phasen besteht, sieht es nicht immer so aus. Nach den ersten Usability-Tests müssen Sie möglicherweise zur Mock-up-Phase zurückkehren und Änderungen an der Informationsarchitektur, den Funktionalitäten oder Elementen der Website/Anwendung vornehmen (Phase 3). Vielleicht müssen Sie das Konzept überdenken und verbessern (Stufe 2) oder sogar zur Empathie zurückkehren und zusätzliche Recherchen durchführen oder das Know-how oder die Benutzer ausgraben (Stufe 1).

Ein solch flexibles Modell ermöglicht eine kontinuierliche Verbesserung der Produktfunktionalität, -leistung und -optik. Alles, um die tatsächlichen Bedürfnisse der Benutzer perfekt zu erfüllen und die besten Lösungen zu liefern.

Wenn Ihnen unsere Inhalte gefallen, werden Sie Teil unserer fleißigen Bienen-Community auf Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest.

Autorin: Klaudia Kowalczyk

Ein Grafik- und UX-Designer, der das ins Design bringt, was sich nicht in Worte fassen lässt. Für ihn hat jede verwendete Farbe, Linie oder Schrift eine Bedeutung. Leidenschaft für Grafik- und Webdesign.

Alle Beiträge anzeigen

Der ultimative UX-Leitfaden:

1. Was ist UX – und was NICHT
2. UX und UI – sind sie vergleichbar?
3. 7 Faktoren der (herausragenden) User Experience
4. Wissen Sie, was UX-Design bedeutet?
5. Gestalten Sie Benutzererlebnisse? Kümmere dich um diese Dinge!
6. 10 Usability-Heuristiken für UX-Design, die Sie kennen müssen
7. Der UX-Designprozess in 5 einfachen und einfachen Schritten
8. User-Centered Design und seine Grundprinzipien
9. Phasen des User-Centered-Design-Prozesses
10. Was ist Kundenerfahrung?
11. Benutzererlebnis vs. Kundenerlebnis. Eine einfache Erklärung ihrer Beziehung
12. Was ist ein Markenerlebnis?
13. Was ist Mensch-Computer-Interaktion (HCI)?
14. Warum UX wichtig ist
15. Benutzerfreundlichkeit vs. Funktionalität in UX
16. Beispiele für gutes UX-Design