HOW TO: Onsite Search – Autocomplete (2/4)

HOW TO: Onsite Search – Autocomplete (2/4)

HOW TO: Onsite Search – Autocomplete (2/4)

Die Onsite Suchfunktion zählt zu den zentralen Funktionen einer E-Commerce Plattform und entspricht dem wichtigsten Sprachkanal zu Ihren Kunden. Hinter der, auf dem ersten Blick manchmal unscheinbaren, Suchfunktion steht nicht nur intelligente Technologie sondern auch eine Vielfalt an Logik- und Design-Entscheidungen, die über Erfolg, bzw. Misserfolg einer Suchfunktion entscheiden. Im Rahmen dieser vierteiligen Artikelreihe möchten wir Ihnen Guidelines und Konzepte an die Hand geben, um auch Ihre Nutzer mit einem genialen Sucherlebnis zu begeistern.

HOW TO: Onsite Search
Autocomplete (Part 2/4)

Im zweiten Teil der “HOW TO: Onsite Search“ Reihe beschäftigen wir uns mit dem Thema Autocomplete und Vorschlagsfunktion. Die Autocomplete ist ein essentieller Bestandteil einer guten Suchfunktion und entscheidender Faktor für eine bestmögliche Customer Experience. Dabei ist das Ziel in erster Linie nicht zwingend eine Beschleunigung des Suchprozesses, sondern die Nutzer in Ihrer Suche zu unterstützen und an die Hand zu nehmen. Eine gute Umsetzung unterstützt Nutzer bei der Auswahl der möglichen Suchbegriffe, hilft bei der Vermeidung von Rechtschreibfehler und bietet Inspiration im Rahmen der Customer Journey.

Die Autocomplete ist in den letzten Jahren ein fixer Bestandteil in der Optimierung geworden Aufgrund der massiven Einflüsse Google und Amazon haben Nutzer eine konkrete Vorstellung, wie diese funktionieren und gestaltet sein soll, deren Fähigkeiten zur effektiven Suche ist jedoch sehr schwach ausgeprägt. Laut einer Studie der Nielsen Norman Group ist nur etwa 1% der Nutzer in der Lage, ihre Suchstrategie anzupassen, um effektive Suchergebnisse zu erhalten. Eine gut durchdachte Autocomplete kann die Nutzer dabei effektiv unterstützen.

Da die Autocomplete einen direkten Einfluss auf die Art und Weise des Umgangs mit der Suchfunktion hat, richtet eine schlecht geplante Implementierung meist mehr Schaden als Nutzen an. Die Qualität und Relevanz der Vorschläge sollte daher ebenso ernst genommen werden wie die Qualität und Relevanz der Suchergebnisse selbst. Aus diesem Grund stellen wir Ihnen im Folgenden klare Guidelines zur Umsetzung einer Best-Practise Autocomplete vor.

Hinweis: Das Thema Autocomplete kann im Internet auch unter verschiedenen Synonymen wie Smart Suggest, Suggest-Funktion, Autosuggest, Query Suggestions, Flyout, Flapout usw. gefunden werden. Um den Leser nicht zu verwirren, verwenden wir im Folgenden einheitlich den Begriff Autocomplete.

1. Unterstützen Sie Ihre Nutzer mit keyword-basierten Suchvorschlägen

Die Möglichkeit innerhalb der Autocomplete aus einer Liste von potenziellen Suchbegriffen zu wählen zählt mittlerweile zu den “Golden Standards” und sollte in allen Online-Shops gegeben sein. Dabei ist es jedoch wichtig zwischen vorgeschlagenen Suchbegriffen → führen zu einem Produktlisting und vorgeschlagenen Produkten → führen direkt auf eine Produktdetailseite, zu unterscheiden. Sind diese Suchvorschläge nicht verfügbar fehlt den Nutzern Unterstützung bei der Formulierung Ihrer Suchanfrage. Manchen Nutzer fühlen sich unsicher, wenn Sie bei Eingabe Ihrer Suchanfrage nicht sofort durch bekannte Suchvorschläge unterstützt werden. In der Folge kann dies zu einem Abbruch der Suche und alternativ zur Verwendung der Navigation führen.

Der Fokus der Autocomplete sollte daher auch auf der prominenten Platzierung der Suchvorschläge liegen. Manche Online-Shops priorisieren die Darstellung von Produkt-, Kategorien- oder Marken-Vorschlägen, wodurch Suchvorschlägen der Fokus genommen wird.

Transfer aus der Praxis: Stellen Sie sich vor Sie gehen in eine Filiale und fragen Ihre Verkäuferin des Vertrauens nach einer “Winterjacke”. Dann möchten Sie auch zur richtigen Abteilung geführt werden und nicht direkt den “schwarzen Parka mit Fellkapuze in Größe M” oder nur Winterjacken der Marke XY präsentiert bekommen.

2. Design der Autocomplete

Grundsätzlich lässt sich sagen, dass es kein ultimatives Template zur Gestaltung einer Autocomplete gibt. In zahlreichen User-Tests haben sich jedoch eine Reihe von Best-Practices ergeben, die bei der Gestaltung berücksichtigt werden sollten, um Ihre User bestmöglich abzuholen.

  • Halten Sie die Menge an Suchvorschlägen überschaubar 

Die Anzahl der dargestellten Suchvorschläge für Desktop sollte bewusst limitiert werden. Eine zu große Auswahl an möglichen Suchvorschlägen wirkt für den Nutzer eher abschreckend. Die Anzahl sollte daher auf maximal 10 Vorschläge begrenzt werden. 

Dasselbe gilt, aufgrund des begrenzten Platzangebotes, auch für mobile Endgeräte. Tipp: Mobile wählen Nutzer meist aus den ersten drei Suchvorschlägen!

  • Gestalten Sie Ihre Autocomplete aus Nutzersicht

Ihre Nutzer sollten klar zwischen den Suchvorschlägen und zusätzlichen Datenpunkten unterscheiden können. Jeder alternative Datenpunkt, wie etwa die Kategoriesuche (“Suche X in Kategorie Y”) oder die Anzahl der Ergebnisse, sollte sich im Design (Schriftart, -farbe, etc.) von den Suchvorschlägen abheben.

  • Nutzen Sie Labels zur besseren Abgrenzung und Lesbarkeit 

Fügen Sie Ihrer Autocomplete klärende Bezeichnungen hinzu, um zwischen den verschiedenen Möglichkeiten, wie Suchvorschläge, Produktvorschläge, Kategorie oder Trending Results unterscheiden zu können.

Labels trennen klar zwischen Suchvorschlägen. passenden Produkten und Kategorien

  • Heben Sie die aktuell gewählte Auswahl hervor

Geben Sie Ihren Nutzern ein klares visuelles Feedback, welcher Vorschlag aktuell aktiv ist, egal ob der Nutzer mit der Maus über diesen hovert, oder er mit der Tastatur durch die Ergebnisse navigiert.

Der aktuell ausgewählte Suchvorschlag wird durch dunklen Hintergrund klar hervorgehoben.

  • Die geöffnete Autocomplete sollte sich vom Rest der Website abheben 

Verdunkeln Sie den restlichen Teil der Website, wenn Suchfunktion und Autocomplete aktiv sind, um die Aufmerksamkeit der Nutzer bewusst auf die Suchfunktion zu legen.

3. Ergänzen Sie die Möglichkeit der Suche in Kategorien

Im Vergleich zur Suche eines Begriffes im gesamten Produktkatalog, kann die Vorauswahl auf eine gewisse Kategorie zu besseren und relevanten Ergebnissen führen. Als Frau möchten sie in den meisten Fällen bei einer Suche nach “Schuhen” auch nur Damenschuhe als Ergebnisse erhalten und demnach Herren- und Kinderschuhe im Vorhinein ausschließen. Um an dieser Stelle noch einmal auf Punkt 2 zurückzugreifen: Dem Nutzer soll zu jeder Zeit erkenntlich sein, dass es sich um eine Bereichssuche handelt. Daher sollte sich diese auch visuell von einer Suche des gesamten Produktkataloges abheben.

Die Möglichkeit der Bereichssuche wird vor allem gerne im Bereich Fashion genutzt (z.B.: Herren, Damen, Kinder) oder wenn dem Suchbegriff ein konkreter Nutzungskontext zugeordnet werden kann (z.B.: “Tücher” in “Heimtextilien”, “Küchenzubehör”). 

4. Klare Trennung von Suchvorschlägen und Produktvorschlägen

Es ist wichtig in der Autocomplete eine klare Trennung zwischen Such- und Produktvorschlägen herzustellen, da es sich hierbei um unterschiedliche Funktionen handelt. Während der Klick auf einen Suchvorschlag den Nutzer auf ein Produktlisting basierend auf dem gewählten Suchbegriff leitet, führen Klicks auf Produktvorschläge hingegen direkt auf die jeweilige Produktdetailseite. Gruppieren Sie beide Varianten am besten in unterschiedliche Sektionen mit eigenem Header und bieten Sie Ihren Usern klare visuelle Unterscheidbarkeit. Vor allem auf mobilen Endgeräten sollten für 90% aller Anwendungsfälle Suchvorschläge gegenüber Produktvorschlägen priorisiert werden. Auf Desktop hingegen steht mehr Spielraum zur Gestaltung und Anordnung zur Verfügung. Auch über das Größenverhältnis und die Anordnung von Thumbnails sollte sich Gedanken gemacht werden. Produktbilder helfen dem User einen ersten Eindruck vom dargestellten Produkt zu gewinnen. Unverhältnismäßig groß definierte Produktbilder jedoch lenken die Aufmerksamkeit zu stark auf die vorgeschlagenen Produkte.

Der Nutzer kann auf den ersten Blick klar zwischen Such- und Produktvorschlägen unterscheiden.

Seien Sie sich also bewusst, dass der Nutzen von Suchvorschlägen deutlich höher ist, vor allem in den frühen Phasen des Kaufprozesses und berücksichtigen Sie dies in der Gestaltung der Autocomplete.

5. Nutzung der Tastatur zur Navigation

Was sich auf den ersten Blick banal anhört, ist ein nicht zu unterschätzender Faktor im Umgang mit der Autocomplete. Durch Google sind wir es gewohnt die Tastatur zur Navigation in der Autocomplete zu verwenden und stellen diese Anforderung daher auch an moderne Online-Shops. Neben der Navigation mittels Pfeiltasten gibt es ein paar einfache Grundsätze, die berücksichtigt werden sollten. Zum Beispiel sollte der erste Suchvorschlag nicht automatisch selektiert werden.

Wird ein Suchvorschlag selektiert, sollte dieser auch ins Suchfeld kopiert werden. Beginnt der Nutzer wieder zu tippen, so sollten die Zeichen an den neuen Suchtext angehängt werden, ohne dass der Nutzer zuerst wieder per Klick den Fokus auf das Suchfeld legen muss.

6. Vermeiden Sie redundante und irrelevante Suchvorschläge

Obwohl redundante und irrelevante Suchvorschläge wohl zu keinem Zeitpunkt beabsichtigt werden, treten diese sehr häufig auf. Benchmarks der größten Online-Shops in UK under der USA zeigten, dass etwa 30% der getesteten Online-Shops mit dieser Herausforderung beschäftigt sind.  Unabhängig von der gewählten Methodik zur Erstellung der Suchvorschläge, führen redundante Begriffe zu einer schlechten Nutzererfahrung, da Nutzer entweder zu wiederholten Eingaben gezwungen werden, relevante Suchvorschläge nicht wahrnehmen oder Nutzer direkt auf die Navigation zurückgreifen. Die folgenden Liste soll Ihnen dabei helfen überflüssige Vorschläge zu identifizieren und zu vermeiden:
  • “Dead Ends”
“Dead Ends” beschreiben Vorschläge, die Ihnen das exakt selbe Ergebnis liefern, das Ihnen gerade angezeigt wird, als auch vorgeschlagene Begriffe, die zu einer “No-Result” Seite führen. “Dead Ends” treten meist dann auf, wenn Suchvorschläge rein auf dem Suchverhalten vergangener Nutzer basieren, oder der zugrundeliegende Produktkatalog/Datenfeed nicht regelmäßig aktualisiert wird. Führen Sie hier am besten eine Analyse der getätigten Suchbegriffe durch und bereinigen Sie diese in regelmäßigen Abständen.
  • Semantisch Repetitiv
Viele Webseiten bieten Suchvorschläge mit der grundsätzlich selben Bedeutung, welche sich nur durch nominale Unterschiede (wie Singular – Plural, mit/ohne Satzzeichen – Großschreibung – Symbole) oder Synonyme abgrenzen und daher immer dasselbe Ergebnis liefern. User sind sich dessen nicht bewusst. Die Auswahl des richtigen Suchvorschlages wird somit unnötig erschwert.
  • Duplikate
In manchen Fällen können sogar exakte Duplikate in der Autocomplete auftreten. Eine Variante davon sind sogenannte gespiegelte Suchvorschläge. Dabei ist der erste Suchvorschlag der Autocomplete eine Spiegelung des eingegebenen Suchbegriffes. In diesem Fall kann es passieren, dass ein weiterer Suchvorschlag exakt dem eingegebenen Suchbegriff und damit auch dem gespiegelten Suchvorschlag entspricht.   Um redundante und irrelevante Suchbegriffe zu vermeiden, gilt es zu ermitteln, wie die Suchvorschläge generiert werden. In vielen Fällen treten diese dadurch auf, dass allein der Suchverlauf der Nutzer herangezogen wird. Um die Qualität der Suchvorschläge zu steigern, sollten Datenpunkte wie die Ergebnismenge oder Conversion Rate als zusätzliche Entscheidungsfaktoren miteinbezogen werden. Zusätzlich sollten die Suchvorschläge unter Berücksichtigung dieser Faktoren regelmäßig aktualisiert werden.

7. Schnelle Darstellung der Such- und Produktvorschläge

Der Umgang mit der Suchfunktion und der Autocomplete kann für den Nutzer eine große Herausforderung darstellen, wenn das Ladeverhalten inkonsistent und zu langsam ist. Die Autocomplete sollte sofort auf Eingaben der Nutzer reagieren und passende Vorschläge liefern. Verzögerungen stellen ein frustrierendes Erlebnis für den Anwender dar. 

Die Optimierung von Scripts & deren Ladegeschwindigkeit ist in den meisten Fällen eine rein technische Herausforderung. Es gilt die Netzwerklatenz zu senken, sowie weitere mögliche Störfaktoren, die Verzögerungen führen können, zu eliminieren. Dabei steht der Grundsatz – je schneller, desto besser. Die Antwortzeit sollte 500ms in full response nicht überschreiten. Auch wenn die Ladezeit der Autocomplete immer wieder etwas variieren wird, muss das Ziel sein, dem Nutzer ein konsistentes Verhalten zu bieten.

Gregor Sandberger

Gregor ist der Digital Marketing Specialist bei Findologic. Er sorgt für die Inbound-Leadgenerierung im Marketing um das Wachstum eines einzigartigen Produktes rund um Such- und Navigationstechnologie voranzutreiben.

Tipps zur optimierten Nutzung Ihrer Onsite Suchfunktion

Tipps zur optimierten Nutzung Ihrer Onsite Suchfunktion

Tipps zur optimierten Nutzung Ihrer Onsite Suchfunktion

Tipps & Tricks zur optimierten Nutzung Ihrer Onsite Suchfunktion

“Wie konfiguriere ich die Merchandising Features am besten, um meine Abverkaufssteuerung zu optimieren?”
“Was ist der Unterschied zwischen Product Placements und Pushen von Produkten?”
“Wie kann ich die Interaktionen meiner User mit der Suche am besten analysieren?”

Meine lange Erfahrung und Leitung von vielerlei Produktschulungen und Webinaren ermöglicht es mir, Ihnen eine exklusive Summary zur Kernfrage “Wie kann ich das volle Potential einer intelligenten Suchfunktion nutzen?” zu erstellen.

Sollten Sie darüber hinaus noch weitere Fragen haben, stehe ich Ihnen, sowie mein gesamtes technisches Support-Team unter support@findologic.com jederzeit gerne zur Verfügung.

Das Produktlisting sinnvoll beeinflussen

Das Produktlisting sinnvoll beeinflussen heißt entweder automatische Push- und Bonusregeln im Feed smart zu hinterlegen, oder punktuell innerhalb eines schlanken Backends selbst Einstellungen vorzunehmen.

Meine Top 3:

1. Product Placements

Setzen Sie Product Placements ein um einzelne Produkte direkt am oberen Ende des Produktlistings zu platzieren. Nutzen Sie dieses Feature um Produkte aus Offline-Marketing Kampagnen prominent zu präsentieren oder ganz besonders margenträchtige Produkte zu pushen.

Tipp: Product Placements sind entweder an eine Kategorie oder an Suchbegriffe gebunden. Analysieren Sie zum optimalen Einsatz auch die beliebtesten Suchbegriffe in Ihrem Shop.

2. Push-Regeln

Über die Push-Regeln boosten Sie ganze Produktgruppen über bestimmte Attribute. Nutzen Sie dieses Feature um Kategorien, Hersteller oder Sales-Produkte zu pushen.

Tipp: Nutzen Sie die unterschiedlichen Gewichtungen, um die Suchergebnisse noch granularer zu beeinflussen.

Der ausgewählte Bonuswert fließt dynamisch in die Relevanzberechnung der einzelnen Produkte ein. Im Gegensatz dazu bestimmen Sie bei den Product Placements die Reihenfolge der ausgewählten Artikel über die IDs direkt.

3. Search Concepts

Mit diesem Feature schränken Sie die Produkte im Ergebnis auf bestimmte Attribute ein. Dieses Feature ist genau wie die Product Placements an bestimmte Suchbegriffe gebunden. Nutzen Sie dieses Feature, um Ihren Usern nur Produkte aus bestimmten Kategorien oder von bestimmten Herstellern zu zeigen – und so schneller zum passenden Produkt zu führen.

Tip: Search Concepts stellen das wohl mächtige Feature dar, um Ihre Listings zu beeinflussen. Durchdenken Sie auch kategorieübergreifende Regeln mit unseren Experten und unseren Handlungsempfehlungen.

Lassen Sie Ihre User & Ihre Daten sprechen

WARUM drehen Sie bestimmten Stellschrauben? Auf welcher Basis treffen Sie Ihre Entscheidungen zur Optimierung Ihres Online-Shops?

Aus meiner Sicht kann es nur eine vernünftige Grundlage geben – und das sind Ihre User. Um das Verhalten Ihrer User in Ihrem Online-Shop analysieren zu können, empfehle ich Ihnen eine der zahlreichen Tracking-Optionen zu nutzen. Das Ecommerce Tracking über Google Analytics bietet hierzu eine gut handlebare & solide Basis für Jedermann.
Tipp: Denken Sie im nächsten Schritt auch gleich an Ihre Abverkaufssteuerungen und hinterlegen Sie das Tracking hierzu ebenfalls.

Top Queries

Werfen Sie einen Blick auf Ihre Top Suchanfragen und auf Ihre No-Result Anfragen. Optimieren Sie die Produktlistings für Ihre Top Suchanfragen unter Verwendung der Merchandising Features mit besonderem Augenmerk. Hier liegt wahrscheinlich mehr als 50% Ihres Umsatz.
Tipp: Setzen Sie klare Call-To-Action für Ihre No-Result Anfragen. Konfigurieren Sie beispielsweise eine Landingpage, um Ihren Usern alternative Angebote zu offerieren.

Smart Suggest tracken

Klicken Ihre User direkt auf die Produktvorschläge? Oder nutzen sie die Suchwortvorschläge? Werden Herstellervorschläge oder Kategorievorschläge bei Ihren Usern gut angenommen?
Tipp: Aufbauend auf diesen Informationen können Sie in Ihrem Kundenaccount direkt Einfluss auf das UI und somit auch die UX nehmen. Blenden Sie die einzelnen Boxen ein und aus oder passen Sie die farbliche Gestaltung mit ein paar Klicks an.

Merchandising Features tracken

Tracken Sie unbedingt auch die Nutzung der von Ihnen konfigurierten Merchandising Features. Wie oft werden Promotions angeklickt? Wie oft führt ein Product Placement zu einer tatsächlichn Conversion? Diese Informationen sollten Sie verwenden, um zukünftige Kampagnen noch gezielter abstimmen zu können.

Filter tracken

Mit welchen Filtern interagieren Ihre User? Positionieren Sie nach der Tracking Datenanalyse Ihre Filter neu: Oft verwendete Filter positionieren Sie an prominenter Position und kaum genutzte Filter blenden Sie aus, um mehr Platz für wichtigere Informationen zu haben.

Tipp: Gemeinsam mit den Auswertungen zu erzieltem Umsatz, bekommen Sie viele der getrackten Daten übersichtlich direkt in Ihrem Dashboard des neuen Kundenaccounts dargestellt. Informationen zur Einrichtung des Trackings finden Sie unter https://docs.findologic.com/doku.php?id=use_findologic_with_google_analytics.

Assisted Suggest

Diese komplett neue Variante unserer Smart Suggest wurde speziell für die Bedürfnisse von Desktop Usern entwickelt. Durch die vollständige Flexibilität im Design können die Produkte im Overlay viel attraktiver angeboten werden.
Tipp: Begeistern Sie ab der ersten Interaktion bei reinem Klick Ihre User mit Trending Products, beliebten Suchbegriffen oder die aktuellen Topsellern im Sinne von klassischen Recommendations.

Onsite Shopping Guide

Inspirieren Sie Ihre User auf deren Weg der Customer Journey. Egal ob auf Content- oder Produktdetailsseiten, der Smart Suggest oder Startseite – unterstützen Sie mit Ihrer Findologic Berater-Kampagne und bieten Sie ein unvergessliches Einkaufserlebnis. Ab sofort auch nativ auf Ihren Ergebnisseiten.

Tab Solution

In Ihrem Shop sollen nicht nur Produkte gefunden werden, sondern auch Content, Standorte, Jobs, oder Ansprechpartner? Mit der Tab Solution erhält Ihr User alle Ergebnisse in einzelnen Tabs sortiert ausgespielt. So kann beispielsweise zwischen Produkten und Content per Mausklick ganz einfach gewechselt werden.

Sie haben jetzt erst richtig Lust auf Verbesserung bekommen?
Ich freue mich von Ihnen zu hören, oder auf Ihren direkten Besuch bei einem unserer Onsite Suchexperten Zertifizierungen, siehe Details: https://www.findologic.com/services/onsite-suchexperte/.

Florian Niedermayr beschäftigt sich als Leiter des technischen Supports seit 4 Jahren täglich direkt mit den Wünschen unserer Kunden. Gleichzeitig ist er durch die Verantwortung über ein kleines Webentwickler-Team an vorderster Front, wenn es um die Implementierung der neuesten Innovationen bei ausgewählten Kunden geht. Seine Mission ist es neben der raschen Lösung von Kundenanfragen vor allem die optimale Schnittstelle zwischen den Kunden und der Produktentwicklung abzubilden.

Findologic joins forces with Nosto 🚀
This is default text for notification bar
Privacy
The controller (Findologic GmbH, Austria) would like to use the following services in order to process your personal data. Technologies such as cookies, localStorage, etc. can be used for personalization. This is not necessary for the use of the website, but allows us to interact with you more closely. Please select, if appropriate, the following options: