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. @Uwe S: Libreoffice hatte nach nem Update mal neue Icons, was mich auch erst irritiert hat. Ich hab damals das Speichern-Icon auch erstmal gesucht. Hab halt wie sonst auch eben ein Diskettensymbol erwartet. Was war es am Ende? Ein grüner Pfeil nach unten, der auf irgendwas graues zeigt. Für mich idiotisch, das hätte genauso gut ein Downloadsymbol sein können. O_o

    Da ist dann die Frage ob man etablierte Icons beibehalten sollte oder ob man die der Zeit anpasst, was eben dazu führt dass man die Zeichen erstmal neu lernen muss.

  2. Ich sehe da kein reines “Icon oder nicht” Problem. Die Räume zwischen den Icons wie auch ihr Stand zum Text ist so unterschiedlich, dass sich keine Ordnung einstellen mag.

  3. Das mit den veralteten Bildzeichen ist in der tat eine Krux:
    Sage mir jemand bitte ein besseres Zeichen für den Begriff “Idee” als die vermaledeite Glühbirne!

  4. Ich bin ein Fan von Icons. Jetzt kommt jedoch ein ABER. Icons sollten nicht in auffälliger oder sogar dominanten Form genutzt werden. Eine Fluggesellschaft möchte natürlich eine nutzerfreundliche Oberfläche mit selbsterklärender Navigation. Ich bin der Meinung, dass eine minimalistischere Darstellung / einfarbig sogar besser gewesen wäre.

    Liebe Grüße

  5. Icons find ich gut. Sie unterstützen die Übersichtlichkeit. Allerdings sind sie in diesem Fall viel zu kompliziert um schnell erfasst zu werden. Sie bringen auch Unruhe hinein weil sie völlig unterschiedliche Formen und Formate haben. Besser wäre, wenn sie viel reduzierter und in einem einheitlichen Rahmen stehen würden.

  6. Ich finde Icons generell nicht schlecht. Man darf nur nicht dem Irrglauben anheim fallen, dass sie zur Verbesserung der Usability dienen sollen. Das ist nur bei Shops hilfreich, um Kategorien besser zu unterscheiden, die ohne Icon schwerer zu definieren sind. Flyeralarm macht das zum Beispiel recht gut. Auch der Telefonhörer ist ein super Signal und viel schöner als ein “Tel.:”.

    Bei Vueling kommen die Icons sympathisch rüber und das ist Ihr Zweck. Der besser lesbare Alternative-Entwurf ohne Icons wirkt dagegen deutlich kühler und unpersönlicher. Die Seite hat ja keinen Bildanteil und die Icons wirken als illustratives Element der “Bleiwüste” entgegen. Lesbarkeit ist sehr wichtig, aber bei Top-Usability letztendlich unfreundlich zu wirken ist auch keine Lösung.

  7. Grundsätzlich ist die Umsetzung der Bilder hier nicht besonders gelungen. Allerdings finde ich auch den Lösungsvorschlag von Achim nicht gelungen, offen gestanden. Das ist zu viel Text, ich persönlich hab meine Schwierigkeiten, in der zweistufigen Menüführung hier etwas zu finden da überall Text in der gleichen Größe ist.

    Hier finde ich helfen gut strukturierte Symbole schon. Das sieht man ja auch bei Verkehrszeichen – in den USA wird alles ausgeschrieben.

    “No Parking at any time
    except delivery 7am – 8am” oder so

    Da ist das deutsche / europäische durchgestrichene Symbol leichter zu erkennen.

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