Bildteaser-Menü

Bildteaser-Menü

Ein Teaser-Menü ist eine Liste von Überschriften, die bereits kurze Zusammenfassungen der Inhalte anzeigen. Die Teaser sind mit den jeweiligen Artikeln verlinkt. Nutzer wissen so, was sie unter einem Menüpunkt erwartet und werden zum Erkunden der Inhalte einer Seite eingeladen.

Im mobilen Web werden Teaser häufig als Bildteaser gestaltet, bestehend aus einem Bild mit Beschriftung.

Geeignet für:

Bildteaser eignen sich als Navigationselement besonders bei Websites mit viel Inhalt. Dem Benutzer werden die wichtigsten Inhalte auf der Startseite sofort präsentiert. Darüber hinaus erfährt dieser, dass mehr Informationen verfügbar sind, die er bei Bedarf aufrufen kann.

Dargestellt werden Bildteaser auf einem mobilen Gerät meistens im oberen Bereich der Startseite.

Vorteile

  • Verweis auf Informationen, die aus Platzgründen nicht auf der Hauptseite angezeigt werden können
  • Ein Bildteaser weckt Neugier und verleitet zum Weiterklicken

Zu beachten

  • Die Klickfläche muss groß genug sein, damit der Nutzer sie mit dem Finger treffen kann

  • Wenn durch einen Klick auf Pfeile an der rechten und linken Bildseite weitere Bildteaser angezeigt werden können, sollten diese sichtbar dargestellt werden und ohne Probleme funktionieren

  • Es besteht die Gefahr, dass andere, nicht verlinkte Abbildungen als Bildteaser und somit als anklickbar wahrgenommen werden

Empfehlungen

Die Benutzertests haben ergeben, dass Bildteaser in der Regel gleich zu Beginn als Navigationselement vom Benutzer wahrgenommen und deshalb häufig als erste Navigationsoption genutzt werden. Eine Verwendung für mobile Websites kann deshalb empfohlen werden.

Anfängern bereitete es jedoch größere Probleme, den Bildteaser anzuklicken. Die Klickfläche sollte deshalb groß genug gestaltet werden. Sofern eine Swipe-Funktion verwendet wird, sollte deren Vorhandensein durch Pfeile sichtbar sein.

Informationen im Internet

Wiki zu Mobile Design Patterns von Nokia Developer (2013): Teaser Menü

Beispiele

Bildteaser für Nachrichteninhalte und Videos auf der mobilen Website von gmx.de