Sollte sich das Suchfeld auf der linken oder rechten Seite befinden

In einer Web-App mit einem Suchfeld in der Kopfzeile – wohin soll die Suche gehen, auf der linke oder rechte Seite des Headers? Welche Überlegungen sollten bei dieser Entscheidung berücksichtigt werden?

In Bezug auf die Aktivitäten der anderen finden Sie hier einen kurzen Überblick über einige der beliebtesten Webapps:

Suchfeld rechts

  • Dropbox
  • Alto Mail
  • LinkedIn
  • Vimeo
  • Dribble
  • Twitter
  • Behance
  • Last.fm
  • Flickr

Suchfeld links

  • Google Mail
  • Grooveshark
  • Outlook.com
  • Yahoo Mail
  • Facebook
  • Ohmytracks
  • Youtube
  • Pinterest
  • Outlook Web Access
  • Salesforce
  • Tumblr
  • Evernote
  • Köstlich

Suchfeld in der Mitte

  • Box.net

Kommentare

  • Dies ist nicht mehr korrekt. Ich habe alle diese und nur diese überprüft 4 waren immer noch gleich. Die meisten sind jetzt in der Mitte.
  • @ user140421 Vielen Dank, dass Sie den Überblick behalten! 🙂

Antwort

Ich empfehle, diesen Artikel zu lesen bye Jared Spool auf UIE , wo er die Positionierung von Inhalten bewertet und wie sich dies auf die Benutzernutzung auswirkt, basierend auf einem Papier Wo ist die Suche? Überprüfung der Benutzererwartungen von Webobjekten .

So zitieren Sie den Artikel

Unsere Erfahrung ist, dass eine gut gestaltete Seite jedes Mal die Erwartungen der Benutzer übertrifft.

Geben Sie hier die Bildbeschreibung ein

17% der Teilnehmer gaben an, die obere rechte Ecke für das Suchfeld zu erwarten.

Sein Finale Die Analyse auf der Grundlage des Papiers ist unten angegeben.

Nur weil Benutzer erwarten, dass sich das Suchfeld oben rechts befindet (mindestens 27% der Zeit) bedeutet nicht, dass sie sich nicht daran gewöhnen können, es an anderen Orten zu finden Menschen sind außergewöhnlich anpassungsfähig an unsere Umgebung.

Dieser Artikel von smashing magazine hat dies über die Positionierung des Suchfelds

Wo soll das Suchfeld platziert werden?

Es gibt viele Möglichkeiten, aber nur ein paar richtige. Der bequemste Punkt für Benutzer ist oben links oder oben rechts auf jeder Seite Ihrer Website, wo Benutzer ihn mithilfe des üblichen F-förmigen Scanmusters leicht finden können. Einige Blogs platzieren das Suchfeld jedoch unten in der Seitenleiste (links oder rechts). Das ist wahrscheinlich keine gute Idee, wird aber wahrscheinlich aus Gründen der Werbung gemacht.

Sehen Sie sich die Beispiele an, die Sie für die Websites angegeben haben, die links oder links suchen Teilweise linksbündig, erscheinen einige häufig verwendete Themen:

  1. Die Suche erfolgt technisch nicht vollständig links, sondern nur hinter dem Logo und setzt das Logo fort, um den Benutzer zu führen Weiter zur Verwendung der Suche

  2. Die meisten dieser Websites sind stark auf die Suche nach ihrer Funktionsweise angewiesen.

Bildbeschreibung hier eingeben Die Suche ist in der E-Mail von Google von entscheidender Bedeutung, da sie mehrere Dienste miteinander verbindet.

Bild eingeben Beschreibung hier

Die Suche hier ist wichtig für die Suche nach Musik ist oft der erste Ausgangspunkt für Benutzer

Geben Sie hier die Bildbeschreibung ein.

Die Suche ist für Youtube von entscheidender Bedeutung, da sie als primärer Eintrag dient Punkt für den Zugriff auf die umfangreiche Datenbank von Youtube.

Ein Beispiel für Websites mit Websites auf der rechten Seite ist jedoch, dass diese Websites zwar die Suche verwenden müssen, jedoch nicht kritisch sind Teil oder Hauptantriebspunkt für ihre Site und daher nicht prominent platziert, sondern an einem Ort platziert, an dem Benutzer es erwarten würden, wie unten gezeigt.

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein.

Kommentare

  • Betrachten Sie diese Beispiele lassen mich fast glauben, dass ein Suchfeld umso prominenter sein sollte, je weiter links es ist. Dh. Wenn “ die Suche nach “ eine primäre Aktion ist, ist ‚ eher in Richtung Zentrum oder links, während, wenn es ‚ eine sekundäre Aktion ist, es nach rechts driftet.

Antwort

Im Jahr 2010 hat Wikipedia das Suchfeld von links auf der Seite (direkt unter dem Navigationsfeld) verschoben ) oben rechts auf der Seite. Sie haben eine ausführliche Erklärung veröffentlicht, die Verweise auf eine Reihe von Forschungsartikeln und Ergebnisse ihrer eigenen Forschung enthält.

I „ll Zitieren Sie einige Auszüge, empfehlen Sie jedoch, den gesamten Artikel zu lesen:

Ein weiterer Faktor, der die Benutzererwartungen beeinflusst haben könnte, ist die häufige Platzierung von Suchmaschinenfunktionen in der obere rechte Ecke des Webbrowser-Fensters. Es gibt praktische Vorteile, die Suche oben rechts zu positionieren …

… Mehrere Usability-Studien haben einen entscheidenden Vorteil der Platzierung von Navigationselementen auf dem gezeigt rechts: Es bietet sofortigen Zugriff auf die Browser-Bildlaufleiste. Dies ist besonders hilfreich, wenn a) eine Liste mit Suchergebnissen nach oben und unten gescrollt wird, b) ein Artikel, den Sie gerade zur Information aufgerufen haben, nach oben und unten gescrollt hat.

Außerdem waren sie speziell daran interessiert, wie die Größe des Suchfelds beeinflusst, wo es sein könnte. b e auf der Seite platziert.

Das alte Suchfeld ist ungefähr 20 Zeichen breit, das neue Suchfeld bietet Platz für 24 Zeichen. Noch wichtiger ist, dass aufgrund der Platzierung des alten Suchfelds in der Seitenleiste des Layouts eine Erweiterung der Suche nicht möglich war, ohne sie zu verschieben oder die Seitenleiste zu erweitern.

Die Platzierung des Suchfelds oben rechts ermöglicht es uns um eine feste Standardbreite von einer Seite zur nächsten beizubehalten und gleichzeitig maximale Flexibilität hinsichtlich der Breite zu bieten.

Wie für Nicht-Englisch Sprachen:

… wir haben die englische Wikipedia nicht mit anderen Sprachen getestet, die das Suchfeld direkt unter dem Logo platziert hatten, und wir erkennen das Diese alternative Platzierung ist bereits eine Verbesserung, um den Erwartungen der Benutzer gerecht zu werden. Basierend auf den oben zitierten Untersuchungen sowie den Entwurfsgründen für das Verschieben des Suchfelds nach rechts oben glauben wir jedoch immer noch, dass der Gesamtfall für das Verschieben der Suche auch für diese Sprachen überzeugend ist, wenn auch etwas weniger.

Zum Schluss noch eine Zusammenfassung:

Insgesamt haben wir das Suchfeld nach verschoben a) Webpraktiken und Benutzererwartungen anpassen, b) es ermöglichen, sie im Einklang mit allgemeinen Usability-Empfehlungen zu erweitern, c) als Reaktion auf tatsächlich beobachtete Probleme von Testpersonen bei Verwendung der alten Suche.

Wir erkennen auch dass sich Millionen von Wikipedia-Nutzern an die alte Platzierung angepasst haben und nun erneut an die neue Platzierung anpassen müssen. Das weltweite Publikum von Wikipedia wächst jedoch jedes Jahr um zig Millionen Nutzer (derzeit sind es weltweit 375 Millionen Besucher pro Monat), und wir hoffen, dass wir es in diesem Jahrzehnt um Hunderte von Millionen vergrößern können. Dies erfordert, dass wir uns an die allgemeinen Benutzererwartungen anpassen, anstatt von jedem neuen Benutzer zu erwarten, dass er sich an uns anpasst. Dies wird leider diejenigen stören, die sich an die alte Platzierung angepasst haben. Wissen wir absolut, dass dies die richtige Entscheidung ist? Nein, aber die Tatsache, dass vorhandene Benutzer vorübergehend dadurch belästigt werden, weist keineswegs darauf hin, dass dies nicht der Fall ist.

Antwort

Meiner Meinung nach bedeutet Suchfeld links die Suche nach einer bestimmten Entität wie die Suche nach einem bestimmten Film auf boxofficemojo.com, und Suchfeld rechts bedeutet die Suche nach einer bestimmten Funktion oder Abschnitt auf einem Portal. Das Suchfeld sollte sich in der Mitte befinden, wenn „Suchen“ die zentrale Funktion (wie Suchmaschinen) der App ist.

Wenn Sie diese Namen nicht für „Suchfeld links“ gepostet hätten, würde meine Standardreaktion Das Suchfeld sollte sich auf der rechten Seite befinden, da ich es gewohnt bin, das Suchfeld im oberen oberen Bereich einer Website zu sehen. Die meisten dieser Suchfelder sind Teil der Kopfzeile und unabhängig vom Inhaltsbereich, z. B. dieser Website

Ich würde nicht sagen, dass Youtube, Facebook und Google Mail links sind, sie sind eher in der Mitte. Ein Beispiel für ein Suchfeld auf der linken Seite wäre BoxOfficeMojo

Antwort

Eine Stimme für diese Frage, da Standardstandorte wichtig sind für gängige Teile der Benutzeroberfläche!

Diese Studie , die zum Eye-Tracking gängiger Webobjekte – einschließlich der Suche – veröffentlicht wurde, fand weniger Fixierungen und eine kürzere Suche Zeiten, in denen die Suche an einem typischen Ort war. Für das Suchfeld war der stärkste Effekt der Abkehr vom typischen Standort auf E-Commerce-Websites im Vergleich zu Nachrichten- oder Unternehmensseiten.

Ihre Standorte basierten auf den Untersuchungen in Mentale Modelle für Webobjekte .

Sie befragten 136 Personen zum Standort gängiger Webobjekte, einschließlich eines Suchfelds, auf E-Commerce-Websites, Nachrichten- und Unternehmensseiten. Der erwartete Ort der Suche hing von der Art der Site ab.

Im zweiten Teil der Studie erstellten 516 Teilnehmer eine Webanwendungs-Benutzeroberfläche, indem sie die Webobjekte auf dem Bildschirm platzierten.

Sie können die Ergebnisse sehen, indem Sie auf den obigen Link gehen. „Trend nach oben rechts“ ist meine Beschreibung der Ergebnisse für die Position des Suchfelds.

SURL veröffentlichte 2002 eine ähnliche Art von Studie für eine „typische E-Commerce-Webseite“. Abbildung 5 zeigt Der erwartete Ort der Suche. In dieser Studie war der Ort die obere Mitte der Seite. [Sie folgten 2006 mit einer weiteren] Studie ( http://psychology.wichita.edu/surl/usabilitynews/81/webobjects.asp ). Die Erwartungen einiger Webobjekte haben sich zwischen 2002 und 2006 geändert. Der Suchort wurde von der Mitte weg und nach rechts oben verschoben.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.