Welcome to Findologic: Jessica Wilhelm

by admin | Dez 10, 2020

Welcome to Findologic: Jessica Wilhelm

Jessica joined Findologic’s Munich office as a Sales Consultant in November. Jessica’s responsibilities will revolve around endorsing the Findologic Platform and educating prospective clients on the vast benefits it can provide. We sat down with Jessica to get to know her a little better.

Q: What was your previous role before joining Findologic, and how did it prepare you for your new role?

A: Before Findologic, I was Team Lead Sales & Customer Success in a SaaS HR start-up from Munich. I learned a lot, especially with regard to my new role at Findologic, that fun always has a place in customer communication and authenticity always wins anyway. In addition, I learned to stay on the ball and to keep a cool head in uncomfortable and stressful situations.

Q: Why did you decide to join Findologic and what are you looking forward to the most?

A: I joined Findologic because I needed a new topic and a new challenge.

Q: What has been the biggest achievement in your career so far?

A: To build a functioning team in which motivation was a top priority and I didn’t lose any employee along the way despite the fast pace of today’s working world.

Q: What is the most innovative thing you have come across recently?

A: Findologic’s A.I. Platform, Li.S.A.!

Q: What’s your secret talent that no one knows about?

A: I paint and totally lose myself in it.

Q: What topic could you give a 30-minute presentation on without any preparation?

A: Attention now – this might get boring. Why digital time tracking, vacation planning and shift planning are an issue that concerns every company.

Q: If you could meet anyone, living or dead, who would you meet?

A: Spontaneously, I would say Elon Musk, but he only gives 5-minute slots, and we would need more time for my questions to him – that’s why I choose Michael Jordan due to his mental strength.

Gregor Sandberger

Gregor is a Digital Marketing Specialist at Findologic. He takes care of inbound lead generation to drive the growth and build awareness around the Findologic Platform.

HOW TO: Onsite Search – Suchlogik und Unterstützung (4/4)

by admin | Nov 17, 2020

HOW TO: Onsite Search – Suchlogik und Unterstützung (4/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
Suchlogik und Unterstützung (Part 4/4)

Nicht immer ist es möglich die passenden Suchergebnisse zu liefern. Es kann vorkommen, dass der Händler das gewünschte Produkt nicht im Sortiment hat, oder der Intent des Nutzers nicht korrekt erfasst wird. Daher befassen wir uns im abschließenden Teil der Reihe “HOW TO: Onsite Search” mit den Logiken, die im Falle einer leeren Ergebnismenge genutzt werden können, um potenziellen Kunden trotzdem auf der Seite zu halten und Sie im besten Fall zu einem Kaufabschluss zu führen.

Wichtig zu verstehen ist eingangs, dass ein Großteil der Nutzer nicht direkt bei der ersten Suchanfrage das gewünschte Ergebnis erhalten wird. Der Fokus sollte daher auf einer benutzerfreundlichen Such-Iteration liegen, damit Nutzer auch im Falle einer fehlerhaften Anfrage die nötige Unterstützung erhalten. Dazu zählt die Ausspielung alternativer Suchvorschläge, Fehlerkorrektur und der Umgang mit Suchanfragen, die keine Ergebnisse liefern. Vor allem bei hochrelevanten Suchanfragen gilt es passende Lösungen zu bieten um dem Nutzer eine nahtlose Sucherfahrung zur Verfügung zu stellen.

1. Offensichtliche Rechtschreibfehler automatisch korrigieren

Rechtschreibfehler unterlaufen Jedermann. Nehmen wir das Beispiel “T-Shirt”. “Falschschreibweisen” wie “tshirt” oder “Shirt” sollten von Usern nicht als solche empfunden werden.

Auf mobilen Endgeräten sind Rechtschreibfehler trotz softwareseitiger Unterstützung noch wahrscheinlicher. Den Nutzer im Falle einer fehlerhaften Schreibweise aufzufordern, die Suchanfrage zu verbessern ist ein unnötiger Schritt und führt zu Unzufriedenheit. Vor allem wenn die fehlerhafte Schreibweise zu einer leeren Ergebnismenge und daher auf eine “No-Result”-Seite führt. Des Weiteren könnte es dazu kommen, dass die fehlerhafte Suchanfrage vom Nutzer nicht bemerkt wird und er sich mit den ausgespielten, meist irrelevanten, Ergebnissen beschäftigt und darauf frustriert den Kaufprozess beendet.

Unabhängig des Anwendungsfalls trägt die Autokorrektur der Suchfunktion maßgeblich zu einer nahtlosen Sucherfahrung bei, da Nutzer ohne zusätzlich zu tätigende Aktion automatisch zum gewünschten Ergebnis geführt werden. Essentiell hierbei ist es jedoch, den Nutzer transparent zu führen, ihn über die Änderung zu informieren und so dem User direkt anzusprechen.

Klare Kommunikation der durch die Search-Engine getätigten Anpassungen schaffen Transparenz für den Nutzer

Wie vorhin bereits erwähnt ist die Fehlerquote auf mobilen Endgeräten aufgrund der begrenzten Größe noch höher. Dementsprechend bietet der Großteil der Geräte bereits Unterstützung in Form von geräteseitiger Autokorrektur, Textvorhersage oder Rechtschreibprüfung. Neben diesen Funktionen kann die Suchfunktion auch zusätzlich durch dargestellte Suchvorschläge oder Autovervollständigung unterstützen, um die Fehlerquote bei mobilen Suchanfragen zu minimieren.

2. Stellen Sie relevante Inhalte auf der “No-result”-Seite dar

Nicht immer ist es möglich für jeden Suchbegriff auch passende Ergebnisse darzustellen. Die Gründe dafür sind vielfältig. Sei es ein kryptischer eingegebener Suchbegriff des Nutzers oder fehlerhafte Einstellungen auf Seiten der Suchfunktion. Gerade in Fällen, wo keine Ergebnisse gefunden werden, ist es von hoher Priorität den User nicht im Stich zu lassen, sondern im besten Fall zu überraschen und neue Anreize zu setzen.

Wird ihm diese Hilfe nicht geboten, bleiben dem Nutzer nur zwei Möglichkeiten. Er kann entweder den Suchvorgang komplett von vorne starten oder er wird die Seite verlassen. Eine “No-result”-Seite sollte daher in der Implementierung nicht als technische Notwendigkeit gesehen werden, sondern als Help Center, welches den User an die Hand nimmt und ihn zu einer relevanten Lösung führt.

Was macht eine gute “No-result”-Seite demnach aus? Was hilft dem Nutzer um zurück auf den richtigen Weg zu kommen?

Wir haben 6 unterschiedliche Punkte identifiziert, welche sich in mehreren A/B Tests als verkaufsfördernde Elemente herausgestellt haben. Dabei ist es nicht zwingend notwendig alle Punkte zu integrieren, sondern zielgruppenspezifisch die relevantesten Maßnahmen zu identifizieren und kombinieren, um das beste Ergebnis zu erzielen.

Alternative Suchvorschläge

Werden Seitens der Suchfunktion verwandte Suchvorschläge gefunden, sollten diese dem Nutzer auch angeboten werden. Eine Möglichkeit wäre zum Beispiel, die Darstellung des Suchvorschlags in Kombination mit 3-5 enthaltenen Produkten, um den Nutzer einen ersten Eindruck der Ergebnisse zu vermitteln.

Personalisierte Empfehlungen

Produktempfehlungen basierend auf dem bisherigen Browsing- und Einkaufsverhalten des Nutzers, helfen dem User vielleicht nicht zwingend, das gesuchte Produkt zu finden, stellen aber ein wirksames Mittel dar, die Aufmerksamkeit auf andere Inhalte zu lenken, um ihn dadurch auf der Seite zu halten.

Kontaktmöglichkeiten zum Kundensupport und weitere hilfreiche Links

Die meisten Online-Shops bieten heutzutage mehrere Möglichkeiten zur Kontaktaufnahme, wie zum Beispiel durch Telefonsupport oder Livechat. Integrieren Sie die diese Möglichkeiten auf der “No-result”-Seite. Vor allem die Kontaktaufnahme per Livechat wird mittlerweile in Online-Shops gerne und oft genutzt.

Kategorievorschläge

Die Darstellung von Kategorien ist eine gute Option Nutzer wieder zurück in die richtige Spur zu lenken. Idealerweise sollten die vorgeschlagenen Kategorien auch Bezug nehmen auf den eingegebenen Suchbegriff. Sollte das nicht möglich sein, können auch angesagte und beliebte Kategorien eine Möglichkeit bieten, den Nutzer wieder zu möglichst relevanten Produkten zu navigieren.

Beliebte Produkte

Verwandt zu obigem Punkt, wäre die Darstellung von populären Inhalten, wie zum Beispiel der beliebtesten Produkte. Diese Inhalte haben zwar keine Relevanz in Verbindung mit dem Suchbegriff, erinnern den Nutzer aber zumindest daran, auch andere “Top Seller” oder “Best Rated Products” in Erwägung zu ziehen.

Externe Anzeigen

Externe Anzeigen passend zur Suchanfrage können auch ein adäquates Mittel darstellen. Ist die Suchfunktion gut implementiert und unterstützt die meisten Abfragetypen bedeutet eine leere Ergebnismenge mit hoher Wahrscheinlichkeit, dass das gewünschte Produkt im Shop nicht geführt wird. In diesen Fällen kann eine externe Verlinkung in Form kontextbezogener Anzeigen sinnvoll sein.

3. Berücksichtigen Sie saisonale Produkte

Einige Shops führen saisonabhängige Produkte, deren Relevanz immer auf einen abgesteckten Zeitraum beschränkt ist, darunter Produkte aus den Kategorien Kleidung, Sport, Dekoration, Geschenke, Blumen oder Lebensmittel. Diese Saisonalität sollte daher auch in den Suchergebnissen berücksichtigt werden. Demnach sollten Produkte die aktuell “Saison haben” höher gerankt werden und umgekehrt Produkte mit geringerer saisonaler Relevanz niedriger ranken.

Als Beispiel kann es Sinn machen, im Herbst “Boots” bei der Suche nach “Schuhe” höher zu ranken, da der Verwendungszweck im Jahresturnus wohl höher ist als zB. bei “Zehentrenner” oder “Sneaker”.

Die meisten Online-Shops richten ihre Content- und Kategorieseiten nach gegebener Saisonalität aus. Diese Ausrichtung sollte daher auch in der Suche berücksichtigt werden. Dabei sprechen wir aber immer von einer Bevorzugung von saisonalen Produkten. Diese sollte nie so weit gehen, dass andere Produkte ausgeschlossen werden, sondern lediglich später im Suchergebnis erscheinen.

Sprich: Zeigen Sie, bei gleichbleibender Ergebnismenge, Produkte innerhalb der Listings neu angeordnet in absteigender Relevanz.

4. Automatische Weiterleitung bei Suchanfragen zu passenden Kategorien

Basierend auf den internen Auswertungen, welche im Whitepaper “Kunden wollen finden, nicht suchen” veröffentlicht wurden, ist uns bekannt, dass Nutzer häufig mit einer generischen Suche nach Kategorien oder Marken beginnen. Das Ergebnis ist dabei meist eine unterschiedliche Ergebnismenge, bei Nutzung der Suche im Vergleich zur Navigation über die Kategorie- und Markenseiten. Zusätzlich weisen Kategorie-Seiten zusätzliche Vorteile im Vergleich zur Suchergebnisseite auf, wie etwa bildstarke Content-Welten, klare Navigation durch die Sub-Kategorien, kontextbezogene Produktfilter, Links zu relevanten Inhalten wie Produktführer oder Shopping Guides.

In vielen Fällen kann somit als Quick-Win bei einem Match des Suchbegriffs zu einer vorhandenen Kategorie oder Markenseite, direkt auf die jeweilige Landingpage verlinkt werden, um von den genannten Vorteilen Gebrauch zu machen.

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.

HOW TO: Onsite Search – Suchergebnisseite (3/4)

by admin | Okt 30, 2020

HOW TO: Onsite Search – Suchergebnisseite (3/4)

HOW TO: Onsite Search
Suchergebnisseite (Part 3/4)

Teil Drei der Reihe “HOW TO: Onsite Search” widmet sich dem Layout und der Struktur der Suchergebnisseite. Während Suchlogik, Autocomplete und Suchvorschläge maßgeblich für die Qualität der Suchergebnisse verantwortlich sind, bestimmt der Aufbau der Suchergebnisseite ob Nutzer mit diesen Suchergebnissen auch wirklich umgehen können. Nutzer interagieren in den verschiedensten Phasen der Customer Journey mit der Suchfunktion. Gerade in frühen Phasen des Kaufentscheidungsprozesses, worin noch keine bestimmte Produktauswahl getroffen wurde, benötigt der Nutzer die Möglichkeit Suchergebnisse zu sortieren und zu filtern, um zum gewünschten Produkt zu gelangen.

Das Layout der Suchergebnisseite sollte Antworten auf folgende Fragen liefern:

Passen die Ergebnisse zu meiner Suchanfrage oder muss ich eine neue Suche starten?
Welche Ergebnisse sind wirklich relevant für mich?
Welches Produkt sollte ich für weitere Details anklicken und im Anschluss kaufen?

Bietet die Suchergebnisseite zu wenig Information zu den dargestellten Produkten wird der Nutzer häufig zum sogenannten “Pogo-Sticking” (dem Hin- und Herspringen zwischen Suchergebnisseite und Produktdetailseite) gezwungen, nur um mehr über die wesentlichsten Produktmerkmale herauszufinden, was ein sowohl zeitaufwändiges als auch frustrierendes Erlebnis für den Nutzer darstellt. Neben dem Layout sind auch Sortier- und Filterlogiken elementar für ein ausgewogenes Sucherlebnis und sollten im Rahmen der Suchstrategie berücksichtigt werden.

Zusammen mit den Punkten aus Teil 1 unserer Reihe – das Suchfeld – werden die folgenden Guidelines als Low Hanging Fruits gesehen, welche auf technischer Seite relativ einfach zu implementieren sind, aber dennoch einen erheblichen Einfluss auf die Verbesserung der Conversion-Rate haben.

1. Stellen Sie die Anzahl der gefundenen Ergebnisse dar

Die meisten Nutzer beurteilen anhand der Anzahl der Ergebnisse die Qualität der Suchanfrage, um anschließend zu entscheiden, ob die Ergebnisse noch weiter verfeinert werden müssen. Daher ist es besonders wichtig, die Anzahl der Ergebnisse auf den ersten Blick deutlich erkennbar zu machen.

Klare visuelle Darstellung der Anzahl der gefundenen Produkte

2. Passen Sie das Layout Ihrer Suchergebnisseite Ihrem Sortiment an

Beim Layout von Suchergebnissen kann auf zwei Varianten zurückgegriffen werden – Listenansicht vs Rasteransicht. Die Performance der Suchergebnisse in einer Listenansicht versus einer Rasteransicht ist dabei maßgeblich abhängig von den darin dargestellten Produktgruppen. Tatsächlich zeigen sich je nach Art der dargestellten Produkten eine entgegengesetzte Ergebnisse. Es lässt sich dabei zwischen zwei grundsätzlichen Produkttypen unterscheiden:

Spec-driven Products

Unter Spec-driven versteht man Produkte mit höherem Informations- und Erklärungsaufwand, bei denen eine Summe von Merkmalen ausschlaggebend für Auswahl und Selektion des passenden Produktes ist. Beispiele hierfür wären Produkte aus den Kategorien Elektronik, Haushaltsgeräte oder Werkzeug.

Zur Darstellung von Produkten dieser Kategorie bietet eine Listenansicht den Vorteil, direkt mehr Information zu dessen Merkmalen im Suchergebnis darzustellen und so direkt eine Vergleichbarkeit von Produkten zu bieten ohne jeweils die Produktdetailseite betrachten zu müssen, wodurch nerviges Pogo-Sticking verhindert wird.

Die Darstellung in Listenform erlaubt eine bessere Darstellung relevanter Merkmale.

Visually-driven Products

Bei visuellen Produkten steht vor allem das Aussehen und die Ästhetik im Vordergrund. Typisch hierfür sind Produkte aus den Bereichen Mode, Möbel und Dekoration.

Bei visuellen Produkten zeigt sich eine Darstellung im Raster als vorteilhaft, da Nutzer in erster Linie das Produktbild im Fokus haben und erst danach das Produkt auf Preis, Verfügbarkeit, Größe, usw. überprüfen. Die Rasteransicht ermöglicht hier eine bessere Darstellung der visuellen Präsentation anhand höher auflösenden und größeren Produktbildern im Suchergebnis.

Der Fokus liegt im Grid-View auf den Produktbildern.

Sollte ihr Produktkatalog klar der einen oder anderen Kategorie zuweisbar sein, dann ist ein fest definiertes Suchlayout basierend auf den oben genannten Kriterien die beste Lösung für Sie. Im Falle eines gemischten Produktsortiments denken Sie an, beide Ansichten umzusetzen und diese dynamisch, basierend auf vordefinierten Logiken, auszuspielen.

3. Highlighten Sie Zusammenhänge zwischen Suchanfrage und dargestellten Produkten

Die Suchlogik liegt meist im Verborgenen. In vielen Fällen zweifeln Nutzer am Ergebnis der Suchanfrage, da Sie nicht nachvollziehen können, warum gewisse Produkte als relevant eingestuft und demnach ausgespielt wurden. Aus diesem Grund ist es sinnvoll, die Zusammenhänge zwischen dem ausgespielten Produkt und der Suchanfrage zu “highlighten” und darzustellen.

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. Vorschaubilder sollten der gesuchten Variante entsprechen

Ein häufig auftauchender Use-Case beim Shopping in der Kategorie Mode und Bekleidung oder anderen visually-driven Products ist der Suchbegriff in Kombination mit einer gewissen Farbe oder aus einem bestimmten Material. Während manche Nutzer hier auf passende Filter zurückgreifen, inkludieren andere die Attribute direkt als Teil der Suchanfrage.

Wird also als Beispiel nach einer schwarzen Daunenjacke gesucht, dann erwartet der Nutzer im Suchergebnis auch schwarze Daunenjacken zu sehen. Sollte eine Jacke demnach in mehreren Farbvarianten verfügbar sein, dann sollte in der Vorschau die dazu passende Variante in schwarz und nicht die default Variante in einer anderen Farbe angezeigt werden.

Im Produktlisting sollten die Varianten in der gesuchten Farbe angezeigt werden.

5. Bieten Sie eine facettierte Suche

Um eine gute Sucherfahrung zu kreieren reicht es nicht die Filteroptionen auf Kategorie, sowie global verfügbare Attribute wie Preis, Marke oder Verfügbarkeit zu beschränken. Die auswählbaren Filter müssen auf der Suchanfrage des Nutzers basieren. Während normalerweise eine Kategorie gewählt werden muss, um passende Filter dargestellt zu bekommen, bietet eine facettierte Suche diese Filter ohne vorher getätigte Kategorieauswahl.

Der wichtigste Vorteil der facettierten Suche besteht nicht darin, dem Nutzer ein paar Klicks bis zum gewünschten Ergebnis zu ersparen, sondern dass Filter zu jenem Zeitpunkt zur Verfügung stehen wann und wo der Nutzer sie wirklich benötigt.

Aus einer technischen Perspektive könnten Sie facettierte Filtervorschläge basierend auf einer Analyse der relevantesten Suchergebnisse ausliefern. Zum Beispiel: Sie suchen nach einem Laufschuh und erhalten 1000+ Produkte aus mehreren Kategorien. Betrachten Sie nun zum Beispiel die ersten 50 Produktvorschläge und prüfen Sie welcher Kategorie die Produkte am meisten zugeordnet werden. Von den 50 Produkten fallen 39 in die Kategorie Laufschuhe. Daher werden die passenden Filter der Kategorie Laufschuhe dargestellt, obwohl keine Einschränkung auf diese Kategorie vorgenommen wurde.

Passende Filter erlauben direkt den für Sie passenden Laufschuh zu finden.

6. Sortieren Sie Kategoriefilter nach Relevanz der Suchanfrage

Immer wieder sehen wir, dass Kategoriefilter in alphabetischer Reihenfolge dargestellt werden. Während dies in der Navigation noch eine valide Möglichkeit ist, ist es für Suchergebnisseiten absolut unzureichend, da vom Nutzer bereits eine klare Tendenz gegeben wurde.

Eine alphabetische Auflistung der Kategorien ist zwar technisch einfach zu implementieren, führt aber zu einer Beeinträchtigung der Usability, da die relevantesten Kategorien nicht an erster Stelle stehen. Eine Verbesserung stellt die Reihenfolge der Kategorien nach enthaltenen Produkten dar. Jedoch ist auch diese nicht ideal, da die Anzahl der Produkte in einer Kategorie nicht zwingend mit der Relevanz dieser korreliert. Stattdessen sollte die Sortierung der Kategoriefilter auf der Grundlage Ihrer Relevanz basierend auf der Suchanfrage des Nutzers erfolgen.

Die Reihung der Kategoriefilter erfolt nach Relevanz zum Suchbegriff.

7. Zubehör sollte gefiltert werden können

Die Suchergebnisse werden von oft von Produktzubehör überflutet, wodurch es für den Nutzer beinahe unmöglich wird, die für Ihn relevanten Produkte ausfindig zu machen. Gerade bei einer Sortierung nach “günstige Produkte zuerst” muss zuerst durch eine Liste von nicht relevanten Produktzubehör gescrollt werden. Der Nutzer sollte jedoch nicht gezwungen werden, eine Iteration seiner Suche durchzuführen. Stattdessen sollte Ihm die Möglichkeit geboten werden, Produktzubehör aus den Suchergebnissen per Filteroption auszuschließen.

Gregor Sandberger

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

by admin | Okt 9, 2020

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

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.

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

HOW TO: Onsite Search – Suchfeld (1/4)

by admin | Sep 22, 2020

HOW TO: Onsite Search – Suchfeld (1/4)

HOW TO: Onsite Search Darstellung & Logik des Suchfeldes (Part 1/4)

Im ersten Teil unserer Reihe “HOW TO: Onsite Search“ widmen wir uns dem Design und der elementaren Funktion der Suche, sowohl vor als auch nach dem Suchvorgang. Während eine intelligente Suchfunktion die Basis für ein großartiges Sucherlebnis bildet, können auch Elemente wie Design und Form der Suchfunktion oder die Gestaltung des Search-Buttons das Verhalten der User maßgeblich beeinflussen und positiv fördern.

Ein gut gestaltetes Suchfeld inklusive durchdachten Platzhaltertext setzt bereits vor der ersten Eingabe die richtigen Erwartungen für die User und fördert damit einen wirksamen Umgang und bessere Nutzung. Doch bereits kleine Designfehler reichen aus, um diese Erwartungen zu zerstören, mit der Folge, dass User unerwartet und unzufrieden Ihre Website verlassen.

In den folgenden Punkten stellen wir Ihnen klare Guidelines zur Implementierung einer nutzerzentrierten Onsite-Suche vor. Die Richtlinien sind aus technischer Sicht einfach zu implementieren, können sich aber bei Nichtbeachtung stark auf die Leistung ihres Shops auswirken.

1. Design und Form sollten die Relevanz der Suchfunktion spiegeln

Aus mehreren Usertests geht hervor, dass je präsenter das Suchfeld auf der Website platziert ist, desto mehr fühlen sich Nutzer dazu ermutigt mit der Suche zu interagieren. Für Branchen, in denen die Suche die bevorzugte Variante der Produktfindung darstellt, ist es daher förderlich das Suchfeld prominent im Shop zu platzieren. Das ist typischerweise der Fall für Shops mit tiefer Produkthierarchie, Käufen basierend auf Preisvergleichen oder umfrangreicher Recherche – oder generell in Fällen, wo dem User bereits Marke oder Modell des gewünschten Produktes bekannt ist.

Dabei gibt es mehrere Gestaltungsmöglichkeiten, die Suchfelder entweder visuell hervorheben oder, abhängig vom Use-Case, auch reduzieren können. Die drei Elemente mit dem größten Einfluss sind dabei standardmäßig:

Position
Stil
Größe

Position

Das Suchfeld kann für eine dezente Darstellung etwa auf Höhe der Navigation oder für eine prominente Darstellung mittig im Header platziert werden.

Prominente Platzierung der Suche über der Navigation

Suchfunktion eher dezent in der Suche platziert.

Stil

Der Stil des Suchfeldes kann von mehreren Elementen, wie bspw. Rahmen, Farbe, Schriftart & -größe, Icon, etc., beeinflusst werden. Durch Erhöhen des Kontrastes zwischen den einzelnen Elemente kann dabei das Suchfeld bewusst hervorgehoben werden.

Wenig Kontrast setzt den Fokus auf Umgang mit Navi.

Farbliche Akzentuierung lenkt den Fokus auf die Suche

Größe

Die Größe der Suchfunktion spiegelt die bevorzugte Variante der Produktfindung wieder. Zum Beispiel lenken etwa visuell agierende Shops im Modebereich die Aufmerksamkeit auf die Kategorienavigation, indem sie die Suchfunktion bewusst minimieren.

Es gilt – je prominenter die Suche im Shop präsentiert wird, desto mehr Nutzer werden die Suchfunktion der Kategorienavigation vorziehen. Dabei sollte die Suche nicht als einzige Lösung der Produktfindung dargestellt werden, sondern, abhängig von Branche und Use-Case, sinnvoll in die gesamte User Experience integriert werden.

2. Die Suchanfrage des Nutzers muss zu jedem Zeitpunkt dargestellt werden

Im Durchschnitt verändern User 3-5 mal die ursprüngliche Suchanfrage um zum gewünschten Ergebnis zu gelangen. Als Beispiel suchen User initial nach “nike air max” und verfeinern anschließend ihre Suchanfrage basierend auf den retournierten Ergebnissen im Produktlisting. Wird die Suchanfrage beim Suchvorgang im Suchfeld gelöscht, zwingt man den User bei jeder Iteration die Suchanfrage völlig neu einzugeben, was die Dauer des gesamten Such Zyklus verlängert und dadurch die Such-Erfahrung negativ beeinflusst.

Zusätzlich wird die redundante Eingabe eines Suchbegriffes innerhalb eines kurzen Zeitraums von Nutzern als sehr störend empfunden.

Vor allem auf mobilen Endgeräten ist die kontinuierliche Darstellung von Suchbegriffen aufgrund der beschränkten Eingabemöglichkeiten ein kritischer Faktor für eine gute Nutzererfahrung. Zusätzlich sollte mobil die Möglichkeit geboten werden, Suchanfragen schnell löschen zu können (z.B.: durch ein ‘X’ im Suchfeld), um repetitive Eingaben am Mobilgerät zu verhindern.

3. Fördern Sie die Suche nach “Themen” oder “Keywords” durch Platzhaltertext

Für den Fall, dass Ihren Usern weder der Name noch die Kategorie des gesuchten Produktes bekannt ist, soll die Suchfunktion über die Eingabe von alternativen Lösungsansätzen hinweisen. Zum Beispiel wird in Online-Apotheken oft via Symptomen das dazu passende Medikament gesucht. Nutzer müssen hier proaktiv über die Funktionalität einer Symptom-Suche hingewiesen werden, damit diese nicht frustriert den Shop verlassen. Für eine intelligente Suche stellt diese Form der Suche heutzutage kein Problem mehr dar. Es liegt daran den Nutzer, auf diese Möglichkeit auch hinzuweisen. Der gängigste Weg ist dabei die Aufklärung im statischen Platzhaltertext des Suchfeldes.

Platzhalter im Suchfeld laden zur Produktsuche über alternative Wege, wie z.B.: Artikelnummer, Schlagwörtern.

4. Berücksichtigigung von Sonderzeichen

Aus Sicherheitsgründen wird in Online-Shops die Eingabe von Sonderzeichen in der Suche, wie zum Beispiel € “ ; – : oft entfernt. Das kann zum Verlust kontextrelevanter Information führen, mit dem Ergebnis eines für den User nicht zufriedenstellenden Produktlistings. Sonderzeichen gehören zum natürlichen Wortschatz der User, wodurch diese auch von der Nutzung dieser ausgehen. Wird zusätzlich dem Anwender nicht mitgeteilt, dass in seiner Suchanfrage enthaltene Sonderzeichen entfernt wurden, geht dieser von einer unzureichenden Suchfunktion aus. Um dieses Risiko zu umgehen, besteht die Möglichkeit Sonderzeichen zu maskieren und damit für die Suche nutzbar zu machen. Damit stellen diese auch kein Sicherheitsrisiko für den Online-Shop dar.

Die Berücksichtigung des Sonderzeichen führt zu relevanten Ergebnissen – wie zur gewünschten Rahmengröße in Zoll.

5. Ermöglichen Sie Copy&Paste in Ihrer Suche

Obwohl die Onsite-Suche von entscheidender Bedeutung ist, vergessen Sie nicht, dass ein Großteil der User die Produktsuche bereits an anderer Stelle beginnt, sei es auf Review-Portalen, Nachrichten-Magazinen oder Blogs. Dabei will der User nicht ständig dieselbe Suchanfrage mehrmals erneut eingeben, sondern schnell und einfach zum Wunschprodukt geführt werden. Das Kopieren und Einfügen von Suchanfragen stellt eine grundlegende Anforderung der Nutzer dar und sollte standardmäßig in jeder Suchfunktion integriert sein.

6. Gestaltung einer Bereichsauswahl

Für Händler mit umfangreichen und vielfältigen Produktkatalog kann eine Bereichsauswahl die Genauigkeit der Suche erhöhen. Während es noch keine klare Abgrenzung gibt, ab wann ein Produktkatalog die manuelle Auswahl eines Suchbereichs rechtfertigt, sind bereits klare Best-Practices zur Gestaltung dieser Funktion bekannt.

Ein wichtiger Aspekts in der Gestaltung des Selektors ist, dass er sich visuell dem Suchfeld unterordnet, da er nur von einer Teilmenge der User genutzt wird. Das Suchfeld sollte dabei in Relation zum Selektor wesentlich größer gestaltet werden, um dem Benutzer deutlich zu machen, dass das Suchfeld die primäre Anlaufstelle darstellt. Um den direkten und wesentlichen Einfluss der Bereichsauswahl auf das Suchergebnis aufzuzeigen, sollte dieser möglichst nahe neben dem Suchfeld platziert werden. Dabei hat sich ein Drop-Down Menü zur Selektion des Kategorie-Bereichs bis heute am besten bewährt. Die Einführung und Gestaltung einer manuellen Kategorie-Vorauswahl sollte im Vorfeld jedoch sorgfältig getestet werden, um eine klare visuelle und konzeptionelle Unterscheidung zum Suchfeld selbst zu gewährleisten.

Bereichsauswahl ermöglicht Suche nach Produkten und Ersatzteilen innerhalb einer spezifischen Kategorie.

7. Sucheinstellungen des Users immer beibehalten

Klickt ein User zurück, um von der Produktdetailseite zurück zum Suchergebnis zu gelangen, dann müssen die davor getroffenen Einstellungen hinsichtlich Filterung und Sortierung bestehen bleiben. Ist das nicht der Fall führt das zu klaren Missverständnissen zwischen der Wahrnehmung des Users und dem aktuellen dargestellten Ergebnis. Zum Beispiel: Stellen Sie sich einen User vor, der auf der Suche nach einer passenden Laptop-Hülle für sein 13” MacBook ist, dessen Filterung nach 13” Modellen aber nach Betrachtung einer PDS nicht beibehalten wurde, wodurch dem User fortlaufend unpassende Produkte angezeigt werden.

8. Angewandte Suchfilter und Sortierung löschen, wenn die gleiche Suchanfrage erneut gestellt wird

User benötigen einen eleganten Weg um schnell zum Ergebnis Ihrer ursprünglichen Suchanfrage zu gelangen. Das Suchergebnis wird meist durch das Aktivieren von Filtern oder das Ändern der Sortierung beeinflusst. Dabei kann es sehr schnell passieren, dass der Nutzer sich in eine Sackgasse bewegt und er mit der Ergebnismenge nicht zufrieden ist. In diesem Fall muss dem Anwender die Möglichkeit gegeben werden, bestehende Filter zu löschen und die Sortierung auf default zurück zu setzen, um zur ursprünglichen Ergebnismenge der Suchanfrage zu gelangen. Unter Berücksichtigung von Punkt 2 (konsistente Darstellung des Suchbegriffes) bietet sich hier die einfache Möglichkeit, die bestehende Suchanfrage erneut abzusenden, um den Originalzustand der Ausgangs-Anfrage herzustellen. Diese Möglichkeit stellt dabei eine Ausnahme, zu der in Punkt 7 angeführten Regel der Beibehaltung der Sucheinstellungen (z.B.: bei Rückkehr von PDS zum Suchergebnis) dar.

Das erneute Absenden der Suche setzt bereits genutzte Filter zurück und zeigt die ursprüngliche Ergebnismenge.

Gregor Sandberger

« Older Entries