Häufige Fehler, die Ihrer Site-Navigation im Wege stehen

Die Psychologie sagt uns, dass das Gehirn von Natur aus faul ist.

Aus diesem Grund ist der Titel von Steve Krugs Buch „Don't Make Me Think“ der Kerngedanke der Benutzerfreundlichkeit von Websites.

Wenn Sie Ihren Besuchern eine gute Erfahrung bieten möchten, damit sie konvertieren, sollte Ihre Website nicht erfordern, dass sie viel geistige Anstrengung aufwenden müssen, um herauszufinden, wie sie ihrem Ziel näher kommen können .

Dies wird in der Welt der Web-Usability als Minimierung der kognitiven Belastung bezeichnet.

Hier sind einige Hindernisse für eine effiziente Navigation der Benutzer:

1. Inhaltsfreie Etiketten

Werfen Sie einen Blick auf die nachstehende Homepage. Angenommen, Sie wollten herausfinden, welche Arten von Unterkünften verfügbar sind und wie hoch die Preise in diesem Resort sind. Was würden Sie anklicken?

Wir verstehen, dass sie versuchen, süß zu sein, indem sie urlaubsbezogene Wörter verwenden. Diese Navigationspunkte haben für Besucher jedoch keine Bedeutung.

Ein Navigationselement sollte die Erwartungen der Benutzer darüber wecken, was passiert, wenn sie darauf klicken.

Es gibt keinen Platz für Zweideutigkeiten – Labels müssen aussagekräftig und eindeutig sein.

2. Große Grafiken und Bewegung

Denken Sie an diese Hierarchie, wohin die visuelle Aufmerksamkeit geht, wenn Sie Ihre Seite gestalten:

I. Bewegung
II. Grafik
III. Text

Das menschliche Gehirn ist verdrahtet, um Bewegung zu sehen.

Jedes Mal, wenn sich etwas bewegt, muss sich der Benutzer neu konzentrieren, und das steht der effizienten Erledigung einer Aufgabe im Weg. Elemente wie rotierende Banner sabotieren aufgrund ihrer Verwendung von Bewegung die Aufmerksamkeit der Benutzer auf die Elemente, die den Benutzern tatsächlich beim Navigieren helfen würden.

Wenn Sie zum Beispiel auf der Homepage von Kelly Moore landen, wissen Sie nicht wirklich, worum es auf der Seite geht. Die meisten der oben genannten Immobilien werden von einem rotierenden Banner eingenommen, und es gibt keinen Slogan, sodass der Besucher keine Ahnung hat, was es hier zu kaufen oder zu tun gibt.

Bewegung und große Grafiken verhindern, dass Benutzer Navigationselemente bemerken, und zwingen den Benutzer, die Navigationsleiste anstelle des Seitentexts zu verwenden.

Vermeiden Sie also große Grafiken oder Bewegungen, es sei denn, sie unterstützen direkt Ihren primären Call-to-Action (CTA).

Für ein Hotel oder Resort kann es beispielsweise sinnvoll sein, große Bilder zu haben, um die Merkmale oder Einrichtungen zu präsentieren. Diese Elemente sollten die Benutzer jedoch nicht bei der effektiven Navigation behindern.

3. Spezifische Produkte auf der Homepage

Wenn Sie zufällige Artikel auf Ihrer Homepage präsentieren, selbst wenn es sich um Ihre Bestseller handelt, raten Sie wirklich nur, was der Kunde will (es sei denn, Sie führen programmatische Personalisierung durch).

Denken Sie daran, dass Ihre Homepage zwei Dinge tun muss:

• Gewinnen Sie das Vertrauen der Besucher, damit sie bleiben
• Dient als Wegweiser für den Rest der Website

Als Wegweiser muss die Homepage Informationen zu allen Aufgaben enthalten, die Besucher erledigen können . Es muss in der Lage sein, dem Besucher mitzuteilen, was er auf der Website tun kann.

Der Inhalt auf der Startseite sollte die oben verfügbaren Hauptnavigationsoptionen widerspiegeln. Benutzer sehen sich zuerst den Seitentext an; Wenn ihnen das nicht gelingt, schauen sie auf die Navigationsleiste.

Indem Sie bestimmte Produkte haben, die den Hauptteil der Homepage einnehmen, machen Sie die Navigation undurchsichtig.

Wenn Sie beispielsweise eine E-Commerce-Website betreiben, sollten Sie die verschiedenen Produktkategorien visuell darstellen, damit Besucher sofort wissen, was auf Ihrer Website zu kaufen ist.

4. Mangel an visuellen Zeichen für Erschwinglichkeit

Wenn mit einem Element interagiert werden kann, muss es visuell offensichtlich sein, dass mit ihm interagiert werden kann.

Im folgenden Checkout-Flow gibt es beispielsweise keinen Hinweis darauf, dass das gesamte Adressfeld ein Hotspot ist, auf den geklickt werden muss. Da es außer „Speichern & Fortfahren“ kein anderes anklickbares Element zu geben scheint, wird der Benutzer davon ausgehen, dass dies die einzige Aktion ist, die er ausführen muss, um fortzufahren.

Die Aktionen, die die Besucher ausführen müssen, müssen visuell hervorgehoben werden, damit sie nicht übersehen werden.

5. Artikel an einem nicht standardmäßigen Standort

Da das menschliche Gehirn faul ist, verwendet es häufig Abkürzungen.

Wenn Benutzer im Internet Dinge nicht dort finden, wo sie sie erwarten, erhöht dies die kognitive Belastung. Sie bringen die Benutzer zum Nachdenken.

Diese Produktdetailseite zum Beispiel bricht die Vorhersehbarkeit, indem …

• … die Beschreibung links und das Bild rechts platzieren. Traditionell ist es umgekehrt. (Und das ist für das Lesen und Scannen von links nach rechts optimiert.)
• … den CTA-Button zu weit unten zu platzieren.

Diese Seite richtet sich anscheinend nur an hochmotivierte Käufer , da die Schaltfläche „In den Einkaufswagen“ nicht sichtbar ist – sie befindet sich weit unterhalb der Falte und die Farbe mischt sich mit dem Rest der Website.

Denken Sie daran, dass „In den Einkaufswagen“ das wichtigste Element Ihrer Produktseite ist. Stellen Sie sicher, dass Sie es vom Rest der Website unterscheiden und dass es sich dort befindet, wo die Besucher es erwarten.

(Erwägen Sie das Anheften oder Wiederholen des CTA – es sollte keine Bildschirme ohne die Aktionen geben, die ein Benutzer ausführen kann.)

Es ist auch ein Fehler, Warnungen oder Aktionsschaltflächen in einem völlig anderen Bereich der Seite zu platzieren, relativ zu dem, woran der Benutzer gerade arbeitet.

Wenn Sie beispielsweise ein Formular haben, denken Sie daran, dass die Leute es nicht immer richtig ausfüllen werden. Wenn sie ein Feld verpassen, stellen Sie sicher, dass sich die Fehlermeldung in der Nähe des interaktiven Elements befindet, das sie verpasst haben. Wenn es sich um eine lange Form handelt, lassen Sie den Benutzer nicht nach dem Bereich suchen, in dem er einen Fehler gemacht hat.

6. Vage Aktionstaste

Geben Sie so genau wie möglich an, was eine Schaltfläche bewirkt.

Wie bei allen anderen Navigationselementen sollte der CTA-Button dem Benutzer genau sagen, was er bekommt, wenn er darauf klickt.

Das bedeutet, dass auf der Schaltfläche nicht einfach „Weiter“, „Fortfahren“, „Erste Schritte“ oder „Senden“ stehen sollte.

Es sollte diesen Satz vervollständigen (aus der Sicht des Benutzers):

"Ich möchte __________. „

Dies ist besonders wichtig in einem Checkout-Prozess, wenn der Kunde wissen möchte, ob „Fortfahren“ bedeutet, dass er seine Bestellung noch überprüfen kann, oder ob ihm der Kauf jetzt in Rechnung gestellt wird.

Amazon.co.uk erkennt diese Besorgnis an, indem es eine ansonsten vage „Weiter“-Schaltfläche durch den Zusatz „Sie können diese Bestellung überprüfen, bevor sie endgültig ist“ verdeutlicht.

7. Fehlende Semmelbrösel

Seiten sollten einen Titel haben, der darauf hinweist, dass sie mit der Aktion verknüpft ist, die der Benutzer zuvor ausgeführt hat. Das gibt ihnen die Gewissheit, dass sie auf dem richtigen Weg sind.

Die Nielsen Norman Group zeigt beispielsweise den Namen und das Datum der Konferenz deutlich an, wenn Sie einen Kurs auswählen.

Sie werden überrascht sein, wie wenige Organisationen – sogar Unternehmen, die auf Web-Usability ausgelegt sind – diese einfache Usability-Regel nicht befolgen.

Ihre Besucher sind faul

Wenn Sie Ihre Benutzer zum Nachdenken bringen – wenn Sie Ihre Besucher aus dem Autopilot-Modus rütteln – ist das Spiel für Sie normalerweise vorbei, es sei denn, Ihr Benutzer ist ungewöhnlich motiviert.

Tappen Sie nicht in diese Falle.

Aus dem gleichen Grund können Sie viel tun, um sicherzustellen, dass Sie Ihre Conversion-Chancen maximieren. Wenn Sie sicherstellen, dass Ihre Labels klar und deutlich sind, sich von großen Grafiken und Bewegungen fernhalten, Ihre Homepage als Wegweiser verwenden, Signifikanten für Benutzeraktionen verwenden, vage Labels und fehlende Breadcrumbs vermeiden, haben Sie einen Vorteil gegenüber der Konkurrenz .