Phasen des benutzerzentrierten Designprozesses | Der ultimative UX-Leitfaden #9

In unserem vorherigen Beitrag haben wir einen benutzerzentrierten Prozess definiert. Heute werden wir die Phasen des benutzerzentrierten Designs skizzieren. Wir werden auch vorschlagen, wann und wie der Designprozess gestartet werden kann, sowie die Bedeutung von Personas für das Endprodukt erklären. Ohne weitere Umschweife, lehnen Sie sich zurück und werfen Sie einen Blick auf unseren Artikel.

Phasen des benutzerzentrierten Designprozesses – Inhaltsverzeichnis:

  1. Benutzerzentrierter Designprozess in Kürze
  2. Die erste Phase – Empathie
  3. Phase zwei – Konzeptentwicklung
  4. Phase drei – Design
  5. Phase vier – Usability-Tests
  6. Benutzerzentrierter Designprozess – Zusammenfassung

Benutzerzentrierter Designprozess in Kürze

Benutzerzentriertes Design ist ein Ansatz zur Entwicklung und Gestaltung von Lösungen, der sich auf die Benutzer konzentriert und sie in den Mittelpunkt des Prozesses stellt. Ihre Bedürfnisse, Wünsche, Erwartungen, Probleme und Schmerzen werden zum Wesenskern der Untersuchung und Schaffung. Wir haben die Methodik des benutzerzentrierten Designs, ihre Prinzipien sowie Vor- und Nachteile in unserem vorherigen Artikel “Benutzerzentriertes Design und seine Hauptprinzipien” ausführlicher vorgestellt.

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

Die erste Phase – Empathie

Die erste Phase betrifft die Forschung, die darauf abzielt, Empathie zu entwickeln – das heißt, die Probleme, Schmerzen, Routinen, Gewohnheiten, Anforderungen, Bedürfnisse und Wünsche unserer Benutzer wahrzunehmen. Zu Beginn dieser Phase identifizieren wir die Zielgruppe und beobachten sie genau. Schlussfolgerungen und Bewertungen in der natürlichen (wissenschaftlich kontrollierten) Umgebung liefern die wertvollsten Einblicke und zuverlässigen Daten.

Unsere echten UX-Daten ermöglichen es Designern, die Persona oder Protopersona zu skizzieren – ein Bild des “idealen Benutzers”. Die Persona ist ein Schlüsselelement im benutzerzentrierten Designprozess, da sie uns während jeder nachfolgenden Phase auf den Benutzer fokussiert hält.

Personas basieren auf den Ergebnissen der Forschung – Umfragen, tiefgehende Interviews und Sekundärforschung, während Protopersonas die Ideen der Designer über den Benutzer sind – sie stützen sich auf das beste verfügbare Wissen über Benutzer. Protopersonas werden daher weniger detailliert und genau sein, während in Situationen, in denen tiefgehende Forschung und Personas nicht möglich sind, Protopersonas die richtige Lösung zu sein scheinen. Natürlich hängt alles von der Firma, dem Projekt und dem Produkt sowie vom Budget, der Größe des UX-Teams und der verfügbaren Zeit ab.

Basierend auf den Forschungsergebnissen können UX-Designer in dieser Phase auch Empathiekarten, Benutzerstorys, Benutzerflüsse oder Customer Journey Maps erstellen. All diese Werkzeuge ermöglichen es den Designern, sich in den Benutzer hineinzuversetzen und deren Bedürfnisse noch besser zu verstehen. Ein gutes Verständnis ihrer Motivationen, Frustrationen und Wünsche sowie die Bestimmung z.B. ihres Kaufverhaltens 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 – Konzeptentwicklung

Phase zwei konzentriert sich auf die Ideenfindung (Ideation), basierend auf den Forschungsergebnissen der vorherigen Phase. Während dieser Phase ist es eine gute Praxis, Teambrainstorming sowie andere kreative Techniken anzuwenden, um zahlreiche Konzepte, Ideen und Lösungen zu entwickeln. Dann geht es nur darum, die besten auszuwählen, die in die Hypothesenmatrix eingehen.

Dort setzen wir die Ideen gegen die geschäftlichen Anforderungen. Dies hilft zu schätzen, ob eine bestimmte Lösung in ein spezifisches Geschäftsergebnis umgewandelt werden kann, z.B. eine Erhöhung der Konversionen, eine Verringerung der Warenkorbabbrüche, ein Wachstum der Anzahl der wiederkehrenden Benutzer, eine Verlängerung der Sitzungsdauer auf der Website, einen Anstieg der Anzahl neuer Benutzer oder eine Erhöhung der Seitenaufrufe.

Im nächsten Schritt analysieren wir die Hypothesen hinsichtlich ihrer Bedeutung für den Benutzer und der Umsetzbarkeit. Funktionen, die für den Benutzer relativ wichtig und in Bezug auf Zeit oder finanzielle Ressourcen umsetzbar sind, werden in der ersten Iteration implementiert.

Funktionen und Lösungen, die etwas weniger wichtig oder schwieriger umzusetzen sind, können für spätere Iterationen eingeplant werden. Auf der anderen Seite können Ideen, die sich aus der Sicht des Benutzers als wenig wichtig erweisen oder als extrem schwierig umzusetzen eingeschätzt werden, aus dem Pool der Hypothesen ausgeschlossen werden. Dieses Diagramm wird als Moscow-Priorisierung (Moscow-Diagramm) bezeichnet und ermöglicht es, wichtige Lösungen für den Benutzer zu identifizieren und sie 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 Site-Map und der Gestaltung der Informationsarchitektur. Sie besteht darin, das Seitenlayout, das Hauptmenü, die Funktionalitäten der Registerkarten usw. auf jeder Unterseite zu skizzieren.

Nach diesem ersten Layout können die Designer mit der Erstellung der ersten Lo-Fi-Mockups fortfahren. Dies sind Mockups mit geringem Detailgrad, normalerweise in Schwarz, Weiß und verschiedenen Grautönen. Ihre Rolle besteht darin, die Größe und das Layout einzelner Elemente wie Navigation, Bilder, Text, Links und Schaltflächen darzustellen. Oft fehlt es hier an Details, da sich die Mockups auf die wichtigsten Teile des Produkts konzentrieren.

Es ist jedoch ratsam, bereits in dieser Phase auf den Inhalt zu achten und sich von Lorem Ipsum fernzuhalten. In Zusammenarbeit mit einem Texter, Content Writer oder UX Writer ist es gut, erste (mindestens Vorschau-) Inhalte zu erstellen, um zu wissen, wie bestimmte Überschriften auf der Seite aussehen oder wie viel Platz z.B. Produktbeschreibungen einnehmen werden.

Derzeit können Sie leicht Hilfe suchen, da es auf dem Markt viele Tools zur Gestaltung von Benutzeroberflächen gibt, wie Figma. Es ist ein Standard für das Design und die Erstellung von Prototypen (insbesondere in der IT-Branche). Es ist jedoch ein relativ neues Tool. Zuvor gab es Sketch und Adobe XD.

Phase vier – Usability-Tests

Die letzte Phase (theoretisch) besteht aus Usability-Tests mit potenziellen Benutzern. So überprüfen Designer, ob die vorgeschlagenen Lösungen den Erwartungen der Benutzer 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 zu bitten, mehrere Aktionen an einem Prototyp auszuführen. Je nach Produkt können die Aufgaben das Hinzufügen eines Produkts zum Warenkorb, die Registrierung auf der Website, das Finden eines bestimmten Produkts in der Produktliste oder das Finden von Kontaktdaten betreffen. Die Aufgaben erfordern Einfachheit und Kohärenz beim Lösen, manchmal müssen Sie den Benutzern einige zusätzliche Fragen stellen, um sie zu verstehen.

Denken Sie jedoch daran, Fragen zu vermeiden, die Vorschläge und Anregungen enthalten. Zum Beispiel, indem Sie fragen: Wie sehr gefällt Ihnen dieser Button? – schlagen wir unseren Benutzern vor, dass sie den Button mögen, während es möglicherweise nicht so ist. Es ist auch gut, sich auf die Funktionalität und nicht auf die visuellen Aspekte der Seite zu beziehen – schließlich ist es nur ein Dummy-Modell.

Während der Usability-Tests darf der Benutzer nicht bewertet werden – wir sollten seine Art, sich auf der Website zu bewegen, und ob die Website für ihn verständlich und intuitiv ist, überprüfen. 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 sagen und sich bedanken, dass sie zugestimmt haben, teilzunehmen.

Es ist wichtig zu betonen, 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) im Voraus teilnehmen werden. Während des Tests dürfen wir den Benutzer nicht anleiten oder vorschlagen, was zu tun oder wo zu klicken ist.

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 geeignete Änderungen am Design vorzuschlagen.

Benutzerzentrierter Designprozess – Zusammenfassung

Obwohl der benutzerzentrierte Designprozess theoretisch aus vier Phasen besteht, sieht es in der Praxis nicht immer so aus. Nach den ersten Usability-Tests müssen Sie möglicherweise zur Mockup-Phase zurückkehren und Änderungen an der Informationsarchitektur, den Funktionalitäten oder Elementen der Website/Anwendung (Phase 3) vornehmen. Vielleicht müssen Sie das Konzept (Phase 2) überdenken und verbessern oder sogar zur Empathie zurückkehren und zusätzliche Forschungen durchführen oder in das Know-how oder die Benutzer eintauchen (Phase 1).

Ein solches flexibles Modell ermöglicht eine kontinuierliche Verbesserung der Produktfunktionalität, Leistung und Erscheinung. Alles, um die realen Bedürfnisse der Benutzer perfekt zu erfüllen und die besten Lösungen zu liefern.

Wenn Ihnen unser Inhalt gefällt, treten Sie unserer geschäftigen Community auf Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest.

Klaudia Kowalczyk

Ein Grafik- und UX-Designer, der in das Design vermittelt, was in Worten nicht ausgedrückt werden kann. Für ihn hat jede verwendete Farbe, Linie oder Schriftart eine Bedeutung. Leidenschaftlich in Grafik- und Webdesign.

View all posts →

Klaudia Kowalczyk

Ein Grafik- und UX-Designer, der in das Design vermittelt, was in Worten nicht ausgedrückt werden kann. Für ihn hat jede verwendete Farbe, Linie oder Schriftart eine Bedeutung. Leidenschaftlich in Grafik- und Webdesign.

Share
Published by
Klaudia Kowalczyk

Recent Posts

Die Top 10 PDF-Editoren im Jahr 2023

Dateien im PDF-Format begleiten uns jeden Tag. Diese universelle Art der Speicherung von Inhalten garantiert…

1 hour ago

Die Top 10 Online-Übersetzer im Jahr 2023

Die Entwicklung des Internets und des maschinellen Lernens hat schließlich die traditionellen, sperrigen Taschenbuch-Wörterbücher überflüssig…

3 hours ago

Röntgensuche in der Rekrutierung. 4 wichtige Röntgensuchoperatoren

Die Röntgensuche ist eine von vielen Datensuchtechniken, die von Personalabteilungen zur Rekrutierung von Mitarbeitern verwendet…

5 hours ago

5 Bewährte Geschäftsmodelle für Startups

Heute werden wir uns auf die Anfangsphase der Unternehmensentwicklung konzentrieren – Start-ups. Wir werden versuchen…

7 hours ago

5 Programme, um Apps ohne Programmierung zu erstellen – Digitale Produkte erstellen und verkaufen #37

Programme zum Erstellen von Apps ohne Programmierung – kennst du welche davon? Wie in einem…

9 hours ago

Was sind Teamdynamiken? 5 Merkmale von Teamdynamiken am Arbeitsplatz

Was sind Teamdynamiken? Teamdynamiken spiegeln die Unternehmenskultur und das Arbeitsumfeld wider, in dem das Team…

11 hours ago