risposta-alla-domanda-sullo-sviluppo-web-bd.com

Se un pulsante di ricerca dovesse andare a sinistra o a destra della casella di ricerca

Quando si considera il eye-tracking e i processi cognitivi per identificare a cosa serve un elemento di interfaccia, è meglio che il pulsante che attiva l'operazione di ricerca (spesso senza etichetta) sia sulla sinistra o sulla destra del campo di ricerca?

19
Toni Leigh

Penso che i processi siano come quelli. La migliore interazione richiede un minor carico cognitivo, assumendo un modello di lettura e recitazione da sinistra a destra.
enter image description here

40
Alexey Kolchenko

Penso che le risposte precedenti siano corrette nel sottolineare che per le lingue di lettura da sinistra a destra il modello di interfaccia utente familiare è di fornire il pulsante di ricerca sulla destra per continuare con il tracciamento degli occhi che seguirà il testo di ricerca sul pulsante di ricerca.

Per completare questa discussione, consideriamo i modelli di interfaccia utente mobile che offrono coerenza a causa della tastiera. Il pulsante di ricerca si comporta in modo simile al "return" o pulsante "invio" su un desktop, che si trova a destra. Inoltre, si noti che ogni campo di ricerca è preceduto da un'icona di ricerca per identificare il campo di input indipendentemente da un segnaposto. Questi screenshot provengono da iOS6, iOS7 e Android e mostra che questo modello è indipendente dal dispositivo.

Una cosa da considerare è il pulsante "annulla" . Sebbene non sia evidente in questi scatti, il posizionamento non è coerente tra le app. Alcuni lo posizionano a sinistra, probabilmente significheranno andare indietro, e altri lo mantengono a destra per rimanere in linea con il tracciamento.

facebook ui pattern ios7mashable ui pattern ios6Android - google ui pattern

5
glilley

Aggiornamento: il pulsante Cerca dovrebbe trovarsi sul lato destro della casella di input (non è stato menzionato esplicitamente nella risposta originale).

Sì, semplicemente perché è sempre stato così ed è a questo che la gente è abituata.

A meno che, il pulsante non sia un suggerimento automatico (come la ricerca di Google) in cui si suppone che la selezione degli elementi suggeriti si attivi da sola. Ma anche lì, è richiesto un pulsante di ricerca esplicita per utenti più conservatori.

1
gurvinder372

Penso che per le persone la cui lingua legge da sinistra a destra interagiranno anche con gli elementi di un sito Web in modo simile, oltre a come sottolinea Gurvinder, questo è diventato la norma ed è ora ciò che la stragrande maggioranza delle persone si aspetta da una barra di ricerca o qualsiasi tipo di input che richiede un'azione dopo.

1
Joe Taylor

Se la ricerca riscrive richiede un pulsante, il pulsante dovrebbe essere dopo il controllo di input della query, abilitando un flusso in avanti e consentendo anche l'uso del pulsante tab per procedere in avanti nel flusso di ricerca.

(Il pulsante della scheda è utile quando hai molti input da compilare e non vuoi continuare a passare da tastiera a mouse.)

1
Danny Varod

È possibile che si desideri valutare anche la larghezza predefinita dell'area di immissione del testo di ricerca. Questo potrebbe espandersi al clic ma essere un po 'più piccolo di default in modo che a una distanza standard, il campo e il pulsante possano essere visualizzati nel campo visivo contemporaneamente con meno movimenti degli occhi. Il movimento degli occhi è molto veloce, ma in realtà stai creando un elemento "Word" in cui l'utente può identificare rapidamente l'oggetto nel suo insieme (campo + pulsante azione) e deve solo riconoscere rapidamente anziché leggere e interpretare più profondamente .

0
Mark Sloan

Come è stato scritto, il pulsante di ricerca ora è sostituito dall'invio dell'azione da tastiera.

Un pulsante di ricerca specifico non è obbligatorio a destra nella ricerca dei criteri mono. Ma è nella ricerca multi criterio.

In questo caso il posto giusto è gratuito per l'icona della croce di annullamento e quindi l'icona di ricerca magify è naturalmente posizionata sul lato opposto della croce di annullamento ah a sinistra.

Questo modello viene utilizzato anche nell'area URL di molti browser Internet che chiama naturalmente i motori di ricerca Internet quando l'utente non registra un sito Web URL ma registra una o più parole in quanto è un campo di ricerca.

Non dimenticare di scrivere la parola "cerca" nell'area di immissione se non visualizzi il pulsante di ricerca.

0
pierre lebailly