Verstehen Ihre mobilen Nutzer das Icon des Hauptmenüs?



 

 

Jeder, der eine mobile Webseite hat oder plant, steht vor der Herausforderung den beschränkten Platz gut zu nutzen. Oftmals wird deshalb nur ein Icon ohne beschreibenden Text für das Hauptmenü verwendet.

Das sogenannte “Hamburger-Icon” ist auf mobilen Webseiten, vor allem bei Smartphones weit verbreitet. Die Annahme ist, dass der geringe Platz im Header sinnvoll genutzt wird.

 

Nicht alle Nutzer verstehen das Hamburger-Icon

Bei der Auswertung mehrerer mobiler RapidUsertests konnten wir wiederholt feststellen, dass dieses häufig verwendete Menü-Icon oftmals gar nicht als Zugang zur Hauptnavigation erkannt wird — und wie diese Diskussion auf twitter zeigt, sind wir nicht die Einzigen die darüber stolpern.

Vor allem Personen ab 35 Jahren scheinen immer wieder Probleme zu haben, dem Icon eine eindeutige Funktion zuzuschreiben. Dementsprechend finden sie oftmals nicht das Hauptmenü und können nicht das gesamte Angebot des Shops erkunden.

 

Sichern Sie den Zugang zum Hauptmenü

Können Sie es sich leisten, Ihren Nutzern das Gesamtangebot Ihres Online-Shops vorzuenthalten?

Die Lösung des Problems ist simpel:

  • Schreiben Sie “Menü” unter bzw. neben das Icon oder
  • Ersetzen Sie das Hamburger-Icon durch einen eindeutige Button mit der Aufschrift “Menü”.
  • Achten Sie dabei auf gute Lesbarkeit auf Smartphones

A/B-Tests zeigen eine deutliche Verbesserung der Klick-Rate auf das entsprechend geänderte Hauptmenü. Somit sichern Sie die Orientierung Ihrer Nutzer in der gesamten Angebotspalette Ihres Shops.

Fazit

Selbst weit verbreitete Icons werden nicht immer korrekt erkannt.
Die Lösung ist einfach: Verwenden Sie seltene Icons nur mit eindeutiger Beschriftung. Hierbei helfen regelmäßige Nutzertests mit der relevanten Zielgruppe.

 
 
_______________________________________________________________________________________

Robert Lischke - Usability Psychologe
Über den Autor:

Robert Lischke ist Usability-Psychologe und hat eine Ausbildung im Design-Thinking. Er ist umfassender Generalist und erfahren in qualitativen und quantitativen Projekten, sowie der Interface-Konzeption.

 
 
 


Ähnliche Artikel:

Schreibe den ersten Kommentar

Trackbacks/Pingbacks

  1. Die optimale mobile Navigation? 3 Navigations-Konzepte im Vergleich – Teil 1 | RapidUsertests Blog - […] Immer wieder stellen wir im Rahmen unserer RapidUsertests fest, dass die Navigation von Online-Shops nicht optimal auf die mobilen…

Kommentar schreiben

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Wordpress Themes - Wordpress Video Themes - Wordpress Travel Themes - WordPress Restaurant Themes