Bessere UX-Suche durch Mikroskopie

Es ist schwer, die Bedeutung der Websuche zu überschätzen. Die Suche ist so alt wie das Internet selbst und in gewisser Weise sogar noch älter. Eine gut gestaltete Suche kommt sowohl Ihnen als auch Ihren Benutzern zugute. Es erhöht die Conversions, reduziert die Absprungraten und verbessert die Benutzererfahrung.

Die Suche ist besonders wichtig auf großen Websites und E-Commerce-Erlebnissen, wo der Großteil des Umsatzes aus suchgesteuerten Sitzungen stammt. Studien zeigen, dass bis zu 50 % der Benutzer direkt zur internen Suchleiste einer Website gehen und dass 15 % die Suchfunktion direkt dem Durchsuchen des hierarchischen Menüs vorziehen. Das bedeutet, dass bei aller Liebe und Sorgfalt, die in die Bestimmung der Informationsarchitektur einer Website fließen, genauso viel in die Gestaltung des Sucherlebnisses investiert werden muss.

Das Problem wird noch komplizierter durch die Tatsache, dass die Suchfähigkeiten der Benutzer bestenfalls dürftig und schlimmstenfalls inkompetent sind. Um gute Ergebnisse von einer Suchmaschine zu erhalten, sind oft mehrere Versuche und Neuformulierungen erforderlich, was Benutzer selten tun. Und da sich die Suchtechnologie im Laufe der Zeit verbessert, akzeptieren Benutzer die Ergebnisse einer Suche immer häufiger als Antwort auf ihre Frage, selbst wenn ihre Anfrage fehlerhaft war. Benutzer, die Suchen bevorzugen, bewegen sich in der Regel schnell, scannen die Seite nach diesem vertraut aussehenden Rechteck und springen schnell ab, wenn sie nicht finden, wonach sie suchen.

Die Kommunikation mit diesen Benutzern „mit Geschwindigkeit“ ist eine knifflige Aufgabe, die ein spezielles Werkzeug erfordert: Mikrokopie. Der Name „Mikrokopie“ täuscht über seine eigene Bedeutung hinweg. Es mag klein sein, aber große Erfolge hängen oft davon ab. Es ist ein Ort, an dem die Stimme durchscheinen kann, an dem gute Eindrücke hinterlassen werden und an dem sich Nutzen und Markenbildung überschneiden. Sehen wir uns vor diesem Hintergrund die vielen Möglichkeiten an, wie Mikrokopie und Kontextualisierung das Sucherlebnis erheblich verbessern können.

Platzieren und Beschriften Ihrer Suche

Gemäß Jakobs Gesetz sollte Ihr erster Instinkt beim Entwerfen einer Suchleiste darin bestehen, ein rechteckiges Kästchen in der oberen rechten oder oberen linken Ecke zu platzieren. Sie sollten ein Label oder einen A11y-freundlichen Platzhaltertext hinzufügen und eine Senden-Schaltfläche mit der Aufschrift „Suchen“ einfügen.

Das Verstecken der Suchleiste hinter einem Link, der Verzicht auf Platzhaltertext oder die Entscheidung für ein Lupensymbol CTA statt Klartext sind im richtigen Kontext gültige Designentscheidungen. Stellen Sie nur sicher, dass Sie die Funktion der Suchleiste nicht unnötig abstrahieren, da das Suchen bereits höhere Interaktionskosten verursacht als das Browsen.

Jedes Hindernis, so belanglos Sie es als Designer auch finden mögen, riskiert negative Auswirkungen auf die UX und Ihr Endergebnis. Wenn die Gefahr besteht, dass Ihre Benutzer das Lupensymbol mit einer „Zoom“-Schaltfläche verwechseln, sollten Sie dies mindern.

Platzhaltertext

Platzhaltertext ist ein großartiger Ort, um das Erlebnis zu verbessern. Es kann informativ sein, es kann ein Ort für den Markenausdruck sein und es kann schwankende Benutzer in die richtige Richtung lenken. Jedes Mal, wenn ich eine Suchleiste sehe, die nur „Suchen“ anzeigt, sehe ich eine verpasste Gelegenheit.

Was ist also ein besserer Ansatz? Es ist von Website zu Website unterschiedlich. Machen Sie sich zunächst mit Ihren Geschäftszielen, Ihrer Marke und den bestehenden Gewohnheiten Ihrer Benutzer vertraut. Überlegen Sie dann, wie Sie am hilfreichsten sein können.

Stupsen Sie den Benutzer an

Ein suggestiver Ansatz kann die Angst des Benutzers verringern. Weisen Sie Ihre Benutzer darauf hin, dass sie auf mehrere Arten suchen können, insbesondere wenn sie möglicherweise nicht mit Ihrer gesamten Produkt- oder Dienstleistungspalette vertraut sind. ASOS schlägt vor, zusätzlich zu Produkten und Marken nach Inspiration zu suchen:

Seien Sie informativ

Sagen Sie dem Benutzer genau, was er bekommt, wenn er auf Senden klickt. Auf Shutterstock, einer Website, die sich ausschließlich der Suche in einem riesigen Fotoarchiv widmet, dient dieser Platzhaltertext geschickt als Slogan, wenn er mit dem Logo kombiniert wird:

Stärkung der Marke

Die Suchleiste von Home Depot leitet den Benutzer nicht, sondern vermittelt stattdessen einen hilfreichen, persönlichen Ton, der meiner Meinung nach den Richtlinien für die Markenstimme entspricht. Angesichts der Größe ihres Produktkatalogs ist dies wahrscheinlich der beste Ansatz:

Verwenden von Suchprotokollen zu Ihrem Vorteil

Wenn Sie sich nicht sicher sind, wie Sie Ihren Platzhaltertext am besten optimieren können, ist Ihre Suchprotokolldatenbank ein guter Ausgangspunkt. Zu lernen, wie man diese Ergebnisse aufschlüsselt, kann bei der Formulierung hilfreicher Inhaltsgestaltung unglaublich wertvoll sein. Sie können aus erster Hand das Vokabular sehen, das die Leute verwenden, um Ihre Website zu durchsuchen, und, was noch wichtiger ist, die Lücken zwischen Ihrem Angebot und dem, wonach Ihre Benutzer suchen.

Vorgeschlagene, verwandte und aktuelle Suchanfragen

Während des Suchprozesses sollte Ihr Exemplar so viel Hilfe wie möglich bieten, ohne aufdringlich zu wirken. Dazu gehört alles, von einer offensichtlichen „Abbrechen“- oder „Löschen“-Schaltfläche bis hin zum Protokollieren der letzten Suchanfragen jedes Benutzers, um später wieder aufzutauchen. Fügen Sie bei der Auswahl der richtigen Mikroskopie zu diesen Merkmalen einen Schuss braune Soße hinzu.

Autosuggestion

Benutzer, die die Suchleiste verwenden, tun dies, weil sie nach etwas Bestimmtem suchen, was automatische Vorschläge zu einem wertvollen (und zunehmend erwarteten) Werkzeug macht. Die Spezifität kann in diesem Fall so fokussiert sein wie „Grauer Damenschuh Größe 9M“ oder so offen sein wie „Sandwich-Läden in meiner Nähe“.

Autosuggestionen verringern auch das Risiko, dass schlechte Ergebnisse zurückgegeben werden, verringern die mentale Anstrengung des Benutzers und bieten die Möglichkeit, Ihre beliebtesten Produkte aufzudecken.

Oft benötigen diese überhaupt keinen zusätzlichen Kontext oder Text, sondern können einfach unterhalb der Suchleiste aufgelistet werden, wenn der Benutzer eintippt, wie im obigen Beispiel gezeigt.

Verwandte Suchanfragen

Das Anzeigen ähnlicher Suchanfragen auf der Ergebnisseite ist eine weitere Möglichkeit, Benutzer zu führen, ohne sie zu behindern. Ein gängiges Muster besteht darin, über den Ergebnissen einige anklickbare Schlüsselwörter bereitzustellen, die sich auf die ursprüngliche Suchanfrage beziehen. Eine kleine Kopie mit der Aufschrift „Andere Benutzer gesucht“ ist eine gute Möglichkeit, soziale Beweise in das Sucherlebnis zu integrieren.

Letzte Suchen

Wenn Ihre Technologie dies zulässt, ist das Speichern und erneute Aufrufen kürzlich durchgeführter Suchen eine weitere Möglichkeit, die Speicherbelastung des Benutzers zu reduzieren. Stellen Sie sicher, dass Sie Kontext mit Kopie hinzufügen, aber es kann so einfach sein:

Umgang mit Ergebnissen

Es gibt zwei Kopien, die ich für erforderlich halten würde, wenn Suchergebnisse angezeigt werden:

1. Die Abfrage selbst.
   Wenn die Suchleiste gut sichtbar ist, kann sie hier angezeigt werden. Sie können auch ein H1 erstellen, das „Ergebnisse für {{terms}}“ enthält.
2. Die Anzahl der Ergebnisse.
   Wenn die Ergebnisse paginiert sind, können Sie auch die Anzahl der Seiten angeben.

Keine Ergebnisse

Ob durch eigenen Fehler oder nicht, Benutzer werden irgendwann unweigerlich auf eine „Keine Ergebnisse“-Seite stoßen. Glücklicherweise gibt es Möglichkeiten, damit elegant umzugehen; Mit dem richtigen Ansatz kann diese Sackgasse tatsächlich eine großartige Gelegenheit für die Entdeckung von Inhalten sein.

Erwarten Sie zunächst nicht, dass Ihre Benutzer ihre Suche verfeinern, wenn sie keine Ergebnisse erhalten – zumindest nicht ohne eine Benutzeroberfläche, die dazu ermutigt. Benutzer zögern, ihre Abfrage neu zu formulieren, und haben Probleme, wenn sie es versuchen. Sie beschäftigen sich eher mit den Informationen, die ihnen präsentiert werden, und nehmen sie von dort aus oder geben die Aufgabe ganz auf. (Wann haben Sie das letzte Mal auf die zweite Seite der Google-Suchergebnisse geklickt?)

Es ist jedoch leicht zu erkennen, wie ein wenig Copywriting und Kontextualisierung das Erlebnis verbessern können. Die Nielsen Norman Group hat einen umfassenden Leitfaden zum Umgang mit No Results SERPs mit folgenden Kernpunkten:

• Machen Sie deutlich, dass es keine Ergebnisse gibt.
  Es ist leicht, süß zu werden und versehentlich die Lede zu begraben. Es ist auch verlockend, die Meldung „keine Ergebnisse“ absichtlich zu verbergen, um den Fehler vollständig zu verschleiern. So oder so, täuschen Sie den Benutzer nicht.
• Bieten Sie Wege nach vorne.
  Schlagen Sie Möglichkeiten vor, die Suchanfrage zu verfeinern (z. B. Rechtschreibprüfung), und stellen Sie außerdem Links zu beliebten Inhalten oder Produkten bereit, die mit der höchsten Wahrscheinlichkeit eine Verbindung zum Benutzer herstellen.
• Treffen Sie den richtigen Ton.
  Verwenden Sie Ihre Markenstimme, aber gehen Sie nicht das Risiko ein, die Situation mit Humor zu verschärfen, der von einem frustrierten Benutzer schlecht aufgenommen werden könnte.

Denken Sie auch daran, dass leere SERPs entstehen können, weil ein Benutzer fälschlicherweise übermittelt hat, ohne überhaupt eine Suchanfrage einzugeben. Auch für dieses Szenario sollten Sie einen Inhaltsplan haben, anstatt beispielsweise alle Artikel in der Datenbank zurückzugeben.

Einpacken

Beim Schreiben einer guten Sucherfahrung kommt es auf Nachdenklichkeit an. Als Designer haben wir wahrscheinlich Hunderte von verschiedenen Websucherfahrungen verwendet und erstellt, also gehen wir den Prozess im Handumdrehen durch. Aber wenn wir jeden kleinen Schritt des Prozesses berücksichtigen (jede Mikrointeraktion und jeden Grenzfall), können die kleinen Änderungen, die wir vornehmen, einen großen Einfluss auf das Erlebnis haben. Wenn Sie das nächste Mal nach einer visuellen Lösung für ein Suchproblem suchen, sollten Sie stattdessen Ihre Worte verwenden.

Weiterführende Literatur zu SmashingMag:

• So führen Sie einen Workshop zur Inhaltsplanung durch
• Wie Copywriting von User Research profitieren kann
• Die Worte entwerfen: Warum Kopieren ein Designproblem ist
• Umgang mit redundanten, veralteten und trivialen Inhalten ROT