Progettazione di ricerca sul sito Web: migliori pratiche

Pubblicato: 2019-06-29

Se il tuo sito web contiene molte informazioni, diventa difficile per i tuoi spettatori cercare domande o fatti specifici. Un pulsante di ricerca è un utile strumento di navigazione. L'aggiunta di questa semplice funzionalità al tuo sito Web fornirà un'esperienza fluida per i tuoi utenti. Tuttavia, può essere difficile progettare una barra di ricerca. Ecco alcune delle migliori pratiche che puoi utilizzare per progettare una ricerca su sito per il tuo sito web.

Sommario nascondere
Crea una barra di ricerca lunga:
Usa i suggerimenti automatici:
Fornisci opzioni:
Rendi la barra di ricerca una caratteristica costante per ogni pagina:
Aggiungi opzioni di ordinamento e filtro:
Aggiungi un pulsante di invio:
Avere una barra di ricerca in evidenza:
Usa un'icona a forma di lente d'ingrandimento:
Aggiungi suggerimenti di categoria all'interno della barra di ricerca:
Non visualizzare mai 'nessuna corrispondenza trovata':

Crea una barra di ricerca lunga:

Migliori pratiche per la progettazione della ricerca su sito per il tuo sito web - Barra di ricerca lunga Spillo

Avere una barra di ricerca sufficientemente lunga sul tuo sito web è una buona idea. Quando i tuoi visitatori digitano una domanda nella barra di ricerca, vuoi fornire loro uno spazio sufficiente per vedere cosa stanno scrivendo. Ciò consente ai tuoi visitatori di rivedere o modificare le loro domande. Una casella di testo con una capacità di 27 caratteri è appropriata in quanto questa è la lunghezza media della maggior parte delle domande. Prendi la larghezza usando la dimensione della lettera m, o usando ems, questo ti aiuta a determinare il tuo spazio in modo efficace. Se ritieni di non avere molto spazio libero per una casella di ricerca, potresti prendere in considerazione una casella di ricerca che cresce durante la digitazione.

Usa i suggerimenti automatici:

Procedure consigliate per la progettazione della ricerca su sito per il tuo sito Web - Barra di ricerca dei suggerimenti automatici Spillo

I suggerimenti automatici guidano i tuoi visitatori con le loro query di ricerca. Di solito, i visitatori non sanno come inquadrare le loro domande e non sanno nemmeno quali parole chiave utilizzare per trovare i risultati. La maggior parte delle persone non sa come riformulare la propria domanda quando non riesce a trovare risultati la prima volta che prova. Questi problemi possono essere risolti fornendo suggerimenti automatici nella casella di ricerca. Quando crei suggerimenti automatici, prova a utilizzare parole chiave che aiuterebbero i tuoi visitatori. Inoltre, aggiungi testo intuitivo, domande frequenti e correzioni ortografiche automatiche. Questo aiuta gli utenti a cercare termini specifici nella barra di ricerca e aiuta anche le persone che non hanno idea di dove iniziare la ricerca.

Fornisci opzioni:

Migliori pratiche per la progettazione di ricerca su sito per il tuo sito web - Fornisci opzioni Spillo

Offri ai tuoi utenti una gamma di opzioni sulla tua barra degli strumenti che semplificherebbero la loro ricerca. Queste opzioni dovrebbero essere una serie di domande preparate attorno a un termine o un argomento specifico. Gli utenti devono avere la possibilità di selezionare le domande utilizzando la tastiera o il tasto di scorrimento. Aggiungi una funzione che torni automaticamente in cima alla pagina una volta raggiunta la fine. Dai ai tuoi spettatori suggerimenti con un carattere creativo per catturare la loro attenzione. Questo rende la ricerca molto più utile per i tuoi utenti.

Rendi la barra di ricerca una caratteristica costante per ogni pagina:

Migliori pratiche per la progettazione della ricerca su sito per il tuo sito web - Barra di ricerca per ogni pagina Spillo

Fornisci una barra di ricerca su ogni pagina del tuo sito web per mantenere il tuo sito efficiente e facile da navigare. È possibile che i tuoi utenti arrivino su una pagina sbagliata, quindi dovresti consentire loro di correggere i loro errori da quella pagina piuttosto che farli tornare alla tua home page. È anche possibile che trovino le informazioni che stavano cercando e desiderino esplorare più argomenti. Inoltre, includi la barra di ricerca nel collegamento senza uscita come 404 pagine.

Aggiungi opzioni di ordinamento e filtro:

Procedure consigliate per la progettazione della ricerca su sito per il tuo sito Web - Opzioni di ordinamento e filtro Spillo

La maggior parte delle persone trova difficile cercare informazioni in un'ampia gamma di argomenti. Inoltre, risultati e tempi di elaborazione irrilevanti rendono l'esperienza spiacevole per gli utenti. Le opzioni di ordinamento e filtro aiutano gli utenti a restringere la ricerca e a cercare esattamente ciò che desiderano. Fornisci opzioni di ordinamento e filtro separate in quanto non sono le stesse. L'ordinamento modifica l'ordine dei risultati mentre il filtro limita i risultati mostrati. Inoltre, non fornire più di 7 opzioni di filtraggio poiché la nostra memoria a breve termine non può contenere più di così. Se hai bisogno di più di 7 opzioni, comprimi il resto con un'opzione di "visualizza tutti i filtri". Posiziona le tue opzioni in base alla priorità che le persone danno loro. Rendi chiara la tua logica di ordinamento in modo che i visitatori possano modificare le loro opzioni di conseguenza.

Aggiungi un pulsante di invio:

Migliori pratiche per la progettazione di ricerca su sito per il tuo sito Web - Pulsante di invio Spillo

Simile a Google, la barra di ricerca cerca le risposte nel tuo sito web. Quindi dovresti fornire un pulsante di invio simile a Google per consentire agli utenti di inserire le loro query sul tuo sito web. Avere una piccola area per inserire la query è scomodo, soprattutto su un tablet o un telefono. Dovresti creare un pulsante di ricerca sufficientemente grande da consentire agli utenti di accedervi. Questo pulsante di invio fornisce all'utente risultati corretti.

Avere una barra di ricerca in evidenza:

Migliori pratiche per la progettazione di ricerca su sito per il tuo sito Web - Barra di ricerca prominente Spillo

Assicurati di avere una barra di ricerca ben visibile e facile da trovare. Quando i tuoi utenti non riescono a trovare risposte, la tua casella di ricerca dovrebbe essere disponibile per fornire soluzioni facili e veloci. Mostra il campo di testo e l'icona di ricerca in modo che le persone sappiano dove porre domande. I web designer trovano difficile decidere la posizione ideale per posizionare la loro barra di ricerca. Di solito, l'angolo in alto o il centro in alto è il punto che cattura la maggior parte dell'attenzione. I siti Web popolari come YouTube utilizzano l'angolo in alto per posizionare la barra di ricerca. Assicurati di rendere la barra di ricerca più accessibile ai tuoi utenti.

Usa un'icona a forma di lente d'ingrandimento:

Migliori pratiche per la progettazione di ricerca su sito per il tuo sito Web - Lente d'ingrandimento Spillo

Le icone sono una rappresentazione visiva di azioni, oggetti o idee. Una lente d'ingrandimento è un'icona universale per l'azione 'ricerca'. Quindi, utilizzando questa icona viene visualizzato il tuo messaggio. Durante la progettazione della barra di ricerca, assicurati di aggiungere l'icona di una lente d'ingrandimento a destra della casella. Mantieni le dimensioni della lente d'ingrandimento proporzionate alle dimensioni della barra di ricerca per farla apparire pulita e organizzata. Usa una lente d'ingrandimento con meno dettagli grafici in quanto velocizza il riconoscimento.

Aggiungi suggerimenti di categoria all'interno della barra di ricerca:

Migliori pratiche per la progettazione della ricerca su sito per il tuo sito Web - Suggerimenti per le categorie Spillo

Includi una categoria di esempio all'interno della casella di ricerca per suggerire agli utenti cosa possono cercare. Assicurati di limitare il tuo campione a poche parole. Altrimenti, aumenterà il carico cognitivo. La maggior parte dei web designer trascura l'importanza del rapporto di contrasto per il testo segnaposto. Secondo le linee guida universali dell'accessibilità web, il rapporto dovrebbe essere 4:5:1 per il testo standard. Inoltre, non utilizzare il testo segnaposto nei moduli poiché rende difficile per gli utenti compilare il modulo in modo accurato.

Non visualizzare mai 'nessuna corrispondenza trovata':

Migliori pratiche per la progettazione di ricerca su sito per il tuo sito web - Nessuna corrispondenza trovata Spillo

Atterrare su una pagina vuota con "nessuna corrispondenza trovata" può essere frustrante, soprattutto se i tuoi utenti hanno riformulato le loro domande un paio di volte. Quindi, dovresti dare ai tuoi utenti una visione chiara del fatto che non sei riuscito a trovare nulla relativo alla loro ricerca con una gamma di risultati alternativi. Progetta il tuo sistema per generare risultati alternativi considerando ogni parola presente nella domanda individualmente.

Una barra di ricerca offre ai tuoi utenti l'opportunità di navigare nel tuo sito in modo efficiente per trovare informazioni. Questo dà ai tuoi utenti un senso di controllo. Quindi, creare una barra di ricerca semplice e identificabile è un ottimo modo per assistere i tuoi utenti.