Quelle.de – was kann man von der neuen Shop-Navigation lernen? (Teil 2)

Nachdem ich mich in meinem ersten Beitrag zum Re-Design von Quelle.de vor allem mit der Gestaltung des Kopfbereichs (Header) und der Benennung der Hauptrubriken beschäftigt hab, steht nun die Shop-Navigation im engeren Sinne auf der Agenda.

Einleitend dazu gleich mal eine Abbildung um das Konzept zu verdeutlichen:

Wie funktioniert das?

Wenn der Maus-Cursor über die Bezeichnung „Produkte“ fährt, dann erscheinen die Sortimente bzw. Warengruppen (Damenmode & Schuhe, Herrenmode & Schuhe usw.).
Über rechtseitig positionierte Pfeile wird angezeigt, dass je Warengruppe noch Unterwarengruppen bzw. Produktkategorien angeboten werden. Z. B. im Bereich Damenmode & Schuhe so was wie Wäsche & Strümpfe, Sport & Badebekleidung etc..
Diese Produktkategorien erscheinen wenn der Mauszeiger über die Sortimentsbezeichnungen fährt.

Interessant und in dieser Form noch nicht oft gesehen: Wenn der Layer mit den Sortimenten bzw. Warengruppen ausklappt, dann wird die Startseite im Hintergrund mit einem Schleier überzogen (siehe Abbildung).
Der Nutzer sieht die Inhalte der Startseite weniger deutlich, dafür sticht die Navigation regelrecht hervor. Ganz nette Idee finde ich. Der Nutzer will sich ja nun auf die Navigation und die dort angezeigten Rubriken fokussieren; das wird auf dieser Weise erleichtert.

Schade nur, dass die Warengruppen und Produktkategorien zum Teil alles andere als „nutzergerecht“ bezeichnet sind und die Navigation zudem in der Entscheidungsfindung kaum unterstützt.

Wie ist das gemeint und was kann man besser machen?

Versuche das man am Beispiel des Sortiments Damenmode & Schuhe zu verdeutlichen.

Sortiment Damenmode & Schuhe mit den zugeordneten Warengruppen, Produktkategorien und mehr... www.quelle.de (Stand Juli 2009)

Sortiment Damenmode & Schuhe mit den zugeordneten Warengruppen, Produktkategorien und mehr… www.quelle.de (Stand Juli 2009)

Bekleidung wäre doch grundsätzlich eigentlich eine dem Sortiment „Damenmode & Schuhe“ übergeordnete Bezeichnung, unter der dann eben auch Herrenmode fällt, oder?. Aus dem Kontext sollte sich für die meisten Nutzer erschließen, dass sie hier nur Damenbekleidung finden. Kleines Problemchen also, aber irgendwie verwirrend. Wohl als Abgrenzung und Ergänzung zur Kategorie Schuhe gedacht.

Aber wie ist das nun mit Wäsche & Strümpfe und Sport & Badebekleidung. Finde ich die nicht auch, wenn ich auf (Damenmode & Schuhe >) Bekleidung klicke? Offene Frage, wieder eine kleine Verwirrung beim Nutzer…

Große Größen – ganz nett eigentlich, da eine Art Filter. Aber auch hier die Frage: „Okay, wenn ich eine große Größe habe (weis eigentlich jeder ab wann eine Kleidergröße „groß“ ist?), dann brauch ich gar nicht in Bekleidung oder Wäsche & Strümpfe reingehen, denn das gibt’s dann ja nur kleine und Normalgrößen…, oder?“ Gute Frage, dritte kleine Unklarheit…

Und so häufen sich die wenn auch kleinen Unklarheiten und es wird schnell deutlich, dass hier durchaus Optimierungspotenzial besteht, man Nutzer mit der Navigation nicht voll und ganz zufrieden stellen kann.

Eindeutig ist die Kategorie Schuhe – keine Abgrenzungsschwierigkeiten. Gleiches gilt meines Erachtens auf für Arbeits- und Berufsbekleidung und Umstandsmode auch.

Wie kann man es nun aber besser machen?

So wie Otto.de zum Beispiel…

Sortiment Damen und die im Layer angezeigten Unterkategorien www.otto.de (Stand Juli 2009)

Sortiment Damen und die im Layer angezeigten Unterkategorien www.otto.de (Stand Juli 2009)

Was macht Otto.de gut?

Nicht alles, keine Frage… Aber dieser Layer verdeutlicht recht schnell, dass es auf Otto.de unterschiedliche Zugänge zum Sortiment Damenmode gibt, z. B. klassisch nach Produktkategorien von A-Z oder nach Themen. Zudem kommuniziert der Layer allen Besuchern welch breites Sortiment Otto.de im Bereich Damenmode aufzuweisen hat: Alle relevanten Kategorien werden sofort aufgeführt und sind größtenteils auch verständlich bezeichnet. Diese Layer-Navigation unterstützt den Nutzer in seiner Entscheidungsfindung deutlich besser als die von Quelle.de.

Man kann das natürlich noch besser machen, wie z. B. …
… habt ihr Tipps für „gute“ Layer-Navigationen auf Online-Shops, die verschiedene Einstiege ins Sortiment bieten und auf diese Weise den Nutzer in seiner Entscheidungsfindung unterstützen? Freue mich auf euere Linktipps.