FIT für Usability

Wenn ein Nutzer im Online-Shop das findet, was er sucht und es am Ende sogar gelingt, dass er sowohl mit der Suche als auch dem Ergebnis zufrieden ist, deutet dies auf einen gut gestalteten und selbstbeschreibungsfähigen Shop hin. Dieser Artikel zeigt, wie’s geht.

Die Startseite als Schaufenster der Webseite

Die Startseite einer E-Commerce-Seite gibt dem Besucher einen ersten Eindruck, wonach er darüber entscheidet, ob er auf der Seite bleibt und sie für ihn interessant ist. Sie erklärt, wer „dahinter steckt“, was sie anbietet und verführt den Kunden einzutreten und die Seite zu durchstöbern. Neben Angeboten präsentiert sie anhand von wenigen, aber aussagekräftigen Produkten, was sie zu bieten hat. Sie ist dabei informativ und dennoch übersichtlich, da sie ansonsten den Besucher überfordert.

Innen wie außen: Übersichtlich und Eindeutig

Auf der Startseite hat der Besucher in der Regel die Möglichkeit Produkte über die einfache Suche zu finden, ihm stehen jedoch auch Kategorien und Produktlisten zur Verfügung, um den richtigen Weg zum gesuchten Produkt oder Service zu finden. Während ersteres vor allem beim Finden eines bestimmten Produktes dienlich ist, kann der Besucher bei Letzterem in den Kategorien stöbern, um so aus Alternativen das entscheidende Produkt zu finden. Produktkategorien sind dabei eindeutig voneinander zu unterscheiden und gemäß DIN EN ISO 9241-110 selbstbeschreibungsfähig, sodass der Nutzer weiß, was ihn für Produkte in der Kategorie erwarten. Unklarheiten und missverständliche Beschriftungen können den Eindruck erwecken, dass es Produkte nicht gibt. Dabei schadet es nicht, Produkte nach unterschiedlichen Kategorien zu sortierten, sodass diese wie in Abbildung 1 einmal nach Zielgruppen „Damen“, „Herren“ und „Kinder“ aber auch nach Themen wie „Bekleidung“, „Schuhe“, „Sport“ etc. sortiert sind. Innerhalb der Produktkategorien sorgen Filterungsmöglichkeiten dafür, dass der Nutzer sich nicht in Kategorien und Unterkategorien verliert, sondern mit ein paar Klicks die angezeigten Produkte einschränken kann. Eine räumliche oder optische Trennung der Filterungsmöglichkeiten und Unterkategorien zur effektiveren Unterscheidung hilft dabei, schneller zu den passenden Produkten zu finden.

Abbildung 1: Kategorienansicht des Online-Shops zalando mit ausgeklappter Mouse-Over Ansicht einer Themenkategorie

Informative Produktlisten helfen eine Vorauswahl zu treffen

Die angezeigten Produkte in einer Kategorie oder Suchergebnisliste geben einen ersten Blick auf das Produkt und dem Besucher so einen Überblick was es gibt. Dies hilft ihm relevante Produkte zu erkennen, ohne jedes Produkt einzeln aufrufen zu müssen, indem hier schon erste wichtige und unterscheidungsträchtige Informationen angezeigt werden. Dazu gehören: ein kurzer Titel mit Name und wichtigen Produkteigenschaften, ein aussagekräftiges Produktbild, mögliche Variationen bezüglich Farben, Formen und Optionen/Ausstattungen, sowie der Preis. Je nach zur Verfügung stehenden Platz erleichtern dem Nutzer auch Produktbewertungen, Hinweis-Icons auf Angebote oder Neuheiten, Verfügbarkeit oder Hover-Feldern mit detaillierteren Produktinformationen oder Produktbildern mit anderen Farben, sodass sich nicht ein neues Fenster öffnen muss.

Fazit

Je einfacher und schneller der Nutzer sich durch einen Online-Shop navigieren kann, desto zufriedener ist er am Ende. Dies erreicht der Online-Shop, indem er klare Strukturen gemäß der Selbstbeschreibungsfähigkeit nach DIN EN ISO 9241-110 zeigt und dem Nutzer die möglichen Handlungsoptionen deutlich anzeigt. Die Produkte sollten dabei ebenfalls übersichtlich und mit den wichtigsten Eigenschaften dargestellt werden, sodass der Nutzer schnell die interessanten Produkte erkennen und die uninteressanten ausblenden kann. Gerade wenn Nutzer den Shop mit kleineren Displays wie Smartphones oder Tablets nutzen, sind sie für jeden entfallenden Klick gemäß der Aufgabenangemessenheit nach DIN EN ISO 0241-110 dankbar. Denn dies spart Zeit und Nerven.

Quelle: „UX Guidelines for Ecommerce Homepages, Category Pages, and Product Listing Pages“ https://www.nngroup.com/articles/ecommerce-homepages-listing-pages/