Se la casella di ricerca si trova a sinistra oa destra

In unapp web con una casella di ricerca nellintestazione, dove deve essere eseguita la ricerca, nella lato sinistro o destro dellintestazione? Quali considerazioni dovrebbero essere prese in considerazione quando si prende questa decisione?

In termini di ciò che fanno gli altri, ecco una breve panoramica di alcune delle webapp più popolari:

Casella di ricerca a destra

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

Casella di ricerca a sinistra

  • Gmail
  • Grooveshark
  • Outlook.com
  • Yahoo Mail
  • Facebook
  • Ohmytracks
  • Youtube
  • Pinterest
  • Outlook Web Access
  • Salesforce
  • Tumblr
  • Evernote
  • Delicious

Casella di ricerca al centro

  • Box.net

Commenti

  • Non è più accurato. Ho esaminato tutti questi e solo 4 erano sempre gli stessi. LA MAGGIOR PARTE è a metà ora.
  • @ user140421 Grazie per aver tenuto docchio! 🙂

Risposta

Consiglio di guardare questo articolo ciao Jared spool su UIE dove valuta il posizionamento dei contenuti e come questo influisce sulluso degli utenti sulla base di un documento Dovè la ricerca? Riesaminare le aspettative degli utenti di oggetti Web .

Per citare larticolo

La nostra esperienza è che una pagina ben progettata supera le aspettative degli utenti ogni volta.

inserisci la descrizione dellimmagine qui

Il 17% dei partecipanti ha dichiarato di aspettarsi langolo in alto a destra per la casella di ricerca.

La sua finale lanalisi sulla base dellarticolo è fornita di seguito

Solo perché gli utenti si aspettano che la casella di ricerca sia in alto a destra (almeno il 27% delle volte) , non significa che non possano adattarsi a trovarlo in altri posti. Dopotutto, noi gli esseri umani sono eccezionalmente adattabili a ciò che ci circonda.

Questo articolo di smashing magazine contiene questo da dire sul posizionamento della ricerca

Dove posizionare la casella di ricerca?

Ci sono molte possibilità, ma solo un paio di quelle giuste. Il punto più conveniente per gli utenti sarebbe langolo in alto a sinistra o in alto a destra di ogni pagina del tuo sito Web, dove gli utenti potrebbero trovarlo facilmente utilizzando il comune modello di scansione a forma di F. Tuttavia, alcuni blog tendono a posizionare la casella di ricerca nella parte inferiore della barra laterale (sinistra o destra). Probabilmente non è una buona idea, ma è probabile che venga eseguita a causa di considerazioni pubblicitarie.

Guardando gli esempi che hai fornito dei siti che utilizzano la ricerca a sinistra o parzialmente allineato a sinistra, compaiono un paio di temi comuni:

  1. La ricerca non è tecnicamente completamente a sinistra ma solo dopo il logo ed è in continuazione del logo per guidare lutente sullutilizzo della ricerca

  2. La maggior parte di questi siti si basa molto sulla ricerca per il proprio funzionamento

inserisci qui la descrizione dellimmagine La ricerca è fondamentale nellemail di Google poiché è collegata a più servizi

inserisci immagine descrizione qui

La ricerca qui è importante per la ricerca di musica è spesso il primo punto di partenza per gli utenti

inserisci qui la descrizione dellimmagine

La ricerca è fondamentale per YouTube poiché funge da voce principale punto per accedere al vasto database di Youtube.

Tuttavia, prendendo un esempio di siti che hanno un sito alla loro destra, un tema comune è che sebbene questi siti debbano utilizzare la ricerca, non è un aspetto critico parte o un punto di spinta principale per il loro sito e quindi non è posizionato in modo prominente ma posizionato in una posizione in cui gli utenti se lo aspetterebbero come mostrato di seguito

inserisci qui la descrizione dellimmagine

inserisci qui la descrizione dellimmagine

Commenti

  • Guardando questi esempi mi lascia quasi credere che più dovrebbe essere una casella di ricerca, più a sinistra diventa. Cioè. Se ” ricerca ” è unazione principale, allora ‘ è più verso il centro oa sinistra, mentre se ‘ è unazione secondaria, si sposta verso destra.

Risposta

Nel 2010 Wikipedia ha spostato la casella di ricerca dalla sinistra della pagina (direttamente sotto la casella di navigazione ), in alto a destra nella pagina. Hanno pubblicato una spiegazione dettagliata per farlo, inclusi i riferimenti a una serie di articoli di ricerca e i risultati della loro ricerca.

Io “ll” cita alcuni estratti, ma ti consiglio di leggere lintero articolo:

Un altro fattore che potrebbe aver influenzato le aspettative degli utenti è il posizionamento comune delle funzioni del motore di ricerca nella nellangolo in alto a destra della finestra del browser Web. Ci sono vantaggi pratici nel posizionare la ricerca nellangolo in alto a destra …

… diversi studi sullusabilità hanno evidenziato un vantaggio chiave del posizionamento degli elementi di navigazione sul a destra: dà accesso immediato alla barra di scorrimento del browser. Ciò è particolarmente utile quando a) si scorre su e giù un elenco di risultati di ricerca, b) si scorre su e giù un articolo che hai appena richiamato per informazioni.

Inoltre, erano particolarmente interessati a come le dimensioni della casella di ricerca influenzassero dove poteva b e posizionato sulla pagina.

La vecchia casella di ricerca è larga circa 20 caratteri, la nuova casella di ricerca contiene 24 caratteri. Ancora più importante, a causa del posizionamento della vecchia casella di ricerca nella barra laterale del layout, era impossibile ampliare la ricerca senza riposizionarla o allargare la barra laterale.

Il posizionamento della casella di ricerca in alto a destra ci consente per mantenere una larghezza standard fissa da una pagina allaltra, dandoci la massima flessibilità su quale dovrebbe essere quella larghezza.

Come per le lingue diverse dallinglese lingue:

… non abbiamo testato Wikipedia in inglese rispetto ad altre lingue che avevano posizionato la casella di ricerca direttamente sotto il logo e ci rendiamo conto che questo posizionamento alternativo è già un miglioramento per soddisfare le aspettative degli utenti. Tuttavia, in base alla ricerca sopra citata, nonché ai motivi di progettazione per spostare la casella di ricerca in alto a destra, riteniamo ancora che il motivo generale per spostare la ricerca sia convincente anche per quelle lingue, anche se leggermente meno.

Infine, un riepilogo:

In sintesi, abbiamo spostato la casella di ricerca in a) corrispondere alle pratiche web e alle aspettative degli utenti, b) consentire di ampliarlo in modo coerente con i comuni consigli sullusabilità, c) in risposta ai problemi effettivi osservati dei soggetti del test quando si utilizza la vecchia ricerca.

che milioni di utenti di Wikipedia si erano adattati al vecchio posizionamento e ora dovranno adeguarsi nuovamente al nuovo posizionamento. Tuttavia, il pubblico globale di Wikipedia cresce di decine di milioni di utenti ogni anno (attualmente è di 375 milioni di visitatori unici / mese in tutto il mondo) e speriamo di farlo crescere di centinaia di milioni in questo decennio. Ciò richiederà che ci adattiamo alle aspettative degli utenti comuni, piuttosto che aspettarci che ogni nuovo utente si adatti a noi. Questo purtroppo arrecherà disturbo a coloro che si sono adattati alla vecchia sistemazione. Sappiamo assolutamente che questa è la decisione corretta? No, ma il fatto che gli utenti esistenti siano temporaneamente disturbati da ciò non è affatto indicativo che non lo sia.

Risposta

Secondo me, la casella di ricerca a sinistra significa cercare unentità specifica come cercare un film specifico su boxofficemojo.com, e la casella di ricerca a destra significa cercare una caratteristica specifica o sezione su un portale. La casella di ricerca dovrebbe essere al centro se “Cerca” è la funzione centrale (come i motori di ricerca) dellapp.

Se non avessi pubblicato questi nomi per “Casella di ricerca a sinistra”, la mia reazione predefinita sarebbe sono stato che la casella di ricerca dovrebbe essere sul lato destro poiché sono abbastanza abituato a vedere la casella di ricerca nella sezione in alto a destra di un sito. La maggior parte di queste caselle di ricerca fanno parte dellintestazione e sono indipendenti dalla sezione dei contenuti, ad esempio questo sito web .

Non direi che Youtube, Facebook e Gmail siano a sinistra, sono più nel mezzo. Un esempio di casella di ricerca a sinistra sarebbe BoxOfficeMojo

Answer

Un voto positivo per questa domanda a causa dellimportanza delle posizioni standard per le parti comuni dellinterfaccia utente!

Questo studio pubblicato sul tracciamento oculare di oggetti web comuni, inclusa la ricerca, ha trovato meno correzioni e ricerche più brevi volte in cui la ricerca era in una posizione tipica. Per il campo di ricerca, leffetto più forte dellallontanamento dalla posizione tipica è stato sui siti di e-commerce rispetto ai siti di notizie o aziendali.

Le loro posizioni sono state basate sulla ricerca in Modelli mentali per oggetti web .

Hanno intervistato 136 persone in merito alla posizione di oggetti web comuni, inclusa una casella di ricerca, su siti di e-commerce, siti di notizie e siti aziendali. La posizione prevista della ricerca dipendeva dal tipo di sito.

Nella seconda parte dello studio, 516 partecipanti hanno costruito uninterfaccia utente dellapplicazione web posizionando gli oggetti web sullo schermo.

Puoi vedere i risultati andando al link sopra. “Tendenza verso langolo in alto a destra” è la mia descrizione dei risultati per la posizione della casella di ricerca.

Il SURL di Wichita State ha pubblicato un tipo di studio simile nel 2002 per una “tipica pagina web di e-commerce”. La figura 5 mostra la posizione prevista per la ricerca. In questo studio, la posizione era la parte superiore centrale della pagina. [Nel 2006 è stata seguita da un altro] studio ( http://psychology.wichita.edu/surl/usabilitynews/81/webobjects.asp ). Le aspettative di alcuni oggetti web sono cambiate tra il 2002 e il 2006. La posizione della ricerca si è spostata dal centro verso langolo superiore destro.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *