Doch zuerst wollen wir die Grundlagen klären.

Was ist die automatische Vervollständigung von Suchbegriffen?

Die automatische Vervollständigung von Suchbegriffen ist die Funktion, die in Echtzeit Schlüsselwort- und Produktvorschläge anzeigt, basierend auf dem, was der Benutzer in das Suchfeld eingibt.

Die Funktion funktioniert ganz einfach: Sie erkennt, was ein Kunde eintippt, und gleicht die Anfrage mit den Daten im Suchindex ab. Wenn im Index Schlüsselwörter oder Phrasen gespeichert sind, die mit der Eingabe übereinstimmen, werden diese vorgeschlagen.

In Wirklichkeit ist es etwas komplizierter, weil sie auch die Popularität verschiedener Produkte und Schlüsselwörter bei den Ranking-Vorschlägen berücksichtigen.

Ein Beispiel: Wenn Sie in einem Online-Shop, der Kleidung verkauft, „ba“ eingeben, werden möglicherweise Ballkleider oder Badeanzüge vorgeschlagen. Wenn der Shop Badezimmerzubehör verkauft, könnte er Badezimmerteppiche oder Badewannenkissen vorschlagen.

Wie funktioniert die automatische Vervollständigung von Suchbegriffe?

Abgesehen von der Verwendung des Suchindexes Ihrer Website berücksichtigt die automatische Vervollständigung auch das frühere Nutzerverhalten, da es verfolgt, welche Suchanfragen zuvor gesucht und angeklickt wurden und welche zu einem Kauf führten.

Welche Vorschläge in welcher Reihenfolge erscheinen, kann von weiteren Faktoren abhängen, z.B. von der Häufigkeit der Eingabe bestimmter Begriffe oder von den Klickraten einzelner Vorschläge.

Erzielen Sie bessere Verkäufe durch eine effektivere automatische Vervollständigung

Es gibt viele Vorteile der Verwendung einer automatischen Vervollständigung. Doch im Grunde dient es dazu, dass Käufer eine erfolgreiche Suche durchführen können.

Hier sind einige weitere Möglichkeiten, wie es das Kundenerlebnis in Ihrem Shop verbessert:

• Es verkürzt die Suchzeit, da dem Benutzer relevante Vorschläge präsentiert werden und er schnell zu dem kommt, was er sucht.
• Es gibt den Benutzern mehr Vertrauen in die Suche und ermutigt sie, mehr Details hinzuzufügen, was zu präziseren Treffern führt.
• Es verringert die Anzahl, wie oft ein Benutzer auf eine 0-Ergebnisseite gelangt, was insgesamt eine bessere Erfahrung bietet. Wenn relevante Suchanfragen, die mit bestehenden Produktseiten verbunden sind, vorgeschlagen werden, garantiert dies effektiv eine erfolgreiche Suche.
• Dies führt auch dazu, dass weniger Besucher Ihre Website verlassen. Das bedeutet, dass Sie mehr Zeit und Möglichkeiten haben, Besucher in Käufer zu konvertieren.Es informiert auch potenzielle Kunden über Ihre Produktpalette und dient als eine Art weiche Cross- oder Upsell-Möglichkeit.

Kurz gesagt: Indem die Suche schneller wird und relevante Ergebnisse gewährleistet, senkt die automatische Vervollständigung die Abbruchrate, erhöht die Konversionsrate und wahrscheinlich sogar Ihren durchschnittlichen Bestellwert.

Wir wissen aus dem B2C Retail Benchmark Report, dass

Die Konversionsraten deutlich höher sind, wenn die Konsumenten eine höhere Intention haben und beispielsweise nach Produkten suchen.

Nachdem wir nun die Grundlagen besprochen haben, lassen Sie uns in die tatsächlichen bewährten Praktiken eintauchen, um die Ergebnisse zu gewährleisten, über die wir gerade gesprochen haben.

Wir haben 10 davon mit detaillierten Beschreibungen hier aufgenommen – beginnen wir mit…

10 Strategien zur automatischen Vervollständigung von Suchbegriffen

1. Wie das Ranking der Vorschläge funktionieren soll

Selbst mit der automatischen Vervollständigung haben Sie nur eine sehr begrenzte Anzahl von Chancen, dem Benutzer die richtigen Abfragen zu zeigen, was ein Ranking unerlässlich macht.

Wie bereits erwähnt, kann es viele Faktoren geben, die das Ranking der Vorschläge beeinflussen. Basierend auf dem Benutzerverhalten können Sie Abfragen, die beliebt sind (und am häufigsten eingegeben werden), zuerst anzeigen.

Sie können sich auch dafür entscheiden, Abfragen zu ranken, die häufiger gekauft werden. Oder Sie können Abfragen, die sich auf laufende Aktionen oder Sonderangebote beziehen, zuerst anzeigen.

2. Personalisierung macht die automatische Vervollständigung effektiver

• Es gibt drei grundlegende Möglichkeiten, den automatischen Suchvorschlag in der Suche zu personalisieren:
• Berücksichtigen Sie den Standort des Kunden, und zeigen Sie ihm Suchanfragen, die in seiner Gegend beliebt sind – oder schließen Sie solche aus, die irrelevant sind.
• Berücksichtigen Sie die Sprache: Wenn Ihr Online-Shop mehrsprachig ist, zeigen Sie jedem Benutzer Vorschläge in seiner bevorzugten Sprache an, um eine bessere Benutzererfahrung zu ermöglichen.Beziehen Sie ihre Suchhistorie mit ein: Machen Sie Vorschläge, die für das relevant sind, wonach sie zuvor auf der Website gesucht haben.

3. Halten Sie Vorschläge einfach und überschaubar

Ihre Vorschläge sollten den verfügbaren Platz nicht ausdehnen oder überladen – was auf einem mobilen Bildschirm noch wichtiger ist, wenn man bedenkt, dass Tastaturen normalerweise 30% des Bildschirms einnehmen.

a. Halten Sie die Liste der Vorschläge überschaubar

Am besten ist es, wenn Sie Ihre Vorschläge auf 10 Elemente oder weniger beschränken (und deshalb ist das richtige Ranking so wichtig).

Wenn Ihre Vorschlagsliste länger ist, kann eine Reihe unangenehmer Dinge passieren:

• Dadurch wird die Suchzeit länger, da der Benutzer durchblättert.
  Vorschläge, die außerhalb des Bildschirms erscheinen, werden möglicherweise ganz ignoriert.
• Das Paradoxon der Wahl kann eintreten und zu einer Wahllähmung führen. Das bedeutet im Grunde, dass unser Gehirn, wenn uns zu viele Optionen präsentiert werden, sich oft dafür entscheidet, einfach ganz auszusteigen, anstatt Energie für das Abwägen aller Optionen zu verschwenden.
• Auf einem mobilen Bildschirm liegt die bevorzugte Anzahl von Vorschlägen bei 4-8, und kann sogar noch weniger sein, wenn sie nicht nur Abfragen, sondern präzise Produkte mit Fotos und Beschreibungen enthalten.

Wenn Sie mehr Schlüsselwörter und Produkte anzeigen möchten, sollten Sie stattdessen ein Layout mit 2 Spalten in Betracht ziehen.

b. Vermeiden Sie eine Bildlaufleiste

Wenn sich Ihre Vorschläge in einen Bereich erstrecken, der nur durch Scrollen zugänglich ist, können wiederum viele Probleme auftreten.

Zum einen werden diese anfänglich versteckten Vorschläge wahrscheinlich ignoriert, aber wenn nicht, erhöht sich die Suchzeit wieder.

Auch die Tatsache, dass dem Benutzer eine zusätzliche Aufgabe abverlangt wird, verschlechtert das Erlebnis. Ebenso wie die Tatsache, dass sie nicht sofort einen schnellen Überblick über ihre Auswahl erhalten können.

Eine Suchleiste im Vorschlagsfeld kann auch designtechnische Probleme verursachen, auf die wir hier aber nicht näher eingehen werden.

c. Reduzieren Sie das visuelle Rauschen

Bei modernen Suchlösungen kann das Vorschlagsfeld mit einer Vielzahl von Elementen wie Text, Preisen, Fotos, Kurzbeschreibungen etc. gefüllt werden.

Während diese den Käufern helfen können, sollten Sie darauf achten, nicht zu viele zusätzliche Elemente einzubauen, da dies den Fokus von den eigentlichen Vorschlägen ablenken und die Kunden mehr verwirren kann, als es ihnen hilft.

Unser Vorschlag ist, das visuelle Rauschen auf ein Minimum zu beschränken. Fügen Sie sowohl Keyword- als auch Produktvorschläge, Preise und Fotos ein, wo dies relevant ist.

4. Hervorheben von Vorschlägen zur automatischen Vervollständigung

Das Hervorheben bestimmter Elemente Ihrer prädiktiven Vorschläge hilft dem Benutzer, den Fokus zu behalten und die Funktion natürlicher zu nutzen. Hier ist, worauf Sie ein Auge haben sollten:

a. Heben Sie die Unterschiede hervor

Anstatt hervorzuheben (was in der Regel durch Fettdruck geschieht), was der Kunde bereits eingegeben hat, ist es viel effektiver, stattdessen den prädiktiven Teil der Vorschläge hervorzuheben.

So können sie sich leichter darauf konzentrieren und den Unterschied zwischen den Vorschlägen feststellen, was zu einer schnelleren Entscheidung führt.

b. Markieren Sie den aktiven Vorschlag

Wenn Sie zwischen Vorschlägen wählen, sollten Sie deutlich anzeigen, über welchem Vorschlag die Maus des Benutzers schwebt bzw. welcher Vorschlag bei Käufern mit Tastaturnavigation (die in Ihrer automatischen Vervollständigungsfunktion unterstützt werden muss) aktiv ist.

Das schafft Klarheit und hilft, Fehler zu vermeiden: wie z.B. den falschen Vorschlag zu wählen und zurückgehen zu müssen.

Außerdem sollten die aktiven Vorschläge in die Suchleiste kopiert werden. Dies hilft dem Benutzer zu verstehen, wie die automatische Vervollständigung funktioniert und ermöglicht es, den Vorschlag durch weitere Details zu erweitern, was zu präziseren Ergebnissen führt.

Die Hervorhebung des aktiven Vorschlags erfolgt in der Regel am besten mit einer einfachen Hintergrundschattierung.

c. Unterschiedliche Vorschläge unterschiedlich gestalten

Wie wir bereits besprochen haben, können mehrere verschiedene Vorschlagsarten in Ihrem Feld erscheinen, und Sie müssen dem Benutzer helfen, den Unterschied zwischen ihnen zu verstehen.

Nehmen wir an, dass Sie neben prädiktiven Abfragen auch Produkte und/oder Produktkategorien einbeziehen. Wenn Sie diese zusammen gruppieren, achten Sie darauf, sie zu unterscheiden. Gestalten Sie z.B. den Text anders. Beispielsweise durch eine andere Farbe.

Wenn alle verschiedenen Arten von Vorschlägen als gleich dargestellt werden, könnten die Benutzer den Unterschied nicht verstehen, sie ignorieren oder solche auswählen, die nicht wirklich relevant sind.

Kleine Änderungen im Stil machen es dem Benutzer leichter, die präsentierten Vorschläge zu scannen und sich auf die zu konzentrieren, die ihn interessieren.

d. Stil für Lesbarkeit

Besonders auf mobilen Geräten ist es sehr wichtig, dass die Kunden die Vorschläge tatsächlich lesen und auch leicht die auswählen können, für die sie sich interessieren.

Um die Lesbarkeit zu gewährleisten, sollten die Vorschläge in einer ausreichend großen Schriftgröße und mit genügend Abstand, vielleicht sogar mit Trennzeichen, dargestellt werden, damit das Antippen nicht versehentlich zur Auswahl einer anderen Option führt.

5. Bieten Sie klare Anweisungen

Die genaue Funktionsweise einer automatischen Vervollständigungsfunktion ist den Nutzern möglicherweise nicht auf Anhieb klar, vor allem, wenn man bedenkt, wie unterschiedlich die Suchlösungen auf Websites sein können.

Um ihnen bei der Nutzung der Funktion zu helfen, kann die Bereitstellung von Anweisungen und Beschriftungen sehr nützlich sein. Dazu können Überschriften in der Liste gehören, z.B. die Trennung von „Suchvorschlägen“, „Kategorien“, „Artikeln“ und so weiter.

Dies wird den Benutzern helfen, zu verstehen, wie die Liste strukturiert ist, sodass sie sie leichter scannen und ihre Aufmerksamkeit auf die für sie relevanten Vorschläge lenken können. Durch die Vermischung der verschiedenen Vorschläge und ohne die Klärung dieser Details kann es sein, dass der Benutzer trotz seiner ursprünglichen Absicht einen Artikel statt eines Produkts auswählt oder auf einer Kategorieseite statt auf einer allgemeineren Ergebnisseite landet.

6. Visueller Fokus und Einfachheit

Wenn der Kunde die Suchfunktion nutzt, sollte dem Feld der automatischen Vervollständigung zusammen mit der Suchleiste absolute Priorität in Bezug auf die visuelle Aufmerksamkeit eingeräumt werden.

a. Design für visuelle Tiefe

Dem Feld der automatischen Vervollständigung Vorrang zu geben, lässt sich leicht erreichen, indem man den Rest der Seite – in diesem Fall den Hintergrund – abdunkelt.

Dies hilft dabei, die Elemente auf der Website auszublenden, die um die Aufmerksamkeit des Käufers kämpfen – CTA-Schaltflächen, Banner, Produktfotos und so weiter. Auf diese Weise kann der Kunde leicht seinen Fokus behalten und wird nicht abgelenkt.

b. Reduzieren Sie die visuelle Konkurrenz

Auf mobilen Geräten können direktive Elemente wie Navigation oder Shortcuts neben oder sogar über dem Eingabefeld der automatischen Vervollständigung erscheinen, was die Navigation problematisch macht und den Nutzer ablenkt.

Achten Sie darauf, wo Sie Ihre Live-Chat-Option, ein Symbol für den Einkaufswagen oder sogar fixe Kopfzeilen platzieren, um sicherzustellen, dass sie nicht von der Sucherfahrung ablenken.

Indem Sie diese ablenkenden Elemente minimieren, können Sie Fehlklicks reduzieren und ein viel reibungsloseres Erlebnis bieten.

7. Unterstützung von Mausinteraktion als auch Tastaturnavigation

Kunden sollten sehen können, über welchem Vorschlag sie schweben. Dies kann durch Hervorheben der jeweiligen Zeile geschehen. Sie können auch den Handcursor aufrufen, um zu verdeutlichen, dass sie auf die Vorschläge klicken können und dadurch auf eine Ergebnisseite gelangen.

Es ist wichtig, eine Tastaturnavigation zur Verfügung zu stellen (vor allem, da die meisten von uns Google für die externe Suche verwenden und uns diese Funktionalität sehr vertraut ist).

Mit den Auf- und Abwärtspfeilen sollte der Kunde zwischen den Vorschlägen wechseln und durch Drücken der Eingabetaste auswählen können.

8. Spezifische mobile Optimierungen

Es gibt einige Dinge, die sehr, sehr wichtig sind und auf die man achten muss, wenn man die automatische Vervollständigung für einen kleinen Bildschirm gestaltet.

Hier sind die wichtigsten:

a. Textumbruch

Wir haben bereits erwähnt, dass Sie nicht versuchen sollten, Ihr Vorschlagsfeld mit einer vertikalen Bildlaufleiste zu erweitern. Wir raten auch von einer horizontalen Bildlaufleiste ab. Angesichts der begrenzten Bildschirmgröße und einer ausreichend großen Schrift für die Lesbarkeit werden viele Vorschläge, einschließlich langer oder mehrfacher Schlüsselwörter, nicht in ihre Zeile passen.

Wenn Sie den Vorschlag einfach abkürzen, indem Sie „…“ am Ende einfügen, verwirren Sie den Kunden, der nicht genau weiß, worauf er klicken könnte, da ein Teil der Info fehlt.

Wie können Sie also dieses Problem lösen?

Verwenden Sie den Textumbruch und erweitern Sie Vorschläge bei Bedarf auf mehrere Zeilen, auch wenn dadurch weniger Optionen sichtbar sind.

Die Bereitstellung ausreichender Informationen, bevor sich der Kunde auf einen Klick festlegen muss, ist von entscheidender Bedeutung.

b. Teilweise Verdeckung der letzten sichtbaren Vorschläge

Auf mobilen Geräten ist das Scrollen in vielen Fällen unvermeidlich, besonders wenn Sie Vorschläge in mehreren Zeilen anzeigen müssen.

Anstatt eine Bildlaufleiste hinzuzufügen, gibt es ein paar andere Dinge, die Sie tun können.

Die beste Option ist wahrscheinlich, wenn Sie das letzte Ergebnis teilweise verdecken – was ein deutlicher Hinweis darauf ist, dass die Liste unten weitergeht.

In Anbetracht der verschiedenen Bildschirmgrößen, Browser, Schriftarten usw. ist es nahezu unmöglich, dies jedes Mal richtig hinzubekommen, da es einfach zu viele Variablen gibt.

Sie sollten also Ihre Analysen überprüfen, um herauszufinden, welche Geräte am häufigsten für den Zugriff auf Ihren Shop verwendet werden, und speziell für diese optimieren.

Die meisten Benutzer werden immer noch einen der Vorschläge auswählen, die sofort sichtbar sind, aber mit dieser Methode können Sie eine reibungslose Erfahrung für diejenigen bieten, die die gesamte Liste erkunden möchten.

c. Einfaches Beenden der automatischen Vervollständigung (und Entfernen einer Abfrage)

Wenn ein Kunde beschließt, die Suchleiste nicht weiter zu nutzen und zum Durchsuchen der Website zurückkehren möchte, sollte er das problemlos tun können.

Die Bereitstellung eines „X“-Symbols zum Löschen der Abfrage, anstatt dies manuell tun zu müssen, ist eine praktische Lösung, um das Surf-Erlebnis des Kunden zu verbessern.

9. Vorschläge für die Kategoriesuche

Wenn ein Kunde beginnt, eine Anfrage in die Suchleiste einzugeben, möchte er vielleicht nur erkunden, was Sie in einer bestimmten Produktkategorie haben.

Die Bereitstellung von Kategorievorschlägen ist eine sehr bequeme Methode, die es den Nutzern ermöglicht, Ihre Produkte zu durchsuchen und das zu finden, was sie kaufen möchten.

Dies spart Zeit für den Kunden und sorgt für einen klaren Weg, was die Benutzererfahrung reibungsloser macht.

Wie wir aber bereits besprochen haben, möchten Sie visuelle Unordnung und Verwirrung vermeiden. Weisen Sie deutlich darauf hin, dass Kategorievorschläge keine Schlüsselwortvorschläge sind. Tun Sie dies mit einer einfachen Überschrift und/oder durch Verwendung eines anderen Stils.

10. Geschwindigkeit ist entscheidend: Automatische Vervollständigung in Echtzeit

Ihre automatische Vervollständigung sollte immer Vorschläge in Echtzeit liefern.

Wenn es langsamer ist, kann es für den Benutzer irritierend sein, da er die Verzögerung visuell wahrnehmen kann – wie bei einer Website, die einzelne Elemente langsam lädt.

Wenn die automatische Vervollständigung von Suchbegriffen nicht in Echtzeit erfolgt, sind alle oben genannten bewährten Praktiken wertlos, da niemand eine Suchleiste verwenden wird, die er als nutzlos empfindet.

Die Vorschläge müssen gleich bei der Eingabe des ersten Zeichens der Abfrage erscheinen und sollten sich mit jedem weiteren Tastendruck ändern, um die relevanten Optionen anzuzeigen.

Zusammenfassung

Wenn Sie während der Customer Journey ein Höchstmaß an Qualität bieten, können Sie den Umsatz Ihres Shops direkt steigern. Ein besseres Sucherlebnis führt zu höherer Zufriedenheit, besserer Erfahrung und insgesamt zu höheren Konversionsraten und durchschnittlichem Bestellwert.

Wenn Sie die bewährten Praktiken in Ihrem Geschäft anwenden, können Sie genau das erreichen.

Erinnern Sie sich an die grundlegendsten Richtlinien:

• Die automatische Vervollständigung sollte in Echtzeit stattfinden.
• Sie sollte relevante Ergebnisse liefern – die personalisiert werden können.
• Es sollte eine klare visuelle Anleitung für deren Verwendung bieten.
• Wenn es in Gebrauch ist, sollten alle anderen Seitenelemente in den Hintergrund treten.

Natürlich kann es schnell kompliziert werden, und die Feinabstimmung kann sehr zeitaufwändig sein. Um die besten Ergebnisse zu erzielen, empfehlen wir daher die Zusammenarbeit mit Experten für die On-Site-Suche.

Wie immer, wenn Sie Fragen oder Anregungen zur Erweiterung dieser Liste haben, kontaktieren Sie uns!