3. Kein Hamburger-Menü auf dem Desktop
Es ist normalerweise nicht ratsam, ein Hamburger-Menü auf dem Desktop zu verwenden. Es verdeckt die Navigation und die Menüpunkte können nicht auf einen Blick zeigen, wofür die Website da ist, ohne dass man erst klicken muss. Besser ist es, die Menüpunkte direkt in der Kopfzeile sichtbar zu machen. Denken Sie daran, dass es für Ihre Website wichtig sein kann, so ruhig wie möglich zu sein. Wenn die Verwendung eines Hamburger-Menüs Ihre Website schöner aussehen lässt und Sie bereit sind, bei der Benutzerfreundlichkeit Kompromisse einzugehen, kann ein Hamburger-Menü in Betracht gezogen werden.
Unsere Desktop-Website verwendet kein Hamburger-Menü und alle Menüpunkte sind daher direkt sichtbar.
4. Anzahl der Ergebnisse beim Filtern
Beim Filtern von Produkten zum Beispiel wird oft eine Schaltfläche angezeigt, um die gesetzten Filter tatsächlich anzuwenden. Für die Nutzer ist es hilfreich, wenn die Anzahl der Ergebnisse, die nach dem Anklicken der Schaltfläche erscheint, im Text der Schaltfläche mitgeteilt wird. Auf diese Weise wissen die Nutzer bereits, was sie erwartet. Möglicherweise möchten sie als Reaktion auf die Anzahl der Ergebnisse sogar noch mehr filtern, bevor sie mit der Anzeige beginnen.
Auf der mobilen Website von Zalando zeigt die Schaltfläche zum Anwenden der Filter die Anzahl der Ergebnisse an.
5. Großes Menü öffnet sich nicht beim Hovern
Manchmal braucht eine Website ein großes, umfangreiches Menü. Ein solches Menü nimmt viel Platz auf dem Bildschirm ein. Daher ist es wichtig, es nur dann zu öffnen, wenn Sie sicher sind, dass der Benutzer es wünscht. Daher ist es in der Regel besser, ein großes Menü nicht beim Hover zu öffnen, sondern nur, wenn man auf den übergeordneten Menüpunkt klickt. Auf diese Weise ist es weniger wahrscheinlich, dass das Menü versehentlich geöffnet wird und im Weg ist. Beachten Sie, dass der übergreifende Menüpunkt dann keinen Link enthalten darf. Wenn ein solcher Link benötigt wird, muss er auch in das ausgeklappte Menü eingefügt werden.
6. Klebeüberschriften für Vergleichstabellen
Vergleichstabellen enthalten manchmal sehr viele Zeilen. Es ist dann lästig, immer nach oben scrollen zu müssen, um die Spaltenüberschriften zu sehen. Eine geeignete Lösung dafür ist, diese Überschriften klebrig zu machen. Auf diese Weise sind sie immer im Blick und Sie können leichter zwischen verschiedenen Abonnements, Diensten oder Produkten vergleichen.
Auf der Tarifseite von Montag sind die Abonnements dank der klebenden Überschriften neben der Tabelle leicht zu vergleichen.
7. Lieber kein unendliches Scrollen
Es gibt mehrere Möglichkeiten, um viele verschiedene Produkte in einer Übersicht darzustellen. Am häufigsten wird die Paginierung verwendet. Hier werden die Produkte auf Seite 1, Seite 2, Seite 3, usw. verteilt. Eine andere Möglichkeit besteht darin, alle Produkte auf einer Seite zu platzieren und unter jede Reihe von Produkten eine Schaltfläche „Mehr laden“ zu setzen, die es ermöglicht, jedes Mal neue Produktreihen zu laden. So werden nicht alle Produkte sofort geladen, denn dann würde die Seite sofort sehr lang werden. Unendliches Scrollen ist die dritte Möglichkeit. Auch hier befinden sich alle Produkte auf der gleichen Seite, aber die Produkte werden bei jedem Scrollen automatisch geladen. Dies hat den Nachteil, dass der Benutzer weniger Kontrolle über die Anzahl der Produkte auf der Seite hat, dass es schwierig ist, den Überblick zu behalten, welche Produkte bereits angesehen wurden, und dass die Fußzeile nicht erreicht werden kann. Aus diesen Gründen wird die Verwendung des unendlichen Scrollens in den meisten Fällen nicht empfohlen.
8. Breadcrumb-Menü anzeigen
Wenn eine Website drei oder mehr Ebenen hat, wie tief die Seiten strukturiert sind, kann diese Struktur für die Nutzer schwer zu verstehen sein. Hier hilft ein übersichtliches Menü, das immer leicht zu erreichen ist. Darüber hinaus ist es ratsam, ein Breadcrumb-Menü zu implementieren. Dies ist die „zusätzliche“ Navigation, die sich vorzugsweise oben links befindet. Es sollte zeigen, welche übergeordneten Seiten es gibt. Auf diese Weise können die Benutzer eine Vorstellung davon bekommen, wie tief sie sich auf der Website befinden.
Das Breadcrumb-Menü auf der Website von Coolblue macht die Struktur der Website leichter verständlich.
9. Bildvorschauen in Karussells
Karussells sind eine beliebte Lösung, um viele Bilder auf einer Seite unterzubringen. Hier wird ein Teil einer Bildergalerie direkt angezeigt und andere Bilder können z. B. durch Anklicken eines Pfeils nach links oder rechts navigiert werden. Es ist gut für die Bindung an die Website, wenn mehr als ein Bild betrachtet wird. Dies ist jedoch keineswegs immer der Fall. Die Wahrscheinlichkeit, dass mehr Bilder angesehen werden, ist geringer, wenn außer dem „Featured“-Bild keine kleinen oder verkürzten Vorschauen der Bilder direkt sichtbar sind. Es ist wahrscheinlicher, dass übersehen wird, dass es mehr Bilder gibt. Sorgen Sie daher dafür, dass andere Bilder immer sichtbar sind.
10. Keine automatischen Karussells
Auch bei der Verwendung von Karussells ist es ratsam, die Bilder nicht automatisch wechseln zu lassen. Der Grund dafür ist, dass ein automatisches Karussell den Nutzern eine Menge Kontrolle entzieht. Außerdem wird durch die Bewegung viel Aufmerksamkeit erregt. Diese Aufmerksamkeit ist oft besser auf ein Stück Text oder eine wichtige Schaltfläche gerichtet. Aus diesem Grund sollten Sie nur manuelle Karussells verwenden. Werden Sie sich trotzdem für ein automatisches Karussell entscheiden? Dann stoppen Sie den automatischen Wechsel des Bildes, sobald Sie mit dem Karussell interagiert haben.
Das Bewertungskarussell auf der Website von Hof van Zeeland schaltet die Bewertungen nicht automatisch um, um unnötige Ablenkungen zu vermeiden.
Kontaktieren Sie uns
Möchten Sie weitere Tipps zum Thema UX? Dann nehmen Sie Kontakt mit uns auf! Je besser die UX auf Ihrer Website ist, desto zufriedener werden Ihre Kunden mit Ihrer Website sein und desto mehr Umsatz werden Sie damit machen.
