Umfrage zu den mobilen Ansichten von JTL-Shop 5

Call to Action: Warenkorb-Button und Mengenangabe sind festgepinnt am unteren Bildschirmrand. So muss der Kunde nicht lange suchen, wenn er sich zum Kauf entschieden hat.

Produktbeschreibung: Details zu den Produkten sind auf Reitern (Tabs) untergebracht, die der Nutzer zudem wischen (sliden) kann. Das ermöglicht es, die Seite kurz zu halten, aber trotzdem alle Informationen unterzubringen.

Footer: Ergänzende Informationen in der Fußleiste, zum Beispiel zu den Versandbedingungen, wurden in einem Accordion untergebracht.

Bedienbarkeit: Die Klickflächen (Touch Points) wurden in ihrer Größe optimiert, so dass auch Besucher mit größeren Händen oder kleineren Smartphones die mobilen Ansichten leichter bedienen können.

Preise: Wenn ein Produkt rabattiert ist, dann wird die Reduzierung jetzt optisch stärker hervorgehoben. Ansonsten ist die Preisdarstellung mit dem vorherigen Template vergleichbar.

Layout: Eure Besucher können zwischen einer ein- und zweispaltigen Produktpräsentationen wählen. Beim 1-Spalte-Layout sind dem Kunden die Produtkbilder wichtiger-  und man kann sich eine Wunschliste zusammenstellen sowie Produkte direkt vergleichen. Für mehr Übersicht, sprich um mehr Produkte auf einmal anzusehen, wählt der Besucher das zweispaltige Layout.

Hinweisfähnchen: Die Flags für Top-Produkt, Beststeller usw. haben eine neue, schlankere Form erhalten. Hinzu ist außerdem ein zusätzlicher Prozente-Flag gekommen, der parallel zu anderen Flags direkt am Produktbild einen Rabatt signalisieren kann.

Erfüllung rechtlicher Anforderungen: Es darf keine Warenkorb-Direktfunktion angezeigt werden, wenn nicht alle rechtlich relevanten Infos angezeigt werden. Das wirkt sich speziell bei mobilen Ansichten aus.

Auf Filter zugreifen: Durch eine Schaltfläche direkt zu Beginn einer Kategorieansicht ist der Filter nun schneller zugänglich.

Filter auswählen: Manche Shops haben viele Filter und noch mehr Werte. Die Auswahl der Filter wird deshalb ab jetzt durch ein Accordion übersichtlicher und eine Scrolling Bar erscheint, wenn es sehr viele Kategoriewerte gibt.

Trefferquote: Der festgepinnte Button am unteren Ende der Seite enthält die Information, wie viele Produkte die aktuelle Filtereinstellungen ergeben. Die Anzahl aktualisiert sich live beim Aktivieren oder Deaktivieren eines Filters.

Preis-Slider: Der Preisfilter wurde durch Drag&Drop optimiert. Gleichzeitig kann der Shopbesucher auch klicken oder den Preis eingeben.

Checkout: Der Checkout-Prozess besteht wie gehabt aus drei Schritten plus einer Bestätigungsseite. Daran kann aktuell auch designseitig, aufgrund der technischen Integration, nichts geändert werden.

Rechtliche Anforderung: Die aktuellen Gesetzesanforderungen standen ebenfalls im Fokus. Beispielsweise muss auf der Kaufbestätigungsseite der Kaufbutton am unteren Ende stehen, und zwar direkt nach einer hervorgehobenen Box, die den Gesamtpreis der Bestellung inklusive Versandkosten usw. darstellt. Zwischen finalem Preis und Kaufbutton darf nichts stehen. Diese Regeln dienen der Transparenz für den Kunden.

Als Gast kaufen: Für viele Shopbesucher unverzichtbar, aber von Händlern nicht immer gewollt: die Checkout as a guest-Möglichkeit. In der aktuellen Benutzerführung versuchen wir auf der Bestätigungsseite, die direkt nach dem Bestellabschluss angezeigt wird, interessierte Gastkunden doch noch zur Registrierung zu bewegen.