Skip to content

Usability-Problem: Icons in der Hauptnavigation

Vueling.com – Navigation

Vueling.com – Navigation

Nein, ein Freund von Icons bin ich nicht. Nur selten verbessern selbst hübsch gestaltete Icons die Nutzerführung. Je spezifischer die Anwendung, desto ungeeigneter sind Icons, um diese darzustellen. Anders als Bezeichnungen können Symbole fehlinterpretiert werden, weshalb Icons meines Erachtens generell mit spitzen Fingern angefasst werden sollten, insbesondere dann, wenn der Zugang zum Webangebot niedrigschwellig sein soll.

Neulich erschien die mit Icons überfrachtete Hauptnavigation der spanischen Billig-Fluggesellschaft Vueling auf meinem Screen (Abb. oben). In dieser Form sicherlich sehr eigen. Das mag nett aussehen … nur … „nett“ ist die kleine Schwester von …, genau. Icons prägen die Gestaltung der gesamten Website. Zumindest in der Hauptnavigation hätte man sich im Sinne einer anwenderfreundlicheren Umgebung davon lösen müssen, da die Icons die Auswahl und die Bedienung überflüssigerweise erschweren.

Bereinigt könnte das etwa so aussehen: einzeilig, ohne Icons, in der Formulierung einheitlich und möglichst kurz („Sitzplatz wählen“ statt „Wählen Sie Ihren Sitzplatz“).

Vueling – Navigation neu

Ich trau es mich gar nicht zu sagen, weil es so abgedroschen klingt. In der Hoffnung, dass es sich auch bis nach Spanien herumspricht: Weniger ist halt doch oftmals mehr, gerade in Sachen Usability.

Achim Schaffrinna

Achim Schaffrinna ist Designer und Autor. Hier im Design Tagebuch, 2006 von mir gegründet, schreibe ich über die Themen Corporate Identity und Markendesign. Ich konzipiere und entwerfe Kommunikationsdesign-Lösungen und unterstütze Unternehmen innerhalb von Designprozessen. Designanalyse ist Teil meiner Arbeit. Kontakt aufnehmen.

Dieser Beitrag hat 27 Kommentare

  1. Dass es diese Icons geworden sind, und keine anderen, könnte dem Selbstzweck geschuldet sein, den auch andere Kommentatoren hier formulieren: “Ich finde ja Icons grundsätzlich […]” ist zwar als Meinung nett, aber nicht relevant.

    Die Icons hätten im Hinblick auf ihre Bedeutung und nicht zum Selbstzweck gestaltet werden sollen. Warum liegt das Gepäckstück auf einem extra Gepäckwagen? Warum ist der Sitzplatz von vorne illustriert? Ist der Online-Check-in nur über ein Notebook möglich? usw.

    Da hätte etwas weniger Information in den Icons gereicht.

    Ungeachtet dessen sind die Menüpunkte auch zu kompliziert formuliert und ganze Menüpunkte redundant. Was bitte ist ein Preiskalender? Es handelt sich immer noch um eine normale Flugsuche, nur in einer kalendarischen Darstellung statt listenbasierend.

    Man könnte also nicht nur Menüpunkte kürzen und Icons vereinfachen / weglassen, sondern auf ganze Menüpunkte verzichten.

  2. Ich finde die Umsetzung mit den Icons in Ordnung und eine gelungene Abwechslung zu all diesen langweiligen Seiten mit Menüpunkten in Textform, von denen man sich die meisten sowieso nicht ansehen will.

  3. Icons, das ewige Thema. Allein, was hilft die ganze Diskussion, wenn am Ende des Tages der (beratungsresistente) Kunde sagt: “Keine Zeit, kein Geld, aber machen Sie doch mal noch ein paar kleine Bildchen rein. Sieht mit der Schrift so nackig aus und ich habe das auf anderen Webseiten gesehen. Schauen Sie mal hier…”

    Grmppfff…

Schreibe einen Kommentar

Die Netiquette ist zu beachten. Vor dem Hintergrund einer transparenten, sachlich-fairen Debatte wird die Nutzung eines Klarnamens empfohlen.

Folgende HTML-Elemente können verwendet werden: <b> <i> <img src="bildurl"> <a> <blockquote>

An den Anfang scrollen