Wie man Reibung im Webdesign reduziert

In Bezug auf die Benutzererfahrung ist Reibung alles, was Ihre Benutzer daran hindert, ihre Ziele zu erreichen. Reibung stellt sowohl für Benutzer als auch für Designer ein großes Problem dar, da sie die Conversions reduziert, die Absprungrate erhöht und dazu führt, dass Benutzer ihre Aufgaben aufgeben. Mit anderen Worten, es macht das genaue Gegenteil einer guten Website.

Reibung in Ihrer Benutzererfahrung wird jede Benutzerinteraktion beeinträchtigen, sodass selbst die am besten gestalteten Schnittstellen schwierig zu verwenden sind. Andererseits schafft ein reibungsloses Website-Erlebnis Benutzerinteraktionen, die nahtlos sind und sich auf natürliche Weise entfalten.

Das Reduzieren der Reibung Ihrer Website kann ohne Komplikationen zu qualitativ hochwertigeren Interaktionen führen. Die Bereinigung Ihrer Website wird Ihre Conversions steigern und Ihre Benutzer dazu anregen, länger auf Ihrer Website zu bleiben, was die Wahrscheinlichkeit erhöht, dass sie Maßnahmen ergreifen. Hier ist, wie es geht.

Identifizieren von Reibung auf Ihrer Website

Reibung kann in vielen Formen auftreten. Einige Leute definieren Reibung als alles, was ein Benutzer überwinden muss, um Ihre Website zu verwenden (Beispiele sind langsame Ladezeiten oder schlechte Navigation). Andere verwenden den Begriff Reibung, um alles Unnötige oder Übermäßige an einer Schnittstelle zu beschreiben. Wieder andere setzen Reibung mit „kognitiver Belastung“ oder irgendetwas gleich, das einen Benutzer zum Nachdenken auffordert, aber nicht sollte.

Während dies alles im Wesentlichen Versionen derselben Sache sind, können wir Reibungssymptome im Allgemeinen wie folgt identifizieren:

• Ablenkende Optik
• Eine optisch überladene Benutzeroberfläche
• Ungereimtheiten
• Unnötige Handlungen und Entscheidungen
• Funktionen, die verwirrend oder weniger intuitiv sind

Es ist auch wichtig zu verstehen, dass Reibung in manchen Fällen sogar etwas Gutes sein kann. Dies gilt, wenn Reibungskonstruktionskomponenten einen Benutzer aus irgendeinem Grund verlangsamen. Beispielsweise könnten Sie komplizierte Elemente integrieren, um Daten zu erfassen oder einen Benutzer davon abzuhalten, einen Fehler mit schwerwiegenden Folgen zu begehen (z. B. wenn ein Benutzer seinen Posteingang oder sein Konto dauerhaft löscht).

In anderen Fällen kann Reibung einem erzieherischen Zweck dienen. Spiele sind ein gutes Beispiel. In Spielen verwenden wir Reibung, um das Lernen zu fördern. Mit Reibung werden wir vom Anfänger zum Experten und haben dabei immer noch Spaß. Es ist die virtuelle Version des Fahrradfahrens – durch Versuch und Irrtum lernen wir etwas Neues. Niemand möchte ein Spiel ohne Reibung, weil es keinen Spaß machen würde.

Bei den meisten Websites möchten Sie Ihre Erfahrung jedoch so reibungslos wie möglich gestalten. Verwenden Sie diese bewährten Strategien, um schwerelose Benutzererlebnisse zu schaffen:

1. Beginnen Sie mit einem Makroansatz

Beginnen Sie mit einer vollständigen Benutzerreise im Hinterkopf, um ein reibungsloses Benutzererlebnis zu schaffen. Auf diese Weise können Sie feststellen, wo Reibung für Ihren Entwicklungsprozess hilfreich sein kann und wann sie für Ihre Benutzer umständlich ist.

Jeder Schritt in der Reise eines Benutzers bietet die Möglichkeit, den Erfolg Ihres Gesamtprodukts zu beeinflussen. Entscheiden Sie, wann Reibung notwendig ist, um Daten zu sammeln oder Fehler zu vermeiden, und beseitigen Sie alle anderen Hindernisse, die sich negativ auf Ihre Rücklaufquote auswirken könnten.

2. Minimieren Sie die Schritte, die zum Ergreifen einer Aktion erforderlich sind

Es besteht eine gute Chance, dass Sie Ihre Reibung verringern können, indem Sie einige Schritte im Prozess eines Benutzers auslassen. Ein berühmtes Beispiel ist der komplexe Prozess der Verwendung einer iCal-Funktion:

• Doppelklicken Sie auf das Datum in der Monatsansicht.
• Geben Sie den Namen Ihrer Veranstaltung ein.
• Überspringen Sie den Standort.
• Überspringen Sie das Kontrollkästchen „ganztägig“.
• Letzten Monat überspringen.
• Vergangenen Tag überspringen.
• Letztes Jahr überspringen.
• Geben Sie die Stunde des Ereignisses ein.
• Geben Sie die Minute des Beginns des Ereignisses ein.
• Geben Sie AM oder PM ein.

Wenn Sie denken, das ist stressig anzusehen, sind Sie nicht allein. Vergleichen Sie dies nun mit der Benutzerreise in der Kalenderfunktion von Backpack:

1. Doppelklicken Sie auf das Datum des Ereignisses in Ihrer Monatsansicht.
2. Geben Sie den Namen des Ereignisses und die Startzeit ein.

Vergleichen Sie diese beiden Apps miteinander, und es ist leicht zu erkennen, welche weniger Reibung hat. In einigen Fällen haben Sie möglicherweise einen Prozess, der viele Schritte erfordert. Wenn dies der Fall ist, stellen Sie sicher, dass jeder Schritt so mühelos wie möglich ist. Sie können dies erreichen, indem Sie Kontrollkästchen verwenden, anstatt eine Eingabe zu verlangen, oder indem Sie Schritte wann immer möglich konsolidieren.

3. Wisse, dass „Weniger mehr ist“

Das ultimative Ziel einer Schnittstelle ist es, die Dinge so einfach wie möglich zu machen. Dies bildet die Grundlage für die Best Practices des Webdesigns. Indem wir das Unnötige entfernen, können wir das Wesentliche vermitteln.

Achten Sie darauf, die Elemente zu priorisieren, die den Erwartungen der Benutzer entsprechen, und entfernen Sie alles, was nicht unbedingt erforderlich ist. Ein Paradebeispiel dafür ist die Homepage von Google. Es gibt nur eine Sache, die Sie tun können, und es gibt viel weißen Raum darum herum.

Überladen Sie sich nicht zu sehr mit Funktionen – Sie laufen Gefahr, die Dinge kompliziert und schädlich für den Benutzer zu machen (was letztendlich schlecht für Ihr Produkt ist).

4. Verwenden Sie gute Navigationspraktiken

Einer der Feinde schwereloser Erlebnisse ist schlechte Navigation.

Leider kann bei der Gestaltung der Navigation viel schief gehen, daher ist dies auch eine häufige Ursache für Reibungspunkte. Es gibt keinen einheitlichen Ansatz für eine übersichtliche Navigation, aber es gibt eine Quelle, aus der Sie lernen können, was für Ihre Website funktioniert: Ihre Benutzer.

Benutzertests helfen Ihnen zu verstehen, wie Menschen auf Inhalte auf Ihrer Website oder App zugreifen, und sie zu kategorisieren. Verwenden Sie diese Informationen, um Ihre Navigationspraktiken zu steuern und anzupassen, damit sie den Bedürfnissen Ihrer Benutzer entsprechen.

5. Chunking ist dein Freund

Jeder Student der Psychologie wird sich daran erinnern, dass George A. Miller postulierte, dass der durchschnittliche menschliche Geist 7 Objekte im Arbeitsgedächtnis halten könnte, plus oder minus 2.

Hier rührt die Praxis des Chunking her – sie beugt einer kognitiven Überlastung vor. Das Organisieren von Informationen in Chunks umgeht die Einschränkungen des menschlichen Gehirns und erhöht die Gedächtnisleistung.

Wir können dieses Konzept auf das Webdesign anwenden, indem wir komplexe Aufgaben in eine Reihe kleinerer, einfacherer Aufgaben aufteilen. Wenden Sie diese Technik auf Eingabeformulare und andere umständliche Aufgaben an, um Ihre Absprungrate zu reduzieren und die Aufmerksamkeit der Benutzer zu verbessern.

6. Erfinden Sie das Rad nicht neu

Es kann verlockend sein, Ihrer Website etwas Neues oder Innovatives hinzuzufügen. Als kreative Menschen ist es für Webdesigner selbstverständlich, etwas Einzigartiges zu schaffen. Benutzer interagieren jedoch lieber mit vertrauten UI-Elementen, da sie ihr Wissen aus früheren Erfahrungen nutzen können.

Jedes Mal, wenn wir Benutzer dazu zwingen, zu lernen, wie etwas Neues funktioniert, erzeugen wir mehr Reibung für sie. Vorhersagbare UI-Muster helfen Benutzern, Systeme zu verstehen und Aufgaben zu erledigen. Verwenden Sie so weit wie möglich vordefinierte UI- und UX-Standards. Beispielsweise ist ein Lupensymbol für die Suche für Benutzer leicht erkennbar und erfordert keine zusätzliche Überlegung.

7. Bleiben Sie Ihrer Marke treu

Versetzen Sie sich zuletzt für eine Minute in die Lage Ihres Benutzers. Würde ein Besucher innerhalb von 4-6 Sekunden nach dem Besuch Ihrer Website wissen, worum es bei Ihnen geht? Wenn nicht, erzeugen Sie von Anfang an Reibung.

Ihre Zielseite oder App-Startseite sollte schnell eine Lösung ansprechen, ein Problem für Benutzer lösen oder Benutzern helfen, ihre Ziele zu erreichen. Dieses Konzept gilt für Layout, Typografie, Grafiken und mehr.

Fazit

Ihre Website oder Anwendung sollte so reibungslos wie möglich sein. Indem Sie unnötige Schritte und überladene Designelemente entfernen, können Sie Ihren Benutzern helfen, ihre Ziele schneller zu erreichen und die Absprungrate Ihrer Website zu reduzieren.

Die Reibung auf einer Website reicht vom Praktischen bis zum Ästhetischen. Beispielsweise können langsame Ladezeiten oder eine unterdurchschnittliche Navigation dazu führen, dass Benutzer Ihre Website verlassen, während ein Mangel an Leerraum oder sogar die falsche Schriftart eine erhöhte kognitive Belastung verursachen kann. Aus diesem Grund ist es wichtig, beim Design eines Produkts die gesamte User Journey zu berücksichtigen.

Indem Sie die oben beschriebenen Schritte befolgen, können Sie Reibungspunkte auf Ihrer Website erkennen und Maßnahmen ergreifen, um sie zu reduzieren. Auf diese Weise steigern Sie Ihre Conversions und werden erfolgreicher bei der Lösung von Benutzerproblemen.