10 Tipps zur Usability-Optimierung von Online-Shops

Bilder wirken. Sehr gute Produktfotos sind daher extrem wirksam. Es kann folglich Sinn machen, die Produkte nochmals selbst zu fotografieren, wenn die Herstellerfotos nicht einheitlich in bester Qualität und Art sind. Qualität suggerieren beispielsweise sehr gute Detailaufnahmen. Das macht etwa Apple sehr gut. Dort ist der eigentliche Shop auch dezent ausgelagert, aber vielfach clever an die primär unkommerziellen Produktseiten angebunden.

Klassische Shops überfordern den Besucher bei der Navigation. Es gibt auch viele wichtige Links, allein im Kopfbereich die Produktnavigation, Suche, Warenkorb, Anmelden, Registrieren usw. Aber nicht jeder Link muss überall platziert werden. Man sollte sich auf den Schwerpunkt (je Benutzertyp und konkreter Funktion) konzentrieren. Im Warenkorb sind andere Links wichtig wie auf der Startseite oder Kategorieseiten. Weniger ist mehr.

Je nach Auflösung fällt bei Porsche das Corporate Design im Online-Shop in sich zusammen.

Mache es dem Käufer einfach. Alles was weg kann, kann weg.
Wichtig sind klare Handlungsaufforderungen mit klaren Buttons, die nicht um Aufmerksamkeit mit anderen umgebenden Elementen konkurrieren müssen.
Diese Call-to-Action-Buttons, auch BOB (für big orange button) genannt, sind eine wichtige Brücke auf dem Weg vom Besucher zum Käufer.
Bewährte Tipps:

• Nutzen nennen
• aktive, eindeutige Verben
• gut sichtbare Platzierung
• Aufmerksamkeit durch Kontrast und Abstand
• eindeutig als Button erkennbar

Auch wenn obiger Shop manche Dinge nicht gut löst, durch Fotos, Farben und Gestaltung vermittelt der Shop sehr gut die gewünschte Stimmung und schafft damit die passende Atmosphäre für die Produkte. Leider nutzen selbst Outdoor-Shops dies nicht oder nur unzureichend.

Je nach Benutzertyp sollte man sich mehr oder noch mehr an das gelernte, typische Shop-Layout anlehnen. Denn der Käufer sollte nicht suchen müssen, sondern alle Funktionen dort finden, wo er sie erwartet.
Diese Erwartungshaltung verändert sich auch im Laufe der Zeit und ist auch je nach Endgerät leicht unterschiedlich.
Derzeit kann man generell für Desktop-Geräte folgendes festhalten:

• Warenkorb ist rechts oben
• Suche ist oben mittig oder rechts
• Registrieren, Login ist oben rechts
• Sprachwahl ist oben rechts oder mittig

Orientieren kann man sich an prägenden bekannten Shops wie Zalando und Co.

Die Produktdetailseite ist sehr wichtig. Das ist den meisten Shopbetreibern klar. Hier gilt es neben der Benutzerführung (vgl. oben) den Platz optimal zu nutzen, zumal häufig viele Informationen vorhanden sind. Obiges Beispiel zeigt ein klassisches Layout, das derzeit als bewährt gelten kann.
Je nach Produkt und Benutzertyp kann es aber wichtig sein, weitere Details und Vorzüge hevorzuheben. Dazu zwei sehr gute Beispiele:

Wer im Shop suchen muss, hat ein Problem. Je nach Passion und Alternativen minimiert sich die Geduld der Suchenden. Aus Shop-Sicht ist der Besucher praktisch gleich weg. Daher sind die Suche generell sowie Produktfilter bei mehreren Produkten sehr wichtig. Denn wenn diese nicht intuitiv, korrekt und wie erwartet funktionieren, gibt es keine zweite Chance. Der Frust ist zudem beim Besucher groß. Daher plädiere ich lieber dazu Filter sparsam einzusetzen, dafür lieber mit Kategorien, Bestsellern etc. arbeiten, um die Produktanzahl soweit zu reduzieren, dass eine Filterung einfach bleiben kann.
In obigem Beispiel macht Zalando das trotz enorm vieler Filter recht gut:

• Wegweiser-Pfad-Navigation (Breadcrumb)
• Klare Kategorieüberschrift mit Gesamtzahl der Produkte
• Eindeutige Filter (insgesamt acht (!) Stück, von denen aber nur die vier wichtigsten eingblendet sind)
• intuitive Sortierung
• Klare Kategoriebox links

Besonders deutsche Käufer achten sehr auf die Vertrauenswürdigkeit von Shops. Neben SSL für persönliche Dateneingaben geht es dabei um Markenbekanntheit, Trustsiegel (Trustes Shops, TÜV, …), Kundenbewertungen, aber auch Social Media spielt hier eine wichtige, wenngleich meist subtile Rolle.
Kundenbewertungen sind immer wie ein offenes Visier, aber mit enormer Wirkung, wenn man sie wie Amazon, aber auch Zalando geschickt einsetzt.

Shop-Software erfordert meist viele Server-Ressourcen. Beliebte Shop-Systeme wie Magento benötigen speziell potente Server, um akzeptable Ladezeiten zu erreichen. Es gibt genügend Studien, die klar belegen, wie die Kaufrate (Conversion-Rate) mit jeder Zehntelsekunde Ladezeit sinkt.
Dynamisches Nachladen weiterer Produkte beim Scrollen mag die initiale Ladezeit verkürzen, muss dann aber auch flott funktionieren. Der größte Hebel wäre hier sicherlich die Wahl einer effizienten Shop-Software mit einem leicht überdimensionierten Webhosting. Aber selbst ohne diesen Wechselaufwand kann man mit klassischer Ladezeitoptimierung einiges erreichen.

Ein Usability-Test lohnt sich schon in kleinem Maßstab. Frage einen Bekannten, der den Shop nicht kennt, ob er wenige Minuten für einen Test Zeit hat. Stelle dieser Person eine konkrete Aufgabe vorab, etwa „finde ein Geschenk für … bis 100 Euro und lege es in den Warenkorb!“.
Dabei schaut man dem Probanden über die Schulter und bittet ihn laut die Gedanken zu äußern. Ansonsten ist keinerlei Hilfestellung erlaubt.
Ansonsten gibt es auch recht günstige externe Tester, etwa bei rapidusertests oder inspectlet.