20 Best Practices für die mobile App-Suche

Erfahren Sie, wie Sie ein großartiges UX-Erlebnis für Ihre mobile App-Suche gestalten können, indem Sie diese 20 Best Practices für die Eingabe von Anfragen und die Anzeige der Ergebnisse befolgen.
Das Einzige, was Benutzer nach dem Herunterladen Ihrer App tun müssen, ist, diesen Inhalt zu finden. Sein handy suchen app, wenn man es einmal verloren hat.
Und während das in der Theorie einfach klingt, sind die Dinge in der Praxis nicht immer so reibungslos. Wie oft haben Sie Mühe, das zu finden, wonach Sie in einer App suchen, und in Verzweiflung wenden Sie sich an Google, um Hilfe zu erhalten?
Es muss nicht so sein – und in diesem Artikel zeige ich Ihnen, wie es geht, indem ich 20 Best Practices für das Design der mobilen App-Suche mit Ihnen teile.
Auf dem Weg dorthin werde ich viele Screenshots von guten und schlechten Beispielen der App-Suche zur Verfügung stellen, um Ihnen zu helfen, Ihre App-Suche zum Leuchten zu bringen.

Erfolgreiche Mobile App Search ist wie ein gutes Gespräch.
Die App-Suche ist großartig, weil sie Ihren Benutzern den Zugriff auf alle von Ihnen bereitgestellten Inhalte erleichtert.
Um jedoch erfolgreich zu suchen, benötigen die Nutzer ein grundlegendes Verständnis Ihrer App und Ihrer Produkte, um zu wissen:

  • Wie man sucht
  • Worauf Sie bei der Suche achten sollten
  • Was die Abfrage sein soll

Um diese Wissenslücke zu schließen, sollte eine erfolgreiche Suchinteraktion wie ein gutes Gespräch zwischen Ihnen und Ihrem Benutzer sein, das ihm letztendlich hilft, das zu finden, was er braucht.
Sie können sich vorstellen, dass eine Suche in drei Schlüsselkomponenten unterteilt ist:

  • Eingeben der Abfrage
  • Keine Ergebnisse anzeigen (wenn keine Übereinstimmung gefunden wurde)
    Anzeige der Ergebnisse (wenn mindestens ein Ergebnis gefunden wurde)
  • Lassen Sie uns jeden dieser Punkte im Begriff untersuchen.
  • Abfrage eingeben

Bevor der Benutzer jemals Ergebnisse sehen kann, muss er eine Anfrage in eine Art Suchleiste eingeben. Die Abfrage wird dann mit den Daten in Ihrer Datenbank abgeglichen und die entsprechenden Ergebnisse zurückgegeben.
Leider, es sei denn, Ihre App enthält eine leistungsstarke Suchmaschine, werden die Ergebnisse wahrscheinlich weniger als wünschenswert und schwer zu verdauen sein.
Aber fürchte dich nicht! Die Best Practices #1-8 helfen Ihnen, Ihren Benutzer zu den Objekten seines Begehrens zu führen.
Machen Sie die Suche leicht auffindbar: Wenn Ihre App stark auf die Suche angewiesen ist, um die Interaktion der Benutzer zu fördern, stellen Sie sicher, dass die Suchinteraktion leicht zu finden ist. Dies kann bedeuten, dass entweder eine persistente Suchleiste oben auf dem Bildschirm angezeigt wird oder ein Symbol einer Lupe an einer markanten Stelle wie der Tab-Leiste oder der Nav-Leiste platziert wird.

Handy suchen

Medium zeigt ein Suchsymbol in der Navigationsleiste an.

Tumblr platziert das Symbol deutlicher in der Tab-Leiste.
Machen Sie dem Platzhalter einen Hinweis: Verwenden Sie in der Suchleiste keinen generischen Platzhalter wie “Suchen”. Verwenden Sie stattdessen etwas Beschreibenderes, das dem Benutzer sagt, nach welcher Art von Informationen er suchen soll. Und wenn es Grenzen für Ihre Suche gibt, erklären Sie diese hier, damit der Benutzer weiß, welche Art von Suche die App ermöglicht.

Schlechtes Beispiel: Messenger

Messenger sagt einfach “Suchen” im Suchfeld. Das führt mich zu dem Glauben, dass alles geht.

Aber wenn ich versuche, ein kürzlich geführtes Gespräch über Netflix zu finden, entdecke ich, dass das Einzige, wonach ich suchen kann, Einheiten sind, mit denen ich Gespräche beginnen kann.

Gutes Beispiel: Robinhood

Robinhood macht eine großartige Arbeit darin, Ihnen mitzuteilen, was Sie suchen und erwarten können – Unternehmen oder Finanzprodukte.

Normalerweise müssen Sie möglicherweise ein Tickersymbol nachschlagen, um die Aktien eines Unternehmens zu finden. Aber Robinhood leistet gute Arbeit, wenn es darum geht, für Anfänger hier zugänglich zu sein, trotz des leicht beängstigenden Themas Aktienhandel.
Angebotsvorschläge: Einer der schlimmsten Fehler, die Sie machen können, ist die Anzeige eines leeren Bildschirms unter der Suchleiste, wenn der Benutzer darauf tippt. Es gibt eine begrenzte Anzahl von Immobilien auf einem mobilen Bildschirm, also verschwenden Sie diese nicht mit leerem Platz.
Dies ist Ihre Chance, den Benutzer durch Ihr Gespräch zu führen. Verwenden Sie diesen Bereich, um dem Benutzer einige Vorschläge oder kuratierte Inhalte wie “Populäre Suche”, “Favoriten”, “Am nächsten” oder “Top bewertet” anzubieten.

Schlechtes Beispiel: Skillshare

Die Suchfunktionalität von Skillshare lässt viel zu wünschen übrig, da sie keine Vorschläge für die Suche enthält. Es lässt den Benutzer im wahrsten Sinne des Wortes im Dunkeln.

Gutes Beispiel: Pinterest

Pinterest hilft seinen Nutzern, auf dem Laufenden zu bleiben, indem es eine Liste der beliebtesten Suchanfragen anzeigt.
Der Vorteil dieses Musters besteht darin, dass der Benutzer möglicherweise nicht einmal die Suchanfrage durchführen muss, sondern aus einer Auswahl von vordefinierten Inhalten wählen kann, die garantiert relevante Ergebnisse liefern.
Auto-Vervollständigung: Eines der beliebtesten und nützlichsten Entwurfsmuster ist die automatische Vervollständigung oder “Suche in der Suche”. Während der Benutzer eingibt, schlägt die App mehrere andere verwandte Abfragen vor, die der Benutzer leicht auswählen kann. Es hat einen der besten Vorteile für mobile Benutzer: reduzierte Schreibzeit. Es erlaubt Ihnen auch, als Ersteller der App, den Benutzer sanft in die Richtung zu schubsen, von der Sie denken, dass sie am besten für ihn geeignet ist.

Gutes Beispiel: Cookpad

Cookpad betrachtet die Anfrage des Benutzers und bietet halbdynamisch komplexere und konkretere Suchanfragen, auf die der Benutzer tippen kann.

Gutes Beispiel: Lyft

Eine Location-Services-App wie Lyft wäre fast nutzlos, wenn sie keine Vorschläge nach Ihrem Geschmack machen würde.

Schlechtes Beispiel: iTrans NYC

iTrans NYC verlangt, dass der Benutzer eine nahezu vollständige Adresse eingibt, bevor er herausfindet, was er will.
Suche innerhalb: Eine spezielle Art der Suche, die es Benutzern ermöglicht, innerhalb einer Kategorie zu suchen, in die sie navigiert haben. Auch wenn nicht viele Apps oder Unternehmen dieses Modell unterstützen, erwarten die meisten Anwender es. Diese Art der Suche hilft auch, Fehler zu vermeiden, da Sie den Benutzer anleiten, nach etwas zu suchen, das definitiv zu Ergebnissen führt.

Gutes Beispiel: Frühling

Während die Benutzer tippen, zeigt Spring ihnen, in welchen Kategorien ihre Abfrage verfügbar ist und wie viele Ergebnisse sie erhalten.
Suchverlauf speichern: Benutzer schätzen es, wenn eine App eine Vorstellung davon hat, was sie in einer früheren Sitzung gemacht hat – insbesondere im Zusammenhang mit dem Surfen. Stellen Sie sich vor, wie frustriert Sie wären, wenn ein Anruf oder eine Benachrichtigung Sie davon abhielt, das perfekte Buttermesser zu finden, und Sie von vorne anfangen mussten.
Die Einbindung eines solchen Abschnitts in Ihren Suchablauf steigert das Vertrauen der Nutzer in Ihr Produkt und fördert deren Bereitschaft zum Entdecken. Dies kann sich auf zwei Arten manifestieren: die App, die die Suche des Benutzers automatisch speichert, während er geht, oder die App, die es dem Benutzer ermöglicht, die Suche proaktiv zu speichern.

So wie zum Beispiel: Evernote

Evernote bietet beide Optionen, um sich die Aktionen des Benutzers zu merken. Es speichert ihre jüngste Geschichte und ermöglicht es ihnen, Suchanfragen für die Zukunft zu speichern. Während ein Benutzer die Funktionalität zum Speichern seiner Suche schätzen kann, wird die Interaktion aufgrund der Anzahl der Schritte eher lästig als nützlich.

So wie zum Beispiel: Amazon

Auch wenn Amazon die Suchanfragen des Benutzers speichert, ist es ein wenig umständlich, die Suchanfragen einzeln zu entfernen.

Gutes Beispiel: Mittel

Medium speichert die Suchanfragen des Benutzers übersichtlich und bietet eine einfache Möglichkeit, seinen Verlauf zu löschen und Unordnung zu vermeiden.
Angebotsumfang Suche: Wenn Ihre App über eine ganze Menge an Inhalten verfügt, die sich weiter in eine Reihe von Kategorien einteilen lassen, sollten Sie eine Scope-Suche in Betracht ziehen, die den Nutzern hilft, den “Raum”, in dem sie sich befinden, zu verstehen – vorausgesetzt, der Umfang wird deutlich genug dargestellt und kann leicht geändert werden.

Gutes Beispiel: Produkt-Jagd

ProductHunt bietet vier übersichtliche, übergreifende Inhaltskategorien, in denen Sie suchen können.
Suche einschränken: Wenn Ihre App sehr spezifisch ist, welche Art von Content sie anbietet, ist der beste Weg, dem Benutzer zu helfen, das zu finden, was er will, die Suche auf ein paar verschiedene Parameter zu beschränken. Auf diese Weise ist die App so klar wie möglich, was sie vom Benutzer benötigt, und der Benutzer kann so spezifisch sein, wie er will, in den Grenzen dieser Einschränkungen.

Gutes Beispiel: Airbnb

Airbnb leistet gute Arbeit bei der eingeschränkten Suche, indem es die Benutzer auf dem ersten Bildschirm darüber informiert, was wichtig ist: Ort, Datum und Anzahl der Gäste. Diese starken Leistungen lassen keinen Raum für Verwirrung.

Hinweis: Wie Sie in einigen dieser Beispiele gesehen haben, müssen die oben genannten Methoden nicht ausschließlich voneinander verwendet werden, sondern können auf jeden Fall parallel verwendet werden – es hängt alles von der Art der Produkte ab, die Sie haben.
Keine Ergebnisse anzeigen
Nach all dieser harten Arbeit, die sowohl der Benutzer als auch die App geleistet haben, ist es an der Zeit, die Ergebnisse zu ernten!
Oder auch nicht…..

Wenn Sie eine neue Funktion in Ihrer App entwerfen, befolgen Sie das Usability-Prinzip “Helfen Sie Benutzern, Fehler zu erkennen, zu diagnostizieren und zu beheben”. Grundsätzlich sollten Sie zuerst an das Worst-Case-Szenario denken und Schritte unternehmen, damit sich der Benutzer erholen kann.
Das Tolle an der Seite ohne Ergebnisse ist, dass sie eine großartige Möglichkeit für Sie bietet, sich wieder mit Ihren Benutzern zu verbinden und ihr Vertrauen durch mehrere Mechanismen zu gewinnen.
Best Practices #9-13 haben damit zu tun, wie Sie das Beste aus keinem Ergebnis herausholen können.
Das Problem kommunizieren. Sei transparent, dass etwas schief gelaufen ist, und lass den Benutzer nach Möglichkeit wissen, was das Problem ist.

Gutes Beispiel: Etsy

Korrigieren und korrigieren Sie Rechtschreibfehler. Dies ist eine der Hauptursachen für keine Ergebnisbildschirme, daher ist es eine gute Idee, zu versuchen, Rechtschreibfehler zu erkennen und zu beheben.

Gutes Beispiel: Google

Machen Sie die Suche weniger spezifisch. Eine weitere Hauptursache für fehlende Ergebnisbilder ist, dass der Benutzer zu spezifisch ist. Um dies zu beheben, versuchen Sie, Teile der Suchanfrage zu entfernen, um sie in etwas zu verwandeln, das Sie zuordnen können. Wenn der Benutzer in einer Kategorie gesucht hat, können Sie ihm erlauben, die gesamte Kategorie anzuzeigen.

Gutes Beispiel: Amazon

Fallback-Inhalte. Wenn es immer noch keine Ergebnisse gibt, können Sie kuratierte Inhalte oder populäre Suchanfragen als Fallback anbieten.
Geben Sie bei Bedarf die Möglichkeit, sich anzumelden. Wenn sie in einer Kategorie gesucht haben, die eine Anmeldung erfordert, geben Sie ihnen die Möglichkeit, sich anzumelden oder zu registrieren.

Gutes Beispiel: Mieten Sie die Start- und Landebahn

Mieten Sie die Start- und Landebahn, damit anonyme Benutzer die Kategorie Meine Herzen nutzen können, und hilft ihnen bei der Wiederherstellung, indem sie sich anmelden oder die Kategorie auf Shop All wechseln können.
Ergebnisse anzeigen
Wenn der Benutzer den glücklichen Weg eingeschlagen hat, hat er die Ergebnisse, die er gesucht hat. Aber Vorsicht, Sie können nicht einfach alle Ergebnisse auf der Seite ablegen und den Benutzer das herausfinden lassen.
Best Practices #14-20 helfen Ihren Nutzern, ein Gefühl der Orientierung und des Freiraums mit Ihren Suchergebnissen zu haben.

Berücksichtigen Sie Ihre Standardsortierung: Wenn Sie Ihre Suchergebnisse anzeigen, geben Sie ihnen eine logische Standardreihenfolge, die leicht zu sehen und zu erkennen ist. Dies kann entweder alphabetisch, nach Preis, nach Datum oder nach Entfernung erfolgen. Sortieren Sie die Ergebnisse so, dass sie für Ihren Kunden und Ihr Produkt am relevantesten sind.

Schlechtes Beispiel: Google

Auch wenn Google in der Regel großartig ist, was die Suche angeht, ist ihre Standardsortierung auf Maps etwas verwirrend. Benutzer erwarten, dass die Ergebnisse nach Entfernung sortiert werden, aber die Ergebnisse sagen etwas anderes.
Kategorisieren Sie Ihre Ergebnisse: Wenn Ihre App eine Suche erfordert, bedeutet das fast immer, dass Sie Inhalte haben, die zu einer bestimmten Kategorie passen; im Falle von Kleidung wären das Kleidung, Accessoires und Schuhe. Sie können dies tun, indem Sie einfach Header zu Ihren Suchergebnissen hinzufügen.

Gutes Beispiel: Spotify

Bieten Sie hilfreiche Ansichtsoptionen an: Die Suchergebnisse können in verschiedenen Modi angezeigt werden: auf einer Karte, als Liste, als Karussell oder als Miniaturansicht. Zeigen Sie sie in der für Ihren Kontext am besten geeigneten Weise an. Nur weil die Ergebnisse auf viele verschiedene Arten angezeigt werden können, bedeutet das nicht, dass sie es auch sein sollten, besonders wenn es mehrere Schritte erfordert, um die Ansichten zu wechseln.

Schlechtes Beispiel: StartseiteDepot

HomeDepot hat drei Anzeigeoptionen, aber es gibt nicht viel Mehrwert von einer Option zur anderen. Es erfordert auch zwei Taps vom Benutzer, um zu ändern, so dass die Optionen sowohl redundant als auch umständlich sind.

Gutes Beispiel: Airbnb

Airbnb hingegen ermöglicht es dem Benutzer, zwischen einer scanbaren Kartenansicht und einer schnellen Buchungsansicht zu wechseln. Beide Optionen bieten dem Benutzer unterschiedliche, relevante Werte und Informationen.
Bevorzugen Sie unendliches Scrollen dem Seitenumbruch: Nicht viele Apps verwenden paginierte Ergebnisbildschirme. Dennoch ist es erwähnenswert, dass Sie die unendliche Schriftrolle und das faule Lastmuster über eine paginierte Ergebnisseite stellen sollten. Eine Schaltfläche Mehr anzeigen ist auch besser als eine Seitennummerierung.
Suchfortschritt anzeigen: Wenn die Ergebnisse nicht sofort angezeigt werden, könnte der Benutzer denken, dass etwas nicht stimmt. Lasst sie nicht einfach da sitzen! Zeigen Sie ihnen stattdessen einen Fortschrittsbalken oder HUD, um ihnen mitzuteilen, dass Sie noch daran arbeiten.
Anzahl der Ergebnisse anzeigen: Wenn Sie sich entscheiden, die Suchergebnisse zu kategorisieren, ist es eine gute Idee, anzuzeigen, wie viele Produkte sich in jeder Kategorie befinden, bevor der Benutzer sich zu einem von ihnen verpflichtet.

Gutes Beispiel: Booking.com

Während der Eingabe gruppiert Booking.com die Ergebnisse zu logischen Kategorien und zeigt die Anzahl der Ergebnisse für jede Kategorie an.
Markieren Sie Schlüsselwörter: Manchmal ist es schwierig, die Ergebnisse zu betrachten und zu verstehen, wie sie sich auf die Suchanfrage beziehen. Sie können dem Benutzer helfen, indem Sie die Suchbegriffe markieren.

Gutes Beispiel: Erinnerungen

Wohin soll man von hier aus gehen?
Werfen Sie einen guten, genauen Blick auf Ihre App und sehen Sie, ob einige der oben genannten Beispiele Ihren Benutzern helfen könnten, eine bessere Sucherfahrung zu haben. Gibt es irgendwelche unerwünschten Elemente, die einige der oben genannten Apps mit Ihrer App teilen? Wie konntest du das ändern?
Die App-Suche ist nur ein Teil der Inhaltssuche. Ein weiterer großer Teil ist das Filtern, und das ist es, was ich in meinem nächsten Artikel behandeln werde.
Wenn du in der Zwischenzeit Fragen, Kommentare oder App-Erfahrungen hast, tue dies bitte unten!