Folge 2:
Icons im Onlineshop

Symbole sind tief in unser kulturelles Gedächtnis eingeprägt. Warnschilder, Verkehrszeichen, das Speichern-Symbol auf der Diskette — wir erkennen sie intuitiv, ohne bewusst nachzudenken. Der Psychologe würde sagen: Sie sind leicht zu decodieren, weil wir gelernt haben, was sie bedeuten.

Das gleiche Prinzip lässt sich im E-Commerce nutzen. Ein Einkaufswagen-Symbol, eine Lupe für die Suche, ein Telefonhörer für Kontaktdaten — das sind gelernte Symbole, die sofort verstanden werden. Der Nutzer muss nicht lesen, er erkennt auf einen Blick, worum es geht.

Icons sind dann sinnvoll, wenn sie eins zu eins darstellen, was gemeint ist. Konkrete Beispiele:

• Navigation und Filter: In einem Druck-Onlineshop zeigt ein standardisiertes Icon auf den ersten Blick, ob es sich um eine Visitenkarte oder ein Plakat handelt — ohne dass der Nutzer den Fachbegriff lesen muss.
• Produkteigenschaften: Farben, Materialien, Batterielaufzeit oder Wasserdichtigkeit lassen sich durch etablierte Symbole schneller kommunizieren als durch Text.
• USPs und Service-Versprechen: Schnelle Lieferung, Lieferung auf Rechnung, kostenloser Versand — wenn das Icon allgemein bekannt ist, verstärkt es die Botschaft.
• Gelernte Markensymbole: Das Prime-Icon bei Amazon funktioniert, weil Millionen von Nutzern gelernt haben, was es bedeutet: schnellere Lieferung.

In all diesen Fällen erspart das Icon dem Nutzer Lesearbeit und beschleunigt die Entscheidung. Der Nutzer durchdringt das Angebot schneller, vergleicht Produkte auf einen Blick und findet das Richtige ohne Reibung.

Das Problem beginnt, wenn Shop-Betreiber eigene Icons entwickeln wollen. Ein Sternchen für „besonders herausragend“, ein Herz für „empfohlen“, ein selbst gezeichnetes Symbol für „vegan“ — meistens versteht das niemand.

Dann wird der Nutzer zum Rätsellöser gezwungen. Er muss lesen, was unter dem Icon steht, oder im Shop nach einer Erklärung suchen. Genau das Gegenteil von dem, was ein Icon leisten sollte. Statt Zeit zu sparen, kostet es Zeit. Statt Vertrauen aufzubauen, erzeugt es Verwirrung.

Besonders problematisch wird es, wenn Icons so viel Platz einnehmen, dass der danebenstehende Text zu klein wird. Der Nutzer sieht einen Stern oder ein Herz, kann den Text aber kaum entziffern. Die gesamte Konstruktion aus Icon und Text versagt dann in ihrer Aufgabe: Die Vorteile des Produkts werden nicht wahrgenommen.

Entwickeln Sie keine eigenen Icons. Wenn ein etabliertes Symbol existiert, das Ihre Aussage exakt trifft — verwenden Sie es. Wenn nicht, schreiben Sie den Text hin. Klare Bullet-Points sind besser als zwei Wochen Design-Meeting für ein Symbol, das am Ende niemand versteht.

Ein Online-Shop ist kein Kunstprojekt. Er ist dazu da, Umsatz zu generieren. Jedes Element, das der Nutzer erklärt haben möchte, ist ein Leck im Conversion-Funnel. Witze müssen nicht erklärt werden — und Icons in einem Online-Shop auch nicht.

Icons können im E-Commerce funktionieren, müssen aber nicht. Der Unterschied liegt in der Erkennbarkeit: Gelernte, standardisierte Symbole beschleunigen die Navigation und steigern Conversion. Selbst entwickelte, abstrakte Icons verwirren den Nutzer und kosten Umsatz. Reduzieren Sie auf das Wesentliche — und wenn Sie zweifeln, lassen Sie das Icon weg.

In dieser Folge zeigen wir, wie Icons die Navigation beschleunigen oder den Nutzer verwirren können.