Die Suchleiste ist ein einfach zu erstellendes Element: Sie besteht nur aus einem Feld und einer Schaltfläche. In Wirklichkeit ist es jedoch viel komplexer, zumal es in den meisten Standorttypologien ein wesentlicher Bestandteil ist. Tatsächlich ist die Suchleiste eines der am häufigsten verwendeten Elemente im Web, insbesondere auf E-Commerce-Websites.

Es ist auch ein Tool, mit dem Sie Benutzer verstehen und ihre Erwartungen erkennen können. Zum Beispiel durch die anschließende Analyse der am häufigsten getippten Suchen oder Suchen ohne Ergebnisse.

Warum ist das so wichtig?

Nun, wie wir oft sagen: „Wenn ein Benutzer ein Produkt nicht finden kann, existiert es nicht“. Es wäre daher schade, ihn nicht zu diesem Feature zu begleiten und ihm die gesuchte Antwort zu geben.

Heute werde ich mit Ihnen 6 Tipps zum Entwerfen oder Verbessern der Suchleiste Ihrer Benutzeroberflächen teilen.

#1 PLATZIEREN SIE DIE SUCHLEISTE WO DER BENUTZER SIE FINDEN KANN

Wie ich bereits sagte, ist die Recherche eine der wesentlichen Funktionen einer Website. Aus diesem Grund ist es wichtig, ihm einen Ort zu geben, an dem der Benutzer ihn leicht und schnell finden kann.

Dazu müssen Sie die Benutzernutzung antizipieren und die Suchleiste an einer erwarteten Stelle platzieren: oben, in der Kopfzeile, oft rechts oder zentriert. Es ist sinnlos, das Rad neu zu erfinden, sondern daran zu denken, es dort zu platzieren, wo der Benutzer keine Fragen stellen wird.

Diese Eingabe ist der Schlüssel für die Konvertierung Ihrer Website :
Ein Verhalten, das mir beim Testen von Benutzern häufig auffällt, ist, dass Benutzer sich immer wohler mit dem Begriff der Suche nach Schlüsselwörtern oder Fragen fühlen und dass sie leicht in die Suche hineingezogen werden, wenn sie eine Website konsultieren. Sie gehen auf der Startseite sehr wenig nach unten und bevorzugen die Suchleiste, um den Inhalt schnell zu konsultieren.

#2 RECHERCHE ÜBERALL

Die Suchleiste sollte immer zugänglich sein.

Sie müssen sich die Suchleiste als Funktion vorstellen, mit der Sie schneller navigieren können, aber auch als „Bounce“-Funktion.

• Auf der Startseite und den Hauptseiten der Website nutzen viele Benutzer sie, um schnell auf deren Inhalte zuzugreifen oder um beispielsweise sicherzustellen, dass ein Produkt von einer solchen Marke verkauft wird.
•  In einigen Fällen ermöglicht die Funktionalität jedoch, eine neue Navigation / Suche neu zu starten.

Entweder weil sie :

• fanden ihre erste Suche, fanden nicht, wonach sie suchten,
• sich in einer Sackgasse befanden (z. B. eine 404-Seite).

Es ist daher ratsam, für jede Route zu überlegen, ob dies erforderlich ist oder nicht. Und die funktionsübergreifende Platzierung auf fast der gesamten Website zu fördern.

Zu diesem letzten Punkt gebe ich an, dass es wichtig ist, die Suche immer an derselben Stelle zu halten, um den Benutzer nicht zu verwirren.

Ein weiterer Punkt, abhängig von Ihrer Website, müssen Sie über die Nützlichkeit nachdenken, die Suchleiste beim Scrollen zu halten, wenn der Benutzer die Seite heruntergeht. Zum Beispiel, indem der Header reduziert wird, um das Logo, die Suche und die Hauptfunktionen der Website beizubehalten.

#3 IHM PLATZ GEBEN

Ein viel zu oft gesehener Fehler ist eine schmale Suchleiste.

Einerseits ist es besser, eine Steuerung nach guter Praxis zu erstellen, mit einer komfortablen Klickzone und mit Polsterung.

Aber man muss auch an die durchschnittliche Länge einer Suche denken, um keine Silbentrennung zu haben. Nichts nervt mehr, wenn man mehrere Stichwörter oder eine Frage eintippt und nur drei Wörter erscheinen und der Rest hinter „…“ verschwindet!

Besonders bei einer Bearbeitung, wenn die Hälfte unseres Satzes ausgeblendet ist, kann die Bearbeitung zeitaufwändig und frustrierend sein.

Auf vielen Websites sehen wir einen Trick, der verwendet wird, um Platz zu sparen, wenn die Suchleiste nicht verwendet wird oder wenn sie verwendet wird. Dieser Trick besteht darin, ihn zu vergrößern, um dem Benutzer mehr Platz und Komfort zu bieten.

#4 GEBEN SIE AN, NACH WAS SIE SUCHEN SOLLTEN

Beim Erstellen eines Formularfelds empfiehlt es sich, einen Platzhalter hinzuzufügen, um den Benutzer über die Funktion des Felds zu informieren. Sie müssen also explizit sein und ihm die richtigen Informationen geben.

Ich sehe oft „Suchen“ oder „Ich suche“, aber das Interessanteste wäre, die Art von Inhalten zu haben, die durchsucht werden können. Bleiben Sie prägnant und klar, während Sie Ideen für mögliche Recherchen geben.

Eine gute Praxis ist es, zum Beispiel die Statistiken Ihrer Seite zu sehen und dann die Anzahl der sichtbaren Zeichen im Feld anzupassen.

#5 HABE EINE AKTIONSTASTE

Nicht jeder weiß, dass man auf der Tastatur „ENTER“ eingeben kann, um die Suche zu starten. Es ist daher vorzuziehen, einen leicht identifizierbaren und lokalisierbaren Aktionsknopf zu haben. Stellen Sie sicher, dass die erwartete Aktion für diese Funktion sehr klar ist: Geben Sie Ihre Schlüsselwörter ein und bestätigen Sie Ihre Suche.

• Platzieren Sie die Schaltfläche in der Nähe der Suchleiste (oder bleiben Sie bei der Suchleiste). damit der Benutzer versteht, dass es sich um ein einzelnes Element handelt.
• Verwenden Sie eine kräftige Farbe (die Haupt- oder Komplementärfarbe).
• Denken Sie an die Größe der Schaltfläche dadurch hat der Benutzer mehr Komfort beim Klicken und es wird ihm leichter fallen.
• Lassen Sie die Möglichkeit, die Tastatur zu verwenden um die Suche zu starten

#6 UNTER DER VERGRÖSSERUNG 

Es gibt Piktogramme im Netz, die ins kollektive Gedächtnis eingegangen sind. Das Lupensymbol ist eines davon für alles, was mit Forschung zu tun hat.

● Ich rate Ihnen, ein einfaches Vergrößerungsglas ohne zu viele Details zu verwenden, damit es leicht zu erkennen ist und den Benutzer nicht zusätzlich belastet.

● Sie können es verwenden, um den Platz des Suchfelds zu symbolisieren oder die Beschriftung der Aktionsschaltfläche zu ersetzen.

SCHLUSSFOLGERUNG

Die Suchleiste ist ein Element, das den Benutzer führt und fester Bestandteil des Navigationsprinzips ist. Daher ist es wichtig, sich auf sein Design zu konzentrieren: Es muss sichtbar und einfach zu bedienen sein.

Indem Sie einige dieser Tipps auf Ihre Schnittstellen anwenden, werden sie die Erfahrung Ihrer Benutzer auf Ihren Plattformen und damit ihre Leistung verbessern, auch wenn sie geringfügig sind!

Bildquelle: https://undraw.co/illustrations