So transformieren Sie Benutzererfahrung in UX Design
Usability-Tests müssen nicht kompliziert sein. Es gibt Dutzende von Optionen für ein Designteam, das seine Lösungen aus der Ferne testen möchte. Um das zu beweisen, haben wir ein neues Design entwickelt Jaulen mit Hilfe von Remote-Usability-Tests.
Wir haben Remote-Usability-Tests durchgeführt, weil sie schnell und erschwinglich sind. Alle diese Tests waren nicht moderiert, was bedeutet, dass die Benutzer sie bequem von zu Hause aus liefen. Während dies uns weniger Kontrolle gibt, sorgt es für natürlichere Ergebnisse. Weil ihre Reaktionen aufgezeichnet wurden, ermutigten wir sie, laut zu denken.
Es ist wichtig zu verstehen, dass es keinen einzigen magischen Ansatz gibt. Es gibt eine große Auswahl an Taktiken, von Usability-Laborstudien bis zu einfachen E-Mail-Umfragen, und alle haben ihre Zeit und ihren Ort. Wir haben einen Remote-Usability-Test durchgeführt, weil er ein gutes Gleichgewicht zwischen Geschwindigkeit, Genauigkeit und Kosten bietet.
In diesem Artikel erklären wir, warum qualitative Forschung wichtig ist, erklären die Erkenntnisse und zeigen, wie sie in das neue Design integriert wurden.
Wie man sich der qualitativen Analyse nähert
Wenn es um die qualitative Analyse geht, können Sie die Nutzer nicht nur bitten, über ihre Erfahrungen zu sprechen.
Wie Jakob Nielsen, Partner bei der Nielsen Norman Group, weist darauf hin , Sie sollten niemals nur auf das hören, was Benutzer sagen. Die falsche Herangehensweise wäre, ein paar Entwürfe zu erstellen und dann die Benutzer zu fragen, welche sie am meisten mögen - Benutzer haben das Design nicht ausprobiert, so dass sie nur kommentieren können, was sie auf der Oberfläche sehen.
Der richtige Ansatz besteht darin, zu beobachten, was Benutzer tun, und sie dann mit dem Nötigsten zu konfrontieren Single Ease Frage Das ist: "Wie einfach oder schwierig war die Aufgabe?" Dies hilft, Verzerrungen zu reduzieren und die UX-Analyse zu verstehen: Wie haben die Benutzer ihre Aufgaben erledigt, und wie einfach oder schwierig war das? Unsere Bildschirmaufzeichnung hat auch Audio aufgezeichnet (da wir die Leute ermutigt haben, laut zu denken), weil es sonst leicht ist zu übersehen, warum ein bestimmtes Verhalten aufgetreten ist.
Wie haben wir die Nutzervideos analysiert?
In den Videos der Nutzerinteraktionen mit der Yelp-Website zeigten sich deutliche Muster. Es war nicht überraschend, dass die Suchleiste eine der wichtigsten und benutzerfreundlichsten war. Dies ist natürlich sinnvoll, da Yelp im Wesentlichen eine Business-Suchmaschine mit zusätzlichen sozialen Funktionen ist. Andere Funktionen waren jedoch nicht so intuitiv, wie Sie unten sehen werden.
Lektion 1: Die Suchleiste war der bevorzugte Ausgangspunkt
Alle fünf Testteilnehmer stützten sich stark auf die Suchleiste, selbst für Aufgaben, die einfach durch das Durchsuchen der Kategorien vervollständigt werden konnten (z. B. das Finden eines Restaurants oder einer Bar ohne bestimmte Kriterien). Tatsächlich gingen vier von fünf Teilnehmern direkt zur Suchleiste, um ein Restaurant zu finden. Nur ein Benutzer begann, die Kategorien zu durchsuchen, und sie fand sie schnell "überwältigend" und landete stattdessen auf der Suchleiste.
Es ist wichtig zu erwähnen, dass wir in unseren Testanleitungen Benutzer gebeten haben, ein Restaurant zu "finden", nicht nach einem Restaurant zu "suchen", weil wir beobachten wollten, wie sie diese Aufgabe natürlich ohne eine bestimmte Funktion erfüllen würden.
Interessanterweise ignorierten die Nutzer, wenn sie bestimmte Parameter (wie das Budget, das Ambiente und die Art des Restaurants oder den Namen eines einzelnen Unternehmens) erhielten, fast alles auf der Homepage außer der Suchleiste. Bei unserem Redesign haben wir darauf geachtet, dass die Suchleiste das visuell hervorstechendste Merkmal ist.
Lektion 2: Ereignisse sind nicht sehr auffällig
In einer Aufgabe haben wir die zwei Benutzer ohne Yelp-Konten gebeten, an diesem Wochenende eine interessante Veranstaltung in ihrer Nähe zu finden. Wir wollten herausfinden, ob sie den Tab "Ereignisse" oben auf der Seite verwenden würden.
Überraschenderweise hat niemand den Tab " Ereignisse" verwendet . Als sie gebeten wurden, an diesem Wochenende ein interessantes Event in ihrer Gegend zu finden, benutzte ein Testteilnehmer die Suchleiste, während der andere durch die Kategorie " Kunst & Unterhaltung " in der besten Sektion von Yelp navigierte.
Da das Halten von Veranstaltungen ein wichtiger Teil von Yelps Geschäft ist, würde unser Redesign den Ereignisbereich aus der Seitenleiste herausziehen und ihn Teil des primären Scrolls machen.
Lektion 3: Bookmarking war verwirrend, und niemand verwendete Listen
Wir waren neugierig zu sehen, wie Benutzer Orte zum späteren Nachschlagen speichern würden. Bei Yelp gibt es hierfür zwei Möglichkeiten: Benutzer mit vorhandenen Konten können entweder einen Standort als Lesezeichen speichern oder eine Liste erstellen. Wir haben Gruppe 1 (drei Nutzer mit Yelp-Konten) einfach gebeten, eine Reihe von Orten zu "speichern", auf die später eingegangen werden soll, damit in unserem Wortlaut keine Merkmale erwähnt werden, die ihre Handlungen beeinflussen könnten.
Von den drei Benutzern, denen diese Aufgabe zugewiesen wurde:
- Man rettete die Unternehmen mit Lesezeichen, beklagte sich aber, dass der Prozess lange gedauert habe
- Man begann, Geschäfte mit Lesezeichen zu speichern, gab aber auf, weil es zu lange dauerte
- Man konnte nicht herausfinden, wie man Unternehmen rettet und gab die Aufgabe auf
Die zwei Benutzer, die Lesezeichen verwendet haben beide bemerkten Es wäre schön, ein Geschäft von der Suchergebnisseite aus mit einem Lesezeichen versehen zu können, anstatt die einzelnen Geschäftsseiten einzeln aufrufen zu müssen.
Es wäre schön, Benutzern eine einfachere und intuitivere Methode zum Speichern von Unternehmen zu bieten, auf die sie später zurückkommen können. Daher haben wir beim Redesign eine Funktion zum Speichern mit einem Klick hinzugefügt. Mit dieser neuen Funktion können Sie ein Geschäft direkt von der Ergebnisseite speichern, ohne tiefer tauchen zu müssen.
Lektion 4: Es ist schnell und einfach, nach einem bestimmten Ort zu suchen
Alle fünf Benutzer erhielten die Aufgabe, ein bestimmtes Geschäft zu finden und herauszufinden, ob es zu einem bestimmten Zeitpunkt geöffnet war. Sie alle haben diese Aufgabe erfolgreich abgeschlossen und die Aufgabe als "sehr einfach" bewertet. Wie bereits erwähnt, verwendeten alle fünf die Suchleiste, um diese Aufgabe zu erfüllen.
Da die Suche nach einem bestimmten Unternehmen so gut funktioniert, haben wir entschieden, dass die Funktionalität nicht geändert werden muss.
Lektion 5: Fotos sind die beste Wahl, um das Ambiente zu bestimmen
Bei der Suche nach einem Restaurant mit einer bestimmten Atmosphäre versuchte keiner der fünf Benutzer, die Suchleiste zu verwenden. Stattdessen drei Nutzer haben Fotos durchgesehen Vom Restaurant auf Yelp besuchte man die Website des Restaurants, und das letzte gab an, dass die Preissymbole ($, $$, $$$, $$$$) ausreichten, um anzuzeigen, ob das Restaurant das richtige Ambiente hatte.
Dies brachte zwei Einsichten hervor:
- Fotos sind ein wesentlicher Teil der Yelp-Erfahrung, und sie sind entscheidend für die Benutzer, ein Geschäft zu wählen.
- Um zu verhindern, dass die Oberfläche überfüllt wird, könnte die Lösung einfach darin bestehen, die Fotos zu vergrößern, wenn Sie auf die Suchergebnisseite gelangen.
Lektion 6: Benutzer verlassen sich auf Filter, aber sie müssen überarbeitet werden
Alle fünf Benutzer wurden gebeten, ein Restaurant für eine Gruppe von 15 Personen zu finden. Drei der fünf Teilnehmer nutzten den Filter " Gut für Gruppen" , während einer die Reservierungsfunktion nutzte und nach unten scrollte, bis sie ein Restaurant gefunden hatte.
An einem anderen Punkt, Ein Benutzer hat versucht um zwei Kategorien auszuwählen, um seine Ergebnisse zu filtern, aber eine seiner Optionen verschwand, als er auf die andere klickte.
Während Filter wichtig sind, haben wir gelernt, dass sie stark verbessert werden könnten. Um tiefer zu graben, haben wir uns entschieden, eine Kartensortierung auf allen aktuellen Filteroptionen von Yelp, um festzustellen, welche für Benutzer tatsächlich nützlich sind.
Für das Redesign haben wir entschieden, Filterkategorien in Vierergruppen zu kategorisieren, je nachdem, wie die Benutzer sie priorisiert haben. Zum Beispiel haben wir gelernt, dass "Jetzt öffnen" und "Kreditkarten akzeptieren" einige der wichtigsten Filter sind, aber es kann einige Klicks dauern, um darauf zuzugreifen.
Lektion 7: Die Preiskategorien waren nicht klar
Wenn Benutzer nach dem Restaurant mit bestimmten Parametern suchten, war eine der Anforderungen, ein Restaurant innerhalb eines $ 20 / Personbudgets zu finden. Zwei der fünf Benutzer waren verwirrt, ob ihr Restaurantbudget von $ 20 in die Kategorie $, $$ oder $$$ fallen würde. Ein Benutzer erklärte, dass sie nicht wüsste, was die Symbole bedeuteten, und ein anderer klickte die falsche Kategorie an. Die anderen drei wählten korrekt die Kategorie $$.
Die Definition der Symbole wird nicht angezeigt, wenn Benutzer Filter auswählen. Es wird nur angezeigt, wenn der Benutzer auf die Seite eines bestimmten Restaurants navigiert. Da die Preiserwartungen sehr subjektiv sind, war es für die Nutzer unklar, für welche Kategorie sie sich entscheiden sollten.
Beim Redesign haben wir das gelöst, indem wir die genauen Werte in Klammern neben die Symbole gesetzt haben. Dies ist besonders hilfreich, wenn Sie zwischen den Kategorien wechseln, da $$ eine andere Bedeutung hat, wenn Sie sich für einen Mechaniker- oder Burger-Joint entscheiden.
Design basiert auf Usability-Erkenntnissen
Sobald es an der Zeit war, zu entwerfen, verfolgten wir einen Ansatz, der auf den letzten Schritten der Google Ventures-Design verarbeiten. Marcin Treder, CEO von UXPin, begann mit zahlreichen informellen Skizzen, bevor eine Teamentscheidung dazu beitrug, die Top-2-3-Skizzen zu verwenden. Um zu verhindern, dass das Design von den Komitees festgelegt wurde, hatte Marcin das letzte Wort, welche Sketches zu Drahtbildern und Prototypen führen würden.
Wir haben ein Wireframe erstellt, um die meisten Designänderungen zu berücksichtigen, und dann einige Interaktionen und Animationen hinzugefügt, um es zu einem Low-Fidelity-Prototyp zu machen. Sobald die Animationen geglättet waren, fügten wir Details für einen High-Fidelity-Prototyp hinzu.
Low-Fidelity-Prototypen
High-Fidelity-Prototypen
Bestimmen aller Dimensionen der Benutzerfreundlichkeit
Was Benutzer sagen und was Benutzer tun, sollte als "Checks and Balances" während der Benutzertests dienen. Sie müssen zwar während des Tests nicht unbedingt anwesend sein, aber eine audiovisuelle Aufnahme ist obligatorisch, ansonsten verpassen Sie möglicherweise den Kontext der Aktionen. Wenn Sie die qualitative Analyse mit der quantitativen Analyse kombinieren, erhalten Sie eine noch klarere Vorstellung davon, warum und wie Sie ein Problem beheben können und wie viele Usability-Probleme Ihr Design lösen muss.