Eine Schritt-für-Schritt-Anleitung zu den Grundlagen des UX-Designs.
In diesem Artikel wird ein Workflow vorgestellt, mit dem Teams, Produkte, Start-ups und Unternehmen einen robusten und aussagekräftigen Prozess entwickeln können, um die Nutzerfreundlichkeit für ihre Kunden zu verbessern. Sie können verschiedene Teile des Prozesses separat verwenden, aber idealerweise funktionieren sie am besten als eine Reihe von Schritten.
Diese Anleitung basiert stark auf der Design Sprint-Methodik, die von mehreren Teams bei Google verwendet wird, um Probleme wie das selbstfahrende Auto und Project Loon zu beheben und zu lösen.
Double Diamond
Dieser Ablauf basiert auf dem sogenannten Double Diamond, das vom British Design Council bekannt gemacht wurde. Dabei wird das Team aufgeteilt, um eine Idee durch Recherche zu verstehen. Anschließend wird die Herausforderung definiert, die Ideen werden individuell skizziert, geteilt und es wird entschieden, wie am besten vorgegangen werden soll. Danach wird getestet und validiert.
Einführung
Beginnen Sie mit der zugrunde liegenden Herausforderung und formulieren Sie sie wie einen Vorschlag. Fragen Sie sich: „Welches Problem möchte ich eigentlich lösen?“ Die Herausforderung ist das Briefing für das Projekt, das Ihr Ziel enthält.
Es kann sich um eine bestehende Produktfunktion handeln, die verbessert werden muss, oder um ein völlig neues Produkt. Unabhängig von Ihrer Aufgabe können Sie die Sprache einfach an das Ziel anpassen, das Sie erreichen möchten. Eine Aussage sollte mit den Zielen Ihres Teams verknüpft, auf Ihre Zielgruppe ausgerichtet, inspirierend und prägnant sein.
Hier sind einige Beispiele für Produkte, an denen ich in der Vergangenheit gearbeitet habe:
Entwerfen Sie ein System zur Verwaltung der Behandlung und Nachsorge von Patienten mit Klumpfuß.
Entwickeln Sie eine App, die komplexe Finanzsysteme vereinfacht und auf das Wesentliche reduziert.
Entwerfen Sie eine einheitliche mobile App für verschiedene Plattformen, ohne die Marke zu beeinträchtigen.
Aktualisierung der Erklärung zur Herausforderung
Wenn Sie mehrere Varianten des Ziels formuliert haben, präsentieren Sie es Ihrem Team, um einen Konsens zu erzielen. Es kann hilfreich sein, eine Frist anzugeben, damit sich das Team auf das Problem konzentrieren kann. Mit den zusätzlichen Anpassungen könnte die Liste oben so aussehen:
- Entwickle ein System zur Behandlung und Nachsorge von Kindern unter 2 Jahren mit Klumpfuß, das im ersten Quartal dieses Jahres eingeführt werden soll.
- Entwicklung einer einfachen Finanz-App, mit der Nutzer Aktien per Fingertipp kaufen und verkaufen können, ohne Vorkenntnisse in der Finanzwelt zu benötigen. Die App wurde im Juli 2017 eingeführt.
- Erstelle bis Ende des Jahres einen Designleitfaden, der auf mehreren Plattformen und Positionen flexibel einsetzbar ist und die Marke des Unternehmens auf jeder Plattform effektiv positioniert.
Wenn Sie die Challenge-Erklärung fertiggestellt haben, platzieren Sie sie an einer gut sichtbaren Stelle, damit Sie sie während der Arbeit im Blick haben. Sie müssen immer wieder darauf zurückgreifen und es im Laufe des Projekts möglicherweise sogar aktualisieren oder ändern.
Problem validieren
Im nächsten Schritt recherchieren Sie die Herausforderung und informieren sich über das Problem. Sie müssen herausfinden, ob das Problem von Ihrem Team richtig verstanden wurde. Oft betrachten wir Probleme aus unserer eigenen Sicht, was gefährlich ist, da die meisten von uns in der Technologiebranche Poweruser sind und tatsächlich eine Minderheit der Nutzer darstellen. Wir sind eine lautstarke Minderheit und können uns leicht täuschen lassen und denken, dass etwas ein Problem ist, obwohl es das nicht ist.
Es gibt verschiedene Methoden zum Erheben von Daten, um die Challenge zu validieren. Das hängt von Ihrem Team und davon ab, ob Sie Zugriff auf Nutzer haben. Ziel ist es, das Problem besser zu verstehen.
Interne Interviews mit Stakeholdern
Dazu werden alle Teammitglieder und Stakeholder in Ihrem Unternehmen befragt, von Marketing bis hin zu Konten. So können Sie herausfinden, was die eigentlichen Herausforderungen sind und welche potenziellen Lösungen es gibt. Wenn ich von einer Lösung spreche, meine ich damit nicht technische Lösungen, sondern das bestmögliche Szenario und das Endziel für das Unternehmen oder Produkt. Ein gutes Ziel wäre beispielsweise, dass unsere Software für Klumpfüße bis zum Jahresende in 80% der medizinischen Einrichtungen verfügbar ist.
Es gibt jedoch eine Einschränkung. Diese Validierungsmethode ist am wenigsten beliebt, da sie Teamdiskussionen und Zusammenarbeit verhindert und möglicherweise eine isolierte Atmosphäre in einem Unternehmen schafft. Dennoch können Sie so einige gute Informationen über die Kunden und die Designherausforderung erhalten, die Ihnen sonst möglicherweise entgehen würden.
Kurze Gespräche
Das ist ähnlich wie bei den internen Interviews, aber dieses Mal holen Sie alle Stakeholder in einen Raum. Wählen Sie dann fünf oder sechs dieser Stakeholder (Marketing, Vertrieb, Design, Konten, Forschung usw.) aus, die jeweils maximal 10 Minuten lang über die Herausforderung aus ihrer Sicht sprechen. Die Themen, die sie in ihrer Präsentation behandeln müssen, sind:
- Ziele des Unternehmens
- Herausforderungen des Projekts aus ihrer Sicht (diese können technischer Natur sein oder die Recherche, die Erstellung des Designs usw. betreffen)
- Nutzungsstudien, die Sie derzeit
Lassen Sie am Ende 5 Minuten für Fragen ein. Eine gewählte Person sollte während der gesamten Zeit Notizen machen. Anschließend sollten Sie die Challenge aktualisieren, um neue Erkenntnisse zu berücksichtigen. Ziel ist es, eine Liste mit Aufzählungszeichen zu erstellen, die eine Funktion oder einen Ablauf beschreiben, mit denen Sie das Ziel Ihres Produkts erreichen können.
Nutzerinterviews
So lässt sich am besten nachvollziehen, wie Nutzer die Website verwenden, welche Probleme sie haben und wie sie sich auf der Website bewegen. Vereinbaren Sie mindestens fünf Interviews mit Nutzern. Wenn Sie Zugriff auf mehr Nutzer haben, führen Sie mehr Interviews durch. Die Fragen, die Sie ihnen stellen, sollten Folgendes umfassen:
- Wie erledigen sie eine bestehende Aufgabe? Wenn Sie beispielsweise die oben genannte Herausforderung für die Finanz-App lösen möchten, könnten Sie fragen: „Wie kauft man derzeit Aktien?“
- Was gefällt ihnen an diesem Ablauf?
- Was gefällt ihnen an diesem Ablauf nicht?
- Welche ähnlichen Produkte verwendet der Nutzer derzeit?
- Was gefällt ihnen?
- Was mögen sie nicht?
- Wenn sie einen Zauberstab hätten und eine Sache an diesem Prozess ändern könnten, was wäre das?
Bei einem Interview geht es darum, den Nutzer dazu zu bringen, über seine Herausforderungen zu sprechen. Es ist kein Diskussionspunkt für Sie, weshalb Sie so leise wie möglich sein müssen. Das gilt auch, wenn ein Nutzer aufhört zu sprechen. Warten Sie immer einen Moment, da er möglicherweise gerade überlegt. Sie werden überrascht sein, wie viel jemand noch sagt, nachdem er einige Sekunden lang geschwiegen hat.
Machen Sie sich während des Gesprächs Notizen und zeichnen Sie es nach Möglichkeit auf, damit Sie nichts verpassen. Ziel ist es, die Herausforderung mit den Nutzerstatistiken zu vergleichen, die Sie erfassen. Stimmen sie überein? Haben Sie etwas gelernt, das Ihnen hilft, Ihre Aufgabenstellung zu aktualisieren?
Ethnografische Feldforschung
Hier beobachten Sie den Nutzer in seinem natürlichen Umfeld, z. B. beim Einkaufen, auf dem Weg zur Arbeit oder beim Senden von SMS. Der Grund dafür ist, dass die Leute Ihnen manchmal sagen, was sie denken, dass Sie hören möchten. Es kann jedoch aufschlussreich sein, Nutzern bei der Ausführung von Aktionen und Aufgaben zuzusehen. Sie beobachten, ohne einzugreifen, und notieren, was den Nutzern leicht oder schwer fällt und was sie möglicherweise übersehen haben. Ziel ist es, sich in die Umgebung des Nutzers hineinzuversetzen, um seine Probleme besser nachvollziehen zu können.
Diese Technik erfordert in der Regel eine längere Bearbeitungszeit und einen Forscher, der diesen Teil des Projekts leitet. Sie ist jedoch vielleicht die aufschlussreichste, da Sie eine Gruppe von Personen in ihrer natürlichen Umgebung beobachten können.
Zusammenfassung
Nachdem Sie die Lernphase Ihres Projekts abgeschlossen haben, müssen Sie sich Ihre Herausforderung noch einmal ansehen. Sind Sie auf dem richtigen Weg? Müssen Sie etwas anpassen? Schreiben Sie alles auf, was Sie gelernt haben, und gruppieren Sie es in Kategorien. Je nachdem, welches Problem Sie lösen möchten, können diese die Grundlage für eine Funktion oder einen Ablauf bilden. Sie können auch verwendet werden, um die Challenge zu aktualisieren und zu überarbeiten.
Sobald Sie genügend Feedback und Erkenntnisse haben, ist es an der Zeit, dieses Wissen zu nutzen, um eine Projektübersicht zu erstellen.
Übersicht zu Projekten
Das Problem, das Sie lösen möchten, besteht in der Regel aus verschiedenen Arten von Personen (oder Spielern), die jeweils ein Interesse am Ablauf des Projekts haben. Basierend auf Ihren Erkenntnissen müssen Sie die möglichen Akteure auflisten. Das kann ein Nutzertyp oder ein Stakeholder sein, z. B. „ein Arzt, der Klumpfüße behandelt“, „ein Patient mit Klumpfuß“, „eine Pflegekraft, die sich um den Patienten kümmert“ usw. Schreiben Sie jede Person auf die linke Seite eines Blatts Papier oder, falls Sie Zugang zu einem Whiteboard haben, auf das Whiteboard. Schreibe auf der rechten Seite die Tore jedes Spielers auf.
Notieren Sie schließlich für jeden Spieler die Anzahl der Schritte, die er benötigt, um sein Ziel zu erreichen. Für „ein Arzt, der Klumpfüße behandelt“ wäre das Ziel beispielsweise „einen Patienten mit Klumpfuß heilen“. Die Schritte könnten also „Patienten im System registrieren“, „mit einem medizinischen Plan beginnen“, „einen Überprüfungszyklus für den Gesundheitszustand des Patienten erstellen“ und „medizinischen Eingriff durchführen“ lauten.
Das Ergebnis ist eine Projektübersicht mit den wichtigsten Schritten im Prozess. Stellen Sie sich das als Überblick über das Projekt ohne zu viele Details vor. Außerdem können Teammitglieder so beurteilen, ob die Karte der Aufgabenstellung entspricht. Später, wenn Sie die einzelnen Schritte aufschlüsseln, werden weitere Details angezeigt. Eine Projektübersicht bietet Ihnen eine allgemeine Aufschlüsselung der Schritte, die ein Nutzer ausführt, um sein Ziel zu erreichen.
Wireframing und Storyboarding
Crazy 8s
Dazu empfehle ich die Methode „Crazy 8s“, bei der Sie ein Blatt Papier zweimal falten, sodass Sie acht Felder erhalten. In jedem Feld zeichnen Sie dann eine Idee, die auf dem basiert, was Sie bisher gelernt haben. Nehmen Sie sich zehn Minuten Zeit, um Ideen für alle acht Felder zu entwickeln. Wenn Sie sich mehr als 20 Minuten Zeit geben, neigen Sie möglicherweise dazu, die Arbeit aufzuschieben, sich einen Kaffee zu holen, E-Mails zu lesen, sich mit Ihrem Team zu unterhalten und im Grunde die Arbeit zu vermeiden. In diesem Schritt sollten Sie ein Gefühl der Dringlichkeit erzeugen, da Sie so gezwungen sind, schnell und effektiver zu arbeiten.
Wenn Sie mit einem Team zusammenarbeiten, sollten alle Teammitglieder ebenfalls eine eigene Erklärung abgeben. Dieser Prozess regt Ihr Gehirn an und hilft Ihnen, über die Herausforderung nachzudenken. In der Regel handelt es sich bei der Skizze um ein Wireframe für das Schnittstellendesign.
Anschließend präsentieren Sie und alle anderen Teammitglieder Ihre Ideen der Gruppe. Jeder muss jede seiner acht Ideen im Detail erläutern und erklären, warum er sich für einen bestimmten Weg entschieden hat. Erinnern Sie jedes Teammitglied daran, die Erkenntnisse zur Begründung seiner Ideen zu verwenden. Nachdem alle ihre Ideen präsentiert haben, ist es an der Zeit, darüber abzustimmen. Jede Person erhält zwei Klebepunkte und kann für jede beliebige Idee abstimmen. Sie können beide Stimmen für eine einzelne Idee abgeben, wenn sie ihnen besonders gut gefällt.
Design optimieren
Nach der Abstimmung nehmen Sie die Idee mit den meisten Stimmen und skizzieren Sie eine endgültige Idee. Sie können auch die Ideen Ihrer Kollegen aufgreifen. Nimm dir weitere zehn Minuten Zeit, um diese Aufgabe zu erledigen. Präsentieren Sie die Ideen dann noch einmal Ihrem Team und lassen Sie wie zuvor abstimmen.
Idee in einem Storyboard darstellen
Jetzt, da Sie Ihr Design haben, ist es an der Zeit, die Interaktion mit dem Nutzer in einem Storyboard darzustellen. Bis zu diesem Punkt sollten Sie bereits über die verschiedenen Schritte nachgedacht haben, die ein Nutzer ausführt. Es ist ganz normal, auch Designs von Kollegen in den Ablauf einzubinden. Sie sollten einen klaren Schritt-für-Schritt-Prozess mit einigen Punkten erstellen, an denen der Nutzer abweichen kann. Sehen Sie sich die Projektkarte noch einmal an, um Ihr Design mit dem Ziel zu vergleichen.
Prototyp erstellen
Beim Erstellen eines Prototyps geht es nicht darum, den perfekten Code zu entwickeln, sondern etwas zu schaffen, das für einen Nutzer glaubwürdig ist. Die Tools, die zum Erstellen eines Prototyps verwendet werden, variieren von Person zu Person. Einige bevorzugen Keynote oder PowerPoint, da man sich so auf den Ablauf und nicht auf Designdetails konzentrieren kann. Es kann sich lohnen, Zeit in das Erlernen von Tools wie Balsamiq, Marvel oder Framer zu investieren, da diese mehr Verhaltenskontrollen bieten. Achten Sie darauf, dass das Tool, das Sie verwenden, den Fluss und die Realität der Bewegung berücksichtigt. Sie müssen den Prototyp an echten Personen testen. Er muss also so realistisch wie möglich sein, darf aber gleichzeitig nicht wochenlange Arbeit erfordern.
Beim Erstellen eines Prototyps muss ein Gleichgewicht zwischen Zeit und Realismus gefunden werden. Achten Sie also darauf, dass Sie nicht zu sehr in eine der beiden Richtungen ausschlagen. In beiden Fällen verschwenden Sie möglicherweise Zeit.
Designs auf Nutzerfreundlichkeit testen
Ein Testlabor ist von Vorteil. Wenn Sie noch keine haben, ist das Erstellen einer solchen nicht schwierig, solange Sie darauf achten, eine angenehme Umgebung für Ihre Nutzer zu schaffen, die nicht ablenkt. Beim Testen sind in der Regel der Nutzer und zwei Personen aus Ihrem Team beteiligt. Eine Person macht Notizen, die andere stellt Fragen. Eine gute Einrichtung ist, eine App wie Hangouts zu verwenden und die Aktionen aufzuzeichnen. Das ist auch praktisch, wenn der Rest des Teams aus einem anderen Raum zusehen soll. Das kann für uns als App-Entwickler ziemlich beängstigend sein, da wir unsere Designs in der Praxis sehen. Das kann sowohl erfrischend als auch ernüchternd sein.
Hilfreiche Fragen
Bitten Sie den Nutzer, Aufgaben in Ihrer App auszuführen, und ihn, laut zu sprechen und zu verbalisieren, was er tut und warum. Das ist zwar ungewöhnlich, aber es hilft Ihnen, zu hören, was sie denken. Unterbrechen Sie sie nicht und sagen Sie ihnen nicht, was sie tun sollen, wenn sie nicht weiterkommen. Fragen Sie sie einfach, warum sie einen bestimmten Ablauf gewählt haben, nachdem sie ihn abgeschlossen (oder NICHT abgeschlossen) haben.
Sie müssen Folgendes herausfinden:
- Was gefällt ihnen am Prototyp?
- Was gefällt ihnen am Prototyp nicht?
- Was sind die Probleme?
- Warum hat ein Workflow funktioniert?
- Warum hat ein Flow nicht funktioniert?
- Was möchten sie verbessern?
- Entspricht das Gesamtdesign bzw. der Gesamtfluss ihren Anforderungen?
Designs überarbeiten und erneut testen
Sie haben einen funktionierenden Prototyp mit Feedback. Jetzt ist es an der Zeit, Ihre Designs zu überarbeiten und zu analysieren, was funktioniert hat und was nicht. Scheuen Sie sich nicht, ein völlig neues Wireframe-Storyboard zu erstellen und einen neuen Prototyp zu entwickeln. Ein Neuanfang kann einen besseren Ablauf ermöglichen, als wenn Sie versuchen, Elemente aus Ihrem früheren Prototyp zu verschieben. Seien Sie nicht zu perfektionistisch, da es sich nur um einen Prototyp handelt.
Wenn Sie mit Ihren Designs zufrieden sind, können Sie sie noch einmal testen und weiter optimieren. Wenn der Prototyp überhaupt nicht überzeugen konnte, denken Sie vielleicht, dass das Projekt gescheitert ist. Tatsächlich ist das aber nicht der Fall. Sie haben wahrscheinlich weniger Entwicklungszeit aufgewendet, als wenn Sie das Design tatsächlich erstellt hätten, und Sie wissen mehr darüber, was Nutzer wirklich mögen. Bei Design-Sprints gilt das Motto „Entweder du gewinnst oder du lernst“. Mach dir also keine Vorwürfe, wenn die Idee nicht wie geplant funktioniert hat.
Los gehts!
Sie haben Ihre Ideen getestet. Der Nutzer mag sie. Die Stakeholder sind engagiert, weil sie von Anfang an einbezogen wurden. Jetzt ist es an der Zeit, das Ding zu bauen. Inzwischen sollten Sie eine klare Vorstellung davon haben, was erstellt werden muss und welche Prioritäten für die Nutzererfahrung gelten. Bei jedem Meilenstein des Projekts sollten Sie Usability-Tests durchführen, um Ihre Arbeit zu validieren und den Zeitplan einzuhalten.
Es ist sehr wichtig, so viel wie möglich herauszufinden, bevor Sie viel Arbeit, Zeit und Energie in etwas investieren, das möglicherweise nicht die richtige Lösung ist.
Dieser Artikel sollte Ihnen nun eine grundlegende Einführung in UX und ihre Bedeutung geben. UX sollte nicht als Rolle für Designer oder Researcher betrachtet werden. Es liegt in der Verantwortung aller, die an einem Projekt beteiligt sind. Ich würde daher empfehlen, jede Gelegenheit zur Beteiligung zu nutzen.