In der Benutzererfahrung ist Reibung alles, was Benutzer davon abhält, ihre Ziele zu erreichen. Reibung ist ein großes Problem, da sie zum Bouncing führt, Konvertierungen reduziert und die Benutzer bis zur Aufgabe ihrer Aufgaben frustriert. In diesem Artikel erfahren Sie, wie Sie die UX für Ihre Benutzer verbessern können, indem Sie die Reibung reduzieren.

Das Konzept einer reibungslosen Erfahrung

Reibungslose Benutzererfahrung ist jetzt der neue Standard geworden. Das Ziel von reibungslosen Erfahrungen ist es, unser Leben zu vereinfachen. Die erfolgreichsten digitalen Erfahrungen haben sich aus der Konzentration auf die Verringerung der Reibung in der User Journey entwickelt.

Bild3

Uber weiß, dass je weniger Schritte in einer Aufgabe enthalten sind, desto weniger Reibung.

Ein gutes Beispiel ist ein Dashboard außerhalb von GUIs, mit dem Sie einen Refill eines bestimmten Produkts mit einem einzigen Tastendruck bestellen können.

Bild1
Amazon Dash-Taste

Gute und schlechte Reibung

Es ist wichtig zu sagen, dass es zwei Arten von Reibung gibt - "gute" und "schlechte" Reibung:

"Gute" Reibung

Es gibt Zeiten, in denen ein wenig UI / UX Reibung eigentlich wünschenswert ist. Wie Sangeet Choudary sagte: "Reibung im Design ist hilfreich, wenn es die Interaktion erleichtert, anstatt sich in die Richtung zu bewegen." Manchmal möchten Sie den Benutzer möglicherweise verlangsamen, um sicherzustellen, dass die erfassten Daten korrekt sind oder Benutzer davon abhalten falscher Pfad Zum Beispiel, für Aktionen mit schwerwiegenden Folgen, ist eine gewisse Reibung keine schlechte Idee.

Bild7

Reibung kann Fehler verhindern, indem sie um Bestätigung bittet. Ein Benutzer muss eine Löschaktion bestätigen, indem er tatsächlich delete eingibt.

"Schlechte" Reibung

Dies ist eine unerwünschte Reibung, die durch ein visuelles Durcheinander (ein beschäftigtes Layout, das den Benutzer verwirrt oder ablenkt), Inkonsistenzen ("Warum wird die Schaltfläche" Senden "auf dieser Seite anders aussehen?), Unbekannte Funktionen oder Funktionen verursacht wird. Schlechte Reibung ist der Feind des Interaktionsdesigns, weil es zusätzliche kognitive Belastung in der Benutzerschnittstelle erzeugt. Das Reduzieren schlechter Reibung ist gut für Ihre Benutzeroberfläche.

Wie man schlechte Reibung verhindert

UX Designer beherrschen die Kunst, durch eine Kombination von Designtechniken schlechte Reibung zu reduzieren. Die Anwendung der folgenden 6 Schlüsselprinzipien wird dazu beitragen, dass jedes Produkt oder jede Dienstleistung für Ihre Benutzer reibungsloser wird.

1. Betrachten Sie eine vollständige Benutzerreise

Es ist wichtig, ein Produkt so zu konzipieren, dass eine vollständige Benutzerreise möglich ist, um herauszufinden, wo Reibung hilfreich ist und wo sie sowohl für Benutzer- als auch für Geschäftsziele schädlich ist. Jeder Schritt auf der Reise kann Reibung verursachen oder beseitigen und den Erfolg des gesamten Produkts beeinflussen. Wenn der Designer die Schritte einer Benutzerreise versteht, kann er alle Schritte entfernen (oder zumindest anpassen), die sich negativ auf die Antwortrate auswirken.

Bild4

Eine Nutzerreisekarte würde es leichter machen, Reibungen in einem Erlebnis zu erkennen. Bildnachweis: Effektive Benutzeroberfläche

2. Begrenzen Sie die Gesamtzahl der Schritte, die zum Abschließen der Aufgabe erforderlich sind

Je weniger Schritte in einer Aufgabe enthalten sind, desto weniger Reibung. Hier ist ein berühmtes Beispiel für John Gruber's Vergleich Kalender-Overhead:

"Meine typische Verwendung [in iCal]:

  1. Doppelklicken Sie auf das Datum des Ereignisses in der Monatsansicht.
  2. Geben Sie den Ereignisnamen ein.
  3. Tab hinter Ort.
  4. Klicken Sie auf das Kontrollkästchen "ganztägig".
  5. Tab nach Monat.
  6. Tab nach dem Tag.
  7. Tab nach Jahr.
  8. Geben Sie die Stunde ein.
  9. Gib die Minuten ein.
  10. Tausche die AM / PM aus.

Vergleichen und kontrastieren Sie mit der Benutzeroberfläche für die Ereigniseingabe für die Kalenderfunktion in Backpack:

  1. Doppelklicken Sie auf das Datum des Ereignisses in der Monatsansicht.
  2. Geben Sie die Uhrzeit und den Namen des Ereignisses ein. "

Es ist klar, welche App für diese Aufgabe weniger Reibung hat.

Das Problem mit der Schnittstellenreibung ist, dass es in einigen Fällen unvermeidlich ist. Wenn also eine große Anzahl von Schritten für Ihre App unbedingt erforderlich ist, sollten Sie alles tun, um sicherzustellen, dass jeder Schritt so mühelos wie möglich verläuft.

3. Design klare Navigation

Mit der Navigation kann viel schiefgehen, was zu potenziellen Reibungen führt. Es ist zwar unmöglich, eine einheitliche Lösung zu bieten, dennoch ist es möglich, das Navigationserlebnis zu verbessern, indem Sie von Benutzern lernen. Mit der richtigen Benutzertesttechnik (z. B. Kartensortierung) können Sie nachvollziehen, wie Nutzer Inhalte in Ihrer App oder auf Ihrer Website kategorisieren und darauf zugreifen. Diese Informationen helfen Ihnen, die Navigation für die Bedürfnisse Ihrer Benutzer zu entwerfen oder anzupassen.

4. Folgen Sie dem Ansatz "Weniger ist mehr"

Der ultimative Zweck einer Schnittstelle ist es, Dinge einfacher zu machen. Deshalb ist Einfachheit ein wichtiger Teil dessen, was die Adepten des reibungslosen Designs anstreben. Designer versuchen das Wesentliche zu vermitteln, indem sie das Unnötige entfernen. Wie Antoine de Saint-Exupery einmal sagte: "Perfektion ist erreicht, nicht wenn es nichts mehr hinzuzufügen gibt, sondern wenn nichts mehr wegzunehmen ist." Das gilt absolut für Benutzerschnittstellen. Als Designer sollten Sie nur die Elemente priorisieren, die den Erwartungen der Benutzer entsprechen, und alles trimmen, was dem Benutzer nicht hilft. Ein gutes Beispiel für ein Produkt, das diesem Prinzip folgt, ist die Google-Startseite: so einfach es sein kann; nur eine Sache zu tun und viel Platz um ihn herum.

Bild6

Vergleichen Sie es mit der Yahoo Homepage, die aussieht wie ein Schweizer Taschenmesser. Zu viele Funktionen und Optionen können einschüchternd und gelegentlich schädlich sein.

Bild8

5. Verwenden Sie erkennbare Benutzeroberflächenmuster

Wenn wir mit vertrauten UI-Elementen interagieren, können wir das Wissen aus unserer vorherigen Erfahrung verwenden. Jedes Mal, wenn wir lernen müssen, wie etwas Neues funktioniert, entsteht Reibung (zu wenig Wissen kann die Benutzerfreundlichkeit beeinträchtigen). UI-Muster helfen Benutzern, sehr komplexe Systeme zu verstehen und schwierige Aufgaben erfolgreich zu bewältigen. UX / UI-Designer sollten so viele geeignete UI-Muster wie möglich verwenden. Erkennbare Konventionen, wie beispielsweise ein Lupensymbol für die Suche, erfordern keine zusätzlichen Überlegungen für die Benutzer.

6. Verwenden Sie Chunking

Der kognitive Psychologe George A. Miller argumentierte, dass die Anzahl der Objekte, die ein durchschnittlicher Mensch im Arbeitsgedächtnis halten kann, 7 ± 2 ist. Um zu verhindern, dass ein Benutzer mit zu vielen Informationen auf einmal überfordert, verwenden Designer oft die Technik des Chunkings. Chunking arbeitet an den natürlichen Grenzen des menschlichen Gehirns und der Speichererhaltung. Das Teilen komplexer Inhalte in kleinere Abschnitte verbessert das Tempo der Erfahrung. Es ermöglicht Benutzern, die Informationen zu verarbeiten, indem sie vorschlagen, wie jedes Stück interpretiert werden soll. Infolgedessen halten Benutzer Inhalte tatsächlich besser.

Manchmal ist es am besten, eine komplexe Aufgabe in kleinere Teilaufgaben aufzuteilen. Die gleichen Prinzipien gelten für Eingabeformulare, wenn eine lange Form in mehrere kleinere Schritte unterteilt wird.

Bild2
Chunking verhindert, dass das Gehirn mit zu vielen Informationen auf einmal überwältigt wird. Facebook verwendet einen Prozess des Chunking, um einen Fortschritt durch eine Folge von logischen und nummerierten Schritten anzuzeigen.