Niemand möchte schlechtes Design schaffen, und doch passiert es die ganze Zeit. Und während die Ursache für schlechtes Design variiert, ist das Endergebnis die gleiche - schlechte Benutzererfahrung.

Eine schlechte Benutzererfahrung frustriert die Benutzer und führt oft dazu, dass das Produkt aufgegeben wird. In diesem Artikel konzentriere ich mich auf einen bestimmten Aspekt schlechter Design-UI-Techniken, die zu schlechtem UX führen.

1. Pop-Ups

Wenn ich dich frage, die am meisten irritierende Sache im Web zu nennen, sind die Chancen, dass Sie antworten werden, "Pop-ups". Laut der NN-Gruppe Pop-ups sind die am meisten gehasste Web-Erfahrung je.

Wir alle kennen dieses Gefühl. Sie besuchen eine neue Website, der Inhalt auf der Seite scheint interessant zu sein. Du fängst an, es zu lesen, und wenn du erst einmal die Hälfte des Textes durchschritten hast, wirst du plötzlich von einem riesigen Overlay unterbrochen, in dem du gefragt wirst, ob du einen Newsletter abonnieren oder dir etwas anbieten möchtest. In den meisten Fällen besteht Ihre unmittelbare Reaktion entweder darin, das Overlay zu schließen oder die gesamte Seite, das Overlay, zu schließen.

opt6

Ein Overlay, das auf der Esquire-Website verwendet wird.

Es ist offensichtlich, warum so viele Websites diese Technik verwenden: Werbekunden zahlen sie dafür. Die Pop-up-Technik ist jedoch zu störend und wirkt sich sehr negativ auf die Besucher aus. Jedes Mal, wenn Sie ein Pop-up-Fenster einblenden, bitten Sie die Benutzer, das zu beenden, was sie tun möchten (was für sie wichtig ist) und sich darauf zu konzentrieren, was sie tun sollen (was für Sie wichtig ist). Es ist nicht überraschend, dass ein solches Verhalten oft die Absprungrate erhöht.

Es ist möglich, Pop-ups zu verwenden, ohne Ihre Besucher zu stören. Folgen Sie einfach einer einfachen Regel - triggern Sie ein Pop-up zur richtigen Zeit. Zum Beispiel ist es viel besser, es den Benutzern zu erlauben, die aktuelle Aktivität zu beenden (z. B. das Ende der Seite zu erreichen), bevor ein Pop-up angezeigt wird. Sobald die Nutzer etwas mehr Zeit haben, etwas über Sie zu erfahren (Ihre Marke und Ihre Angebote), steigt die Wahrscheinlichkeit, dass sie bereit sind, das zu tun, was Sie tun möchten.

Eine weitere wichtige Komponente ist die eigentliche Nachricht, die Sie in Ihrem Popup-Fenster haben. Sie müssen eine großartige Kopie schreiben. Die Kopie sollte nicht beleidigend, betrügerisch oder verwirrend sein. Warte, aber warum gehen Sie noch weiter und integrieren Sie Humor in ihren Text:

opt1

Wenn Besucher die Kopie von Waitbutwhy lesen , lassen sie sie lächeln.

Es ist erwähnenswert, dass es viele weniger auffällige Werkzeuge gibt, wie zum Beispiel Einschubleisten, die nicht die ganze Seite abdecken und ähnliche Ergebnisse in Bezug auf die Konvertierung erzeugen.

2. Unendliches Scrollen

Infinite Scrolling ist eine Technik, mit der Benutzer durch eine riesige Menge an Informationen blättern können, ohne dass eine Ziellinie sichtbar ist. Die Seite wird einfach nur aktualisiert, während der Benutzer nach unten scrollt. Die Technik wurde in der Ära der mobilen Geräte populär (das Scrollen ist viel komfortabler als das Klicken auf einen winzigen Bildschirm). Auf den ersten Blick ist diese Technik eine perfekte Lösung für viele Probleme - sie erfordert weniger Aufwand und macht das Verständnis des Inhalts so einfach wie möglich (alle Benutzer müssen scrollen). Es ist jedoch keine einheitliche Lösung für jede Site oder App.

Der Hauptnachteil der Technik ist auch ihr Hauptvorteil: Es ist keine Ziellinie in Sicht. Wenn Benutzer an einen bestimmten Punkt im Stream gelangen, können sie ihren Standort nicht markieren und später wieder darauf zugreifen (beachten Sie, ich meine Position, nicht bestimmte Position). Wenn sie also die Seite verlassen (z. B. von einem Gerät zu einem anderen wechseln), verlieren sie ihren gesamten Fortschritt und müssen erneut nach unten scrollen, um zur selben Stelle zurückzukehren. Die Unfähigkeit, die Scroll-Position zu bestimmen, stört oft die Benutzer und beeinträchtigt die allgemeine Benutzererfahrung.

Im Jahr 2012 experimentierte Etsy, eine E-Commerce-Website, die sich auf handgefertigte oder Vintage-Artikel konzentrierte, mit Layouts für ihre Produktseite. Sie implementierten eine infinite scroll Schnittstelle und stellten fest, dass die neue Schnittstelle nicht so gut funktionierte wie eine vorherige Version mit Paginierung. Obwohl einige Einkäufe gleich blieben, Nutzerbindung ging zurück .

Was sagt uns das Beispiel von Etsy? Es sagt uns, dass wir bei jeder Designentscheidung die Vor- und Nachteile abwägen sollten, bevor wir sie in unsere Designs integrieren. Apropos unendlicher Scroll, es funktioniert gut für etwas wie Twitter / Instagram, wo Benutzer glücklich sind, einen endlosen Strom von Daten zu scannen, ohne nach etwas speziellem zu suchen.

3. Push-Benachrichtigungen

Haben Sie schon einmal auf die Anzahl der Benachrichtigungen geachtet, die Sie täglich von verschiedenen Apps erhalten? Wie viele dieser Benachrichtigungen interessieren Sie eigentlich? Nicht zu viele, denke ich.

Jeden Tag werden wir mit nutzlosen Benachrichtigungen bombardiert, die uns von unseren Aktivitäten ablenken. Sie ärgern uns.

opt5

Der Streaming-Dienst sendet jedem Nutzer eine Benachrichtigung, sobald eine neue Episode einer Sendung veröffentlicht wird.

In der Tat sind nervige Benachrichtigungen der Hauptgrund, warum Nutzer mobile Apps deinstallieren (laut 71% der Befragten).

Push-Benachrichtigung ist ein mächtiges Werkzeug, aber wie bei jedem anderen Tool kann es für gut oder böse verwendet werden. Wenn Nutzer Ihre App verwenden, können sie keine Benachrichtigungen erhalten, solange Benachrichtigungen einen echten Mehrwert bieten. Es ist wichtig, Benachrichtigungen so zu gestalten, dass sie für Ihre Nutzer nützlich, relevant und zeitnah sind. Personalisierte Inhalte sind ein Schlüssel für die hervorragende Nutzererfahrung. Wenn Sie die richtige Nachricht zur richtigen Zeit an die richtige Person übermitteln, wird Ihre Push-Benachrichtigung zu einem starken Auslöser, der die Person motiviert, Maßnahmen zu ergreifen.

opt3

Netflix macht eine großartige Arbeit, um ihre Botschaften an die Person zu personalisieren, die sie empfängt.

4. Scroll Hijack

Hijacked Scrollen ist eine der nervigsten Dinge für viele Benutzer, da es die Kontrolle von ihnen entfernt und macht das Scrollen Verhalten völlig unvorhersehbar. Beim Entwerfen einer Website ist es in den meisten Fällen besser, Scroll-Hijacking zu vermeiden und den Benutzer über die Website navigieren zu lassen. In einigen seltenen Fällen funktioniert das Scroll-Hijacking jedoch für Ihre Benutzer. Zum Beispiel verwendet Tumblr diese Technik auf ihrer Homepage, um Informationen in Blöcken darzustellen.

opt2

Tumblr verwenden Scroll-Hijacking, um Inhalte in Chunks bereitzustellen.

Fazit

Es ist erwähnenswert, dass alle in diesem Artikel erwähnten Techniken nicht per se schlecht sind. Benutzer hassen sie nur, wenn Designer sie blind integrieren. Jede Technik oder Muster auf Ihrer Website oder in Ihrer App sollte intelligent und mit einiger Mäßigung verwendet werden.