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

Dove mettere la casella di ricerca

 enter image description here

4
Volatil3

Metti l'input di ricerca da qualche parte in alto

Ci si aspetta che il contenuto più importante che vuoi che io veda sia al top. A volte non posso sempre mostrarti solo i contenuti più importanti che stai cercando. Ad esempio, ogni utente di un dizionario inserirà un valore diverso su ciascuna voce del dizionario ogni volta che lo utilizza. Questo è dove la ricerca brilla davvero.

Posta in arrivo di Google posiziona i loro input di ricerca in primo piano e al centro nella parte superiore della pagina per aumentare la probabilità che le persone se ne accorgano ...

enter image description here

Quando un utente interagisce per la prima volta con esso, il materiale risponde istantaneamente e cambia colore anche per far sapere all'utente che la posta in arrivo è ora focalizzata sull'aiutare a trovare quello che stai cercando ...

enter image description here


Aggiorna i risultati della ricerca man mano che l'utente digita

Non sempre sappiamo esattamente cosa stiamo cercando, ma ricordiamo alcune cose che potrebbero restringere l'elenco degli elementi che ci aiutano a trovare ciò che stiamo cercando.

Posizionando l'input di ricerca in alto, l'elenco si restringe senza spostare l'input.

Ecco un esempio che ho fatto che puoi provare in cui viene mostrato un enorme elenco di contenuti per impostazione predefinita, ma ogni lettera che l'utente digita nell'input di ricerca riduce le dimensioni dell'elenco e fa loro sapere quanti rimangono degli elementi che contengono quella stringa ...

enter image description here

3
DaveAlger

Come al solito, la risposta è "Dipende ...". In questo caso dipende dal contesto in cui si sta eseguendo la ricerca. Dato che hai la barra blu gigante con "Tutti, Frutta, Nuovo e La mia lista", se stai cercando in questo contesto, suggerirei di inserire la casella di ricerca all'interno della grande barra blu - questo trasmette istantaneamente il contesto del tuo ricerca.

Se invece stai effettuando una ricerca praticamente dell'intero sito, ti suggerisco di mettere la casella di ricerca sopra la barra blu e sotto o accanto ai collegamenti Home, Login, Register. Ciò sarebbe più coerente con i siti Web che mi piace usare, come StackExchange:Screen shot of this Stack Exchange page, highlight on search box in upper right corner

0
Shmoken

Per questo tipo di situazioni, ti suggerisco di chiederti quanto segue: la ricerca è una funzione o un'azione ? Entrambi i concetti sono diversi e portano a risultati molto diversi.

Per spiegarlo ulteriormente: la ricerca è una funzione se vuoi che sia un aiuto per trovare cose nel tuo sito, ma la ricerca stessa non significa nulla per la logica il flusso e il sito possono esistere e funzionare anche se la ricerca non funziona.

D'altra parte, se la ricerca è importante per il flusso, probabilmente dovrebbe essere trattata come un'azione . Questo è molto comune nell'e-commerce, dove inizi il processo di acquisto con una ricerca.

Questi sono gli scenari più comuni e nel primo caso (funzionalità), puoi posizionarlo in alto a destra o anche sulla barra laterale. Vedrai anche la ricerca in basso, che di solito è posizionata lì "solo perché possiamo", ma in realtà ha un significato e uno scopo, relativi a un terzo scenario che citerò alla fine

Nel secondo caso, la ricerca deve essere uno degli elementi più importanti nella pagina, o anche l'unico (Google qualcuno?). In questo caso, la ricerca è tutto, la ricerca è ciò che guida il sito e tutto dovrebbe portare a quella bella (o orribile) casella di ricerca.

C'è una terza opzione (probabilmente non correlata alle tue esigenze, menzionandola così a parte quelle più comuni) che si presenta in scenari in cui desideri che le persone facciano azioni specifiche ma falliscono. Quindi utilizzare la ricerca quando "tutte le strade sono chiuse". Fondamentalmente, usi la ricerca solo dopo che le persone hanno bypassato tutti i tuoi CTA, quindi deduci che potrebbero cercare qualcos'altro, quindi posizioni la ricerca in fondo alla pagina. Questo è comune nelle landing page ottimizzate per le vendite, perché non è necessario/non si desidera alcuna distrazione nel processo di vendita. E un altro scenario per questo è 404 pagine, che hanno una casella di ricerca perché l'azione precedente (facendo clic su un collegamento) non è riuscita. Nell'opzione 3.1, posizionare la casella di ricerca in modo molto discreto (di solito in basso e non molto dominante). In 3.2, il tuo "percorso fallito" trasforma la tua funzione in un'azione, quindi assume un ruolo dominante nel layout.

In breve: in base alla tua descrizione molto limitata, suppongo che stai cercando la ricerca come AZIONE, ma in caso contrario, qui hai altre possibilità. E ricorda: tutto (e intendo EVERYTHING ) funziona nel contesto. Dove contesto è layout, dispositivo, destinazione, intenzione, area geografica e così via. Più delimitato è il contesto, migliore sarà la possibilità di utilizzare gli elementi di siti Web/app, anche se sembrano non essere importanti

0
Devin