Chroma Experience

Das richtige Icon wählen

Icons sind kleine Elemente, die vieles vereinfachen. Sie sorgen, bei
richtigem Einsatz, für eine bessere Benutzerfreundlichkeit und intuitive
Navigation. Icons sind stark vereinfachte Bilder mit einem bedeutsamen
symbolischen Wert.

Wichtig beim Erstellen oder Wählen eines Icons ist die Klarheit eines Symbols. Fällt einem
innerhalb von 5 Sekunden kein passendes Symbol ein, ist es unwahrscheinlich, dass ein Icon
die Bedeutung überhaupt eindeutig vermitteln kann.
Sie sollten also sinnvoll eingesetzt werden. Unklare Symbole sind nicht hilfreich und gehen
in einer Benutzeroberfläche unter.

Klarheit ist daher eines der wichtigsten Merkmale eines Icons. Richtig eingesetzt, ist es eine
großartige Möglichkeit, Inhalte einfach und zielführend zu vermitteln.
Das KISS-Prinzip lässt sich sowohl für Elemente auf der Benutzeroberfläche, als auch für
Symbole anwenden. Das Prinzip besagt, halte die Symbole so einfach wie möglich und
schematisch um sich auf die grundlegenden Eigenschaften zu konzentrieren.

Aber wie wähle ich das richtige Icon aus?

  • Klarheit & Erkennbarkeit: Die Bedeutung des Icons muss klar zu erkennen sein.
    Standardsymbole wie die Lupe oder ein Briefumschlag sollten nicht vom Gelernten
    abweichen.

  • Einfachheit: Ein Icon dient der Vereinfachung und macht die Anwendung
    benutzerfreundlicher. Daher gilt, ein Symbol nicht überladen und von unnötigem
    Ballast befreien.

  • Ästhetik: Die visuelle Anziehung unterstützt die Nutzerfreundlichkeit

  • Größe & Skalierbarkeit: Icons sind leicht anzuklicken bzw. zu berühren. Das Symbol
    sollte daher auch in unterschiedlichen Größen gut erkennbar bleiben.

Etablierte Icons

Bei der Wahl des richtigen Icons sollte das Rad jedoch nicht neu erfunden werden. Das
Verständnis der Nutzer basiert auf Erfahrungen. Symbole wie Haus, Lupe, Mail usw. sind
etablierte Icons, welche auch international genutzt und vom Nutzer erkannt werden.

Abbildung 1: Etablierte Icons

Diskrepanz

Icons, die widersprüchlich zueinander stehen frustrieren, verwirren und wirken sich negativ
auf die Nutzerfreundlichkeit aus. Symbole mit ähnlicher Bedeutung sind zu vermeiden und
klar zu definieren.

Abbildung 2: Diskrepanz

Unterstützung

Die Verwendung von Symbol und Text unterstützt die Klarheit und sorgt dafür, dass eine
Fehlinterpretation und somit Frustration, minimiert wird.

Abbildung 3: Unterstützung

Konsequenz

Intuitives Design geht mit konsequentem Design einher. Wenn ähnliche Elemente ein
einheitliches Aussehen haben und auf ähnliche Weise funktionieren, verbessern sich sowohl
die Erlernbarkeit als auch die Nutzerfreundlichkeit.

Icon-Sets sollten eine visuelle Einheit bilden, also stilistisch aus einer Feder stammen. Das
Verwenden von einem Farbschema, sowie einheitlichen Stilattributen (Größen, Strichstärke,
abgerundet/eckig usw.) führen zu einem homogenen Bild.

Icons helfen dem Nutzer ohne Frustration das zu tun, was sie müssen und unterstützen ihn
dabei, sich intuitiv durch die Seite zu navigieren. Symbole sollten gezielt eingesetzt werden,
ohne gezwungen zu wirken. Nicht immer ergibt ein Icon Sinn und es reicht eine einfache
Textbeschriftung. Überlegtes Einsetzen erschafft Harmonie und ein nutzerzentriertes
Design.

Abbildung 4: Konsequenz