Sicher haben Sie das schon erlebt: Ein Shopbetreiber gestaltet sein mobiles Menü neu, wählt edle Symbole, streicht alle Textbeschriftungen zugunsten eines „cleanen Looks“ – und wundert sich zwei Wochen später über sinkende Klickzahlen auf den Kategorieseiten. Das Problem war nicht der Geschmack, sondern falsche Annahmen darüber, was Nutzer auf einen flüchtigen Blick verstehen.
Die Frage nach Icons oder Text ist keine Designspielerei, sondern eine Usability-Frage mit direkten Auswirkungen auf den Umsatz.
- Nur eine Handvoll Icons wird universell verstanden: Startseite, Lupe (Suche), Einkaufswagen und Schließen-Kreuz. Alles andere benötigt zwingend Text.
- Die Ergänzung von Textlabels zu Navigations-Icons steigerte in A/B-Tests die mobile Conversion um über 10 %.
- Apple und Google schreiben Textbeschriftungen in unteren Navigationsleisten in ihren Designrichtlinien explizit vor.
- Best Practice: Icons mit kurzen Textbeschriftungen für die Primärnavigation (Tab Bar), reiner Text für Mega Menüs.
Der Mythos des universellen Icons
Webdesigner glauben oft, Symbole seien eine Weltsprache. Usability-Studien der Nielsen Norman Group widerlegen dies: Fast alle Icons sind ohne Kontext mehrdeutig. Ein Herz kann „Gefällt mir“, „Wunschliste“ oder „Favoriten“ bedeuten. Ein Stern kann für Bewertungen, Bestseller oder Premium-Mitgliedschaft stehen. Ohne Text muss der Kunde raten – und viele tippen im Zweifel gar nicht erst.
5-Punkte-Schnelltest für Ihren Shop
- Erkennen Sie jedes Symbol ohne Nachdenken? Zögern Sie auch nur kurz, geht es Ihren Kunden genauso.
- Besitzt Ihre mobile Tab Bar Textbeschriftungen? Die Ergänzung kurzer Begriffe (1–2 Wörter) bringt sofortige Conversion-Steigerungen.
- Sind Ihre Kategorienamen rein bildlich darstellbar? Bei spezifischen Sortimenten leistet Text die Hauptarbeit.
- Stammen die Icons aus einem einheitlichen Set? Vermeiden Sie uneinheitliche Strichstärken und Stile.
- Sind die Klickflächen groß genug? Icons mit darunterliegendem Text bilden natürlicherweise ergonomischere Touch-Ziele.
Skalieren Sie Ihre Shopify-Navigation mit Navi+
Schalten Sie Textlabels flexibel zu, nutzen Sie vorgefertigte Icon-Bibliotheken für Tab Bars, Mega Menüs und FAB-Buttons auf 331+ Themes.
Themen entdecken
Dieser Leitfaden verlinkt auf gezielte Artikel — vertiefen Sie jedes Thema.