Großartige Beispiele für E-Commerce-Navigation, die den Umsatz steigern können

Großartige Beispiele für E-Commerce-Navigation, die den Umsatz steigern können

E-Commerce-Unternehmen geben riesige Summen aus, um Besucher auf ihre Website zu bringen.  Laut einer Studie von Frac.tl, wurde aufgedeckt, dass Amazon im Jahr 2015 etwa 1,35 Milliarden Dollar für Suchmaschinenwerbung ausgab, was satte 97 % seines Marketingbudgets entsprach.

Wenn Unternehmen so enorme Summen für Werbung ausgeben, ist es entscheidend, eine Seitennavigation zu haben, die den Benutzer leicht zum Abschluss eines Verkaufs führt.

Man kann mit Sicherheit sagen, dass die Navigation einer der kritischsten Teile des Designs Ihres Shops ist. Eine gute Navigation sorgt für eine verbesserte Benutzererfahrung, was zu mehr Verkäufen und Umsatz führt. Andererseits frustriert eine schlechte Navigation die Benutzer, was zu einer höheren Absprungrate führt.

Baymard führte eine Studie durch  zur mobilen E-Commerce-Usability auf 50 bewerteten E-Commerce-Websites und stellte fest, dass die Benutzer die gesuchten Artikel aufgrund einer schlechten Benutzeroberfläche nicht finden konnten. Die Benutzer missverstanden, dass die Artikel nicht auf der Website vorhanden waren, und dies wirkte sich direkt nicht nur auf die aktuellen Verkäufe aus, sondern auch auf zukünftige Verkäufe, da die Benutzer wahrscheinlich nicht zur Website zurückkehren würden, wenn sie nach dieser Art von Produkt suchten.

Jede Website erhielt eine Punktzahl basierend auf 17-35 Richtlinien, und das folgende Streudiagramm stellt die zusammengefasste Punktzahl einer Website dar. Die schwarzen Linien bezeichnen den Benchmark-Durchschnitt. Rote Punkte zeigen “schlechte” Usability an, gelb zeigt “akzeptable” Leistung und grün zeigt “gute” Usability.

Es ist aus dem Diagramm ziemlich offensichtlich, dass die meisten E-Commerce-Websites keine gute Navigation für eine beeindruckende Benutzererfahrung haben.

Nun ist die größere Frage: Welche Websites haben die beste E-Commerce-Navigation? Ich habe eine Liste von 11 Websites zusammengestellt, von denen ich glaube, dass sie die beste E-Commerce-Navigation haben; Sie können überlegen, welche Aspekte dazu beitragen könnten, Ihren Umsatz zu verbessern.

1. Autocomplete von Waterstones

Wir alle sind äußerst zufrieden mit der Art und Weise, wie Google Autocomplete-Vorschläge bereitstellt. Es hilft, unsere Suche einzugrenzen, das Risiko von Rechtschreibfehlern zu minimieren und den gesamten Suchprozess zu beschleunigen, was zu genaueren Ergebnissen in kürzerer Zeit führt. Aber wenn wir eine Produktsuche auf einer E-Commerce-Website durchführen, sind die Autocomplete-Vorschläge nicht so nützlich.

Hier leistet Waterstones unglaubliche Arbeit. Es bietet genaue und schnelle Autocomplete-Vorschläge, die es dem Benutzer ermöglichen, sofort ein Produkt seiner Wahl zu finden.

Als ich das Wort „how“ in das Suchfeld eingab, gab die Suche eine Liste beliebter Buchtitel zurück, die mit dem Wort „how“ beginnen. Außerdem waren die Suchergebnisse „reichhaltig“, was bedeutet, dass ich das Buchcover und den Preis zusammen mit dem Titel sehen konnte. Wenn Sie solch vollständige Informationen sehen können, während Sie nach Auswahlmöglichkeiten suchen, können Sie eine bessere und viel fundiertere Entscheidung treffen.

Warum ist Autosuggest hilfreich?

Es bietet einen echten Schub für die Konversionsraten, da die Leute das genaue Produkt, das sie benötigen, mit minimalem Aufwand suchen und finden können.

Benutzer verlassen sich auch auf Autosuggest für die korrekte Schreibweise des Produkts, und wenn der E-Shop nicht die korrekte Schreibweise zurückgibt, dann ist das Produkt im Inventar „nicht gefunden“, was bedeutet, dass das Produkt unverkauft bleibt, obwohl die Benutzer danach gesucht haben; deshalb spielt Autosuggest eine unglaubliche Rolle bei E-Commerce-Konversionen.

2. Facettierte Suche von Rollie Nation

Großartige Produktentdeckung ist ein wesentlicher Schlüssel zur Konversion. Sie möchten nicht, dass Ihre Kunden mehrere Seiten durchsuchen, bevor sie das Produkt ihrer Wahl finden; das ist in der Tat eine schlechte Einkaufserfahrung. Die facettierte Suche ist eine großartige Möglichkeit, wertvolle Informationen über Ihr Produkt in einem leicht zu durchsuchenden Format bereitzustellen, was es den Käufern leicht macht, basierend auf ihren spezifischen Entscheidungen zu stöbern, zu filtern und einzukaufen.

Werfen Sie einen Blick darauf, wie Rollie Nation, ein Online-Schuhgeschäft, die facettierte Suche in ihrer Navigation implementiert hat.

Kunden können ihren Wunschschuh nach folgenden Optionen sortieren:

• Stil – Wie Boot, Derby, Mira, Sport usw.
• Größe – Abhängig von der Schuhgröße des Kunden.
• Preis – Filteroptionen basierend auf einem maximalen oder minimalen Preis.
• Farbe – Filteroptionen basierend auf der Farbwahl des Kunden.

In einer Fallstudie für BigCommerce hob der Gründer von Rollie Nation, Vince Lebon, die Bedeutung der Verwendung von facettierter Suche und Produktfilterung hervor. Der Aufbau einer facettierten Suche in ihre Navigation half ihnen, ihre Verkäufe explodieren zu lassen.

“Bei Schuhen kann es bis zu 14 Größen und mehrere Optionen pro SKU geben,” sagte er. “Angesichts dessen, wie schnell wir Inventar umschlagen, klickten Kunden zuvor auf drei oder vier Stile, bevor sie einen Schuh in ihrer Größe fanden, was eine frustrierende Einkaufserfahrung ist. Sobald wir in der Lage waren, die facettierte Suche in unsere Navigation einzubauen, explodierten die Verkäufe” – um satte 2,7 % Steigerung des durchschnittlichen Bestellwerts.

Warum ist die facettierte Suche hilfreich?

Sie präsentiert Ihren Katalog auf die relevanteste Weise vor Ihrem Publikum. Auf diese Weise können Sie das Stöbern in Verkäufe verwandeln.

Ihre Besucher werden nicht abgewiesen, da die facettierte Suche den Kunden hilft, das, wonach sie suchen, schneller zu finden, was bedeutet, dass die Kundenakquisekosten reduziert werden.

Bitte beachten Sie:  Bei der facettierten Navigation gibt es mehrere Navigationspfade, die Ihre Besucher nehmen können, um denselben Inhalt zu erreichen. Zum Beispiel können Benutzer, um zu roten Damen-T-Shirts zu gelangen, einen der folgenden Pfade wählen, abhängig von der Struktur Ihrer Website:

• site.com/womens/t-shirts/red
• site.com/t-shirts/womens/red
• site.com/t-shirts/red/womens

Diese Option kann massive Duplizierungsprobleme verursachen. Um dies zu beheben/vermeiden, können Sie die folgenden Optionen in Betracht ziehen:

• Verwenden Sie JavaScript um die Generierung ähnlicher URLs zu verhindern. Diese Option wird einige Zeit in Anspruch nehmen, da Sie jede Kombination von Seiten, die Sie indizieren möchten, manuell überprüfen müssen. Stellen Sie sicher, dass alle Ihre wesentlichen Seiten indiziert werden und keine doppelten URLs.
• Verwenden Sie no-index, follow um die Indizierung doppelter URL-Kombinationen zu untersagen; dies reduziert die Anzahl der doppelten Seiten auf Ihrer Website, aber Ihr Crawl-Budget und Link-Equity könnten verschwendet werden.
• Verwenden Sie Canonical tags um Google eine URL als kanonische Version wählen zu lassen, und alle anderen URLs werden als doppelte URLs betrachtet. Diese Option spart Link-Equity, aber das Crawl-Budget wird immer noch verschwendet.
• Verwenden Sie robots.txt um ähnliche URLs mit spezifischen Parametern zu untersagen. Ein Nachteil dieser Option ist, dass URLs immer noch gecrawlt werden können, wenn es irgendwelche Follow-Links gibt, die auf die Seite zeigen, die mit robots.txt untersagt wurde.

In den meisten Fällen müssen Sie eine Kombination der oben genannten Korrekturen basierend auf Ihren genauen Anforderungen wählen.

3. Größeres und visuell ansprechendes Navigationsmenü von Big Chill

Die E-Commerce-Navigation auf oberster Ebene spielt eine entscheidende Rolle bei Konversionen. Sie müssen die Benutzer hier nicht verwirren. Verwenden Sie eine größere und visuell ansprechende Menüoption, wie sie von Big Chill verwendet wird.

Die meisten Menübeschriftungen auf oberster Ebene sind einfach und bestehen aus einem einzigen Wort. Es ist ein minimalistisches Design, das weniger Spielraum für Ablenkungen bietet.

Als ich den Cursor auf das Shop-Label platzierte, öffnete sich das Dropdown-Menü, und ich war erstaunt, große und visuell ansprechende Menüoptionen zu sehen.

Sie können deutlich aus dem obigen Screenshot sehen, dass die Menüelemente in Vollbildgröße angezeigt werden und Bilder verwenden, um es dem Benutzer zu erleichtern, eine Kategorie seiner Wahl zu erkennen und auszuwählen.

Warum ist ein größeres Menü hilfreich?

Das Menü auf oberster Ebene ist leicht anklickbar und tippbar. Benutzer können Bilder leicht erkennen, ohne die Kategorienamen lesen zu müssen, was zu einer verbesserten Benutzererfahrung führt.

Käufer können die Menübeschriftungen leicht scannen und zur Kategorie ihrer Wahl wechseln; das bedeutet, dass der Benutzer sofort finden kann, wonach er sucht.

4. Fat Footer von GrubHub

Fat Footer sind eine gute Möglichkeit, Ihrem Publikum einen schnellen Überblick über Ihre gesamte Website oder die wichtigsten Seiten auf Ihrer Website zu geben. Ihr Ziel sollte eine bessere Benutzererfahrung für sie sein. Wenn Ihr Unternehmen mehrere Standorte bedient, ist es eine gute Möglichkeit, diese in Ihren Footer aufzunehmen, um Ihre Chancen auf ein Ranking bestimmter Seiten zu verbessern (aber es gibt keine Garantie; überladen Sie Ihren Footer nicht).

GrubHub zeigt jeden seiner Geschäftsstandorte im Footer an, was ihn zu einem wirklich großen Fat Footer macht.

Warum ist ein Fat Footer hilfreich?

Fat Footer sind eine gute Möglichkeit, die Benutzer auf der Website zu halten, da sie ihnen helfen, schnell zu finden, wonach sie suchen.

Sie können auch einen Schub für Ihr SEO bieten, indem Sie auf die wichtigen Seiten (entweder Kategorie oder Standort) in Ihrem Footer verlinken. Diese Strategie hilft bei einem besseren Fluss von Link-Juice und erhöht dadurch die Bedeutung der inneren Seiten. Eine erhöhte Bedeutung könnte zu höheren Rankings führen, was zu mehr Verkehr und mehr Verkäufen führt.

Bitte beachten Sie:  Verwenden Sie den Fat Footer nicht, um Leute zu spammen. Viele Webmaster verwenden Fat Footer, um Link-Equity zu gewinnen, und vergessen die UX. Denken Sie immer daran, dass Ihr einziger Zweck, einen Fat Footer auf Ihrer Website zu haben, darin besteht, die Benutzererfahrung zu verbessern. Identifizieren Sie daher den Zweck Ihrer Website und denken Sie sorgfältig über die Links nach, die Sie in den Fat Footer aufnehmen müssen. Verwenden Sie den Fat Footer nicht, um Standorte übermäßig anzusprechen, und vergessen Sie es, überoptimierte anchor text zu haben, um SEO-Wert zu gewinnen, da Google anchor text, der in Footern verwendet wird, nicht bewertet.

Zum Beispiel ist es für eine E-Commerce-Website sinnvoll, einen Fat Footer zu haben, da er den Besuchern hilft, die beliebten Kategorien und Produkte auf der Website zu durchsuchen, die sonst schwer zu finden sind. Die Praxis, von jedem einzelnen inneren Seiten einer Website aus dem Fat Footer zu verlinken, ist jedoch nicht akzeptabel, da dies von Google als Spam beurteilt werden kann.

5. Gleiche Unterkategorieanzeige unter verschiedenen übergeordneten Kategorien von Best Buy

Haben Sie jemals daran gedacht, doppelte Unterkategorien zu haben? Bestbuy.com zeigt dieselbe Unterkategorie unter verschiedenen übergeordneten Kategorien an. Dieselbe Unterkategorie „Heimkinosysteme“ findet man unter den Kategorien „Audio“ und „TV und Heimkino“.

Warum ist die Anzeige derselben Kategorie unter mehreren übergeordneten Kategorien hilfreich?

Laut einer Erkenntnisse durch Messung der Benutzerfreundlichkeit, als ein Artikel eines Kindermöbelgeschäfts in verschiedene Kategorien aufgenommen wurde, stieg der Prozentsatz der Nutzer, die den Artikel erfolgreich fanden, von 29 % auf 74 %.

Mit verbesserter Produktsichtbarkeit sind die Verkaufschancen immer höher.

6. Bunte Animation von Skinny Ties

SEO muss nicht langweilig sein; es gibt immer Animation! Ich empfehle Ihnen, Ihrer Navigation ein wenig bunte Animation hinzuzufügen und zu sehen, welche Magie sie für Sie bewirken kann.

Der Online-Krawattenverkäufer Skinny Ties leistet großartige Arbeit bei der Präsentation seiner Krawattenkollektion mithilfe bunter Animationen, die ausreichen, um die Herzen seines Publikums zu gewinnen. Hier ist, was sie von ihren Konkurrenten unterscheidet:

Sie präsentieren eine Reihe ihrer Krawatten wie Seide, gestreift, Baumwolle, Grafik usw. direkt auf ihrer Homepage in einem animierten Format.

Das obere Menü zeigt Kategorieoptionen mit reichlich visuellen Hinweisen. Die Farboptionen sind nicht nur als Text „rot“ geschrieben, sondern mit einer Farbpalette verknüpft, sodass der Benutzer sie sofort erfassen kann.

Unter dem Breitenmenü können wir sehen, dass die Breite der Krawatte nicht nur geschrieben, sondern mit einem menschlichen Bild vermittelt wird, sodass Sie sehen können, wie sie an Ihnen aussehen könnte, wenn Sie sie tragen. Ausgezeichnet! Nicht wahr?

Warum ist bunte Animation hilfreich?

Ein buntes Menü hilft dabei, die Aufmerksamkeit des Benutzers sofort zu erregen. Er kann den Cursor auf die ausgewählte Option setzen und kann nicht widerstehen, darauf zu klicken.

Das Bereitstellen reichlicher visueller Hinweise direkt in der Navigation hilft den Benutzern zu verstehen, was das Produkt bietet, und sie können angemessen beurteilen, ob das Produkt das Richtige für sie ist. Wenn Sie den Benutzern bei der Auswahl eines Produkts helfen, fühlen sie sich wertgeschätzt und empfehlen aufgrund der einfachen Einkaufsmöglichkeit andere Kunden weiter. Diese einfache Einkaufsmöglichkeit kann zu mehr Verkäufen und höheren Einnahmen führen.

7. Cookie-Retargeting von Asos

Es ist immer bequem für den Benutzer, Websites zu besuchen, die seine Präferenzen bereits kennen. Wenn ich zum Beispiel Asos besuche, werde ich automatisch zum Herrenbereich weitergeleitet und das obere Menü zeigt alle Herrenkategorien an. Das Retargeting bedeutet, dass ich nicht jedes Mal, wenn ich die Website besuche, auf die Herrenkategorie klicken muss, was den gesamten Kaufprozess beschleunigt und das Benutzererlebnis verbessert, was zu mehr Verkäufen führt.

Technisch gesehen nennt man das „Cookie-Retargeting“, bei dem ein kleines Cookie im Browser platziert wird, das die Auswahl der Besucher verfolgt.

Warum ist Cookie-Retargeting hilfreich?

Cookie-Retargeting hilft dabei, das Menü dynamisch zu aktualisieren und den Benutzern basierend auf ihren früheren Präferenzen geeignete Produktoptionen zu präsentieren. E-Shops, die dies bereits tun, verzeichnen einen Anstieg ihrer Verkäufe.

8. Leicht sichtbare Suchoption von Zara

Das Suchfeld wird oft als „Heiliges Suchfeld“ bezeichnet. Eine effiziente Suchoption ist entscheidend, um die Besucher auf der Website zu halten.

Ich habe oft gesehen, dass E-Commerce-Websites eine kleinere Suchoption haben, die schwer zu finden ist; dies hindert die Benutzer daran, das Produkt ihrer Wahl zu finden, was zu einer höheren Absprungrate führt.

Schauen Sie sich an, wie Zara eine prominentere und gut sichtbare Suchleiste verwendet, die Benutzer nutzen können, sobald sie auf der Website landen.

Warum ist eine größere Suchleiste hilfreich?

Es ist der letzte Ausweg des Benutzers, das Produkt seiner Wahl zu finden, wenn alle anderen Navigationsoptionen fehlgeschlagen sind. Ein leicht zu findendes Suchfeld ist oft der beste Weg für Kunden, direkt zu ihrer gewünschten Produktseite zu gelangen.

Die interne Seitensuchoption macht die Website kundenorientierter und spricht Besucher an, die suchaffiner sind.

Die Installation einer Seitensuchfunktion ermöglicht es Ihnen, die entscheidenden Daten aufzudecken, die Sie verwenden können, um Ihre Website und die gesamte Marketingstrategie weiter zu optimieren.

Sie können dies und andere personalisierte Navigationsvorschläge erhalten, indem Sie Ihren Shop mit  Ecommerce Booster prüfen. Verbessern Sie die Navigation, UX und Conversions Ihrer Website im Allgemeinen. Das Tool bietet detaillierte Anweisungen für jede Optimierungsaufgabe, sodass Sie keine Zeit damit verbringen müssen, zu recherchieren, wie Änderungen vorgenommen werden.

9. Vorteilsleiste von Mountain Bikes Direct

Wenn Sie möchten, dass Leute Ihre Produkte kaufen, müssen Sie ihr Vertrauen gewinnen. Eine Vorteilsleiste ist ein interessantes Element, das Sie Ihrem Website-Design hinzufügen könnten, das hilft, das Vertrauen in den Köpfen Ihrer Kunden bezüglich der Website und ihrer Produkte zu erhöhen. Und das führt zu mehr Verkäufen.

Mountain Bikes Direct leistet großartige Arbeit beim Gewinnen des Vertrauens der Kunden, indem es eine Vorteilsleiste direkt unter dem oberen Menü anzeigt. Der Vorteil kann Ihr wichtigstes Alleinstellungsmerkmal (USP), Ihre vertrauenswürdigen Kurier- oder Zahlungsdienstleister, kostenlose Rückgabe- oder Erstattungsrichtlinien, alle Auszeichnungen und Anerkennungen, die Ihr Unternehmen in der Vergangenheit erhalten hat, oder andere Optionen erwähnen, die helfen, das Vertrauen der Kunden zu gewinnen.

Warum ist eine Vorteilsleiste hilfreich?

Kunden werden den Inhalt der Vorteilsleiste definitiv sehen, und wenn sie die benötigten Informationen sofort finden und sehen können, dass andere Ihrem Unternehmen vertrauen, ist es einfacher, Vertrauen bei einem neuen Kunden aufzubauen. Dieses Vertrauen in Ihre Marke bedeutet, dass sie eher Produkte bei Ihnen kaufen.

Eine Vorteilsleiste dient als Vertrauensbooster für Kunden, die zögern, Produkte auf Ihrer Website zu kaufen.

10. Funktionsreiches Drop-Down-Menü von New Balance

Ein benutzerdefiniertes Navigationsmenü, das mehr Informationen über die Produkte enthält, wird immer zu einem besseren Benutzererlebnis beitragen; das ist es, was die Schuhmarke New Balance auf ihrer Website tut. Das obere Navigationsmenü zeigt das vollständige Bild des Produkts zusammen mit dem Produktnamen direkt in der Navigation an, und dies hilft den Besuchern, sich stärker mit dem Produkt zu beschäftigen, was zu einem verbesserten Benutzererlebnis führt.

Warum ist ein funktionsreiches Drop-Down-Menü hilfreich?

Die Benutzer werden zu den Produkten geführt, ohne die Kategorieseiten durchsuchen zu müssen, um einen Blick auf das Produkt zu werfen. Wenn Sie weniger Zeit damit verbringen, Ihre besten Produkte zu präsentieren, steigen die Chancen, dass Kunden sich für Ihre Produkte interessieren, und dies führt zu einem bemerkenswerten Benutzererlebnis, das zu mehr Verkäufen führt.

Das vollbreite, reichhaltige Drop-Down-Menü ist eine hervorragende Möglichkeit, Ihren Benutzern zu ermöglichen, sich mit Ihrer Website zu beschäftigen. Eine erhöhte Interaktion führt zu einer niedrigeren Absprungrate und einer längeren Verweildauer auf der Website. Je mehr Zeit Benutzer auf Ihrer Website verbringen, desto interessierter werden sie daran sein, Ihre Produkte zu kaufen.

11. Nua Bikes’ saubere vertikale Navigation

Wenn Sie eine Website mit einseitigem Layout haben, ist ein sauberes vertikales Navigationsmenü Ihre beste Wahl. Der Grund ist ziemlich einfach; Sie möchten nicht, dass Ihre Besucher verwirrt werden. Hier ist, was Nua Bikes in seiner Navigation tut.

Die linke Navigation präsentiert ein sauberes Design, bei dem Benutzer das Produkt ihrer Wahl schneller und unkomplizierter finden können.

Warum ist eine saubere vertikale Navigation hilfreich?

Eine saubere Navigation ist hilfreich für Websites, die ein begrenztes Produktinventar haben. Die Produkte können schneller geladen werden und die Kunden können sich leicht zum Ende des Verkaufstrichters bewegen.

Fazit

Einer der größten Fehler, den Webmaster machen, ist, die Funktionen nicht zu implementieren, von denen sie bereits wissen, dass sie Wunder wirken können. Überprüfen Sie die oben genannten Optionen und überlegen Sie, welche für Ihr Publikum am hilfreichsten wäre und welche zu mehr Verkäufen führen würde; probieren Sie es aus. Sie werden erstaunt sein, welche positiven Unterschiede dies für Ihre Verkäufe bewirken kann.