Il completamento automatico è uno strumento utile che probabilmente ti sei imbattuto nel tuo utilizzo quotidiano di Internet. Quando inizi a digitare in Google, puoi vedere come ti offre suggerimenti su ciò che potresti cercare. Questa funzione si chiama “completamento automatico” o “autosuggest” ed è un ottimo modo per guidare, educare e promuovere contenuti e prodotti sul tuo sito interno di ricerca sul tuo sito web.
Che cos’è il completamento automatico?
Completamento automatico è un modello utilizzato per visualizzare i suggerimenti di query.
Durante la digitazione, il motore di ricerca suggerirà diverse previsioni su come la query potrebbe essere completata. Ad esempio, se si digita “corso” su una pagina Web universitaria, suggerisce “corsi in inglese”, “corsi di geografia” o “catalogo dei corsi”. La bellezza del completamento automatico è che riempie anche le parole incompiute, quindi se digiti “lect”, il motore suggerirebbe “lecture” o “lecturer”.
Perché hai bisogno di una grande funzionalità di completamento automatico
Il completamento automatico potrebbe non sembrare una funzionalità necessaria a prima vista. Ma la tua casella di ricerca è il gateway per i tuoi contenuti o i prodotti sul tuo sito web. Con completamento automatico di aiutare gli utenti a trovare il giusto contenuto più veloce.
Quando fatto bene, completamento automatico funziona anche come una guida verso il contenuto, fornendo suggerimenti di ricerca rilevanti per il contenuto del sito. Può essere una mano guida per i tuoi utenti per trovare ciò che stanno cercando e offrire loro aiuto nella costruzione della loro ricerca.
Il completamento automatico è particolarmente potente per i dispositivi mobili e per i mercati di e-commerce. Non importa se i tuoi visitatori utilizzano dispositivi mobili o desktop, il completamento automatico è sempre una grande funzionalità perché consente di risparmiare tempo agli utenti. In media, il completamento automatico riduce la digitazione di circa il 25%.
La maggior parte degli utenti non desidera digitare tanto sui propri dispositivi mobili. Lo schermo è limitato, ed è più difficile da digitare che su un desktop. Un’opzione di completamento automatico riduce al minimo il numero di caratteri che gli utenti devono digitare, il che significa anche che ci saranno meno errori di battitura. Quando usi autosuggest sul tuo dispositivo mobile, è più facile mostrare suggerimenti invece di visualizzare già risultati completi che occuperebbero più spazio.
Se offri un sito di e-commerce, il completamento automatico è praticamente una necessità. 82% dei siti di e-commerce top-grossing offrono suggerimenti di completamento automatico ai propri utenti mentre iniziano a digitare la loro query di ricerca. I suggerimenti aiutano gli utenti a trovare le parole esatte per descrivere ciò che cercano. Spesso non conoscono il nome esatto del prodotto o non sono a conoscenza delle diverse varianti di un prodotto.
Ad esempio, quando si cerca un nuovo iPhone 11, l’utente scoprirà autosuggestions come “Pro” o “Pro Max” che li informano sulle opzioni di prodotto disponibili.
Puoi anche offrire alcune informazioni sui tuoi prodotti tramite completamento automatico. Guidi l’utente attraverso il tuo negozio e imposta un’aspettativa di ciò che esiste. Se un prodotto viene suggerito, l’utente saprà che è disponibile.
Infine, è possibile promuovere alcuni prodotti personalizzando la loro classifica di completamento automatico. Puoi spingere determinati risultati in cima ai tuoi suggerimenti di completamento automatico per attirare l’attenzione del tuo visitatore.
Come funziona la ricerca di completamento automatico?
A venire con autosuggestions, il motore di ricerca esaminerà le ricerche reali che vengono condotte sul tuo sito web e scoprire quelli comuni e di tendenza. La ricerca del sito offrirà parole chiave rilevanti per i caratteri inseriti. Il numero di previsioni dovrebbe essere regolato in base allo schermo. Sui dispositivi mobili, le previsioni dovrebbero essere meno per non ingombrare la vista per l’utente.
I suggerimenti di completamento automatico hanno un effetto psicologico: rassicurano l’utente quando vede le corrispondenze relative alla propria query e spesso gli chiedono di aggiungere ulteriori dettagli alla query finché i suggerimenti pertinenti continuano a comparire.
Best practice per il completamento automatico
I suggerimenti per il completamento automatico sono per definizione interattivi e altamente transitori. Dovrebbero offrire assistenza agli utenti invece di essere l’unico obiettivo. Un widget di completamento automatico deve sempre essere mantenuto semplice e attenersi agli standard che l’utente conosce. L’esperienza dovrebbe essere il più evidente e senza soluzione di continuità possibile per il visitatore.
Vuoi aiutare il tuo utente a articolare meglio la loro query di ricerca, guidandoli attraverso il sito e istruendoli sui contenuti. Sfortunatamente, se un widget di completamento automatico è progettato male, potrebbe distrarre l’utente durante la ricerca o addirittura ingannarlo. Ecco perché abbiamo raccolto sei best practice per il completamento automatico:
- Ranking e Pertinenza
È possibile visualizzare solo alcuni suggerimenti di ricerca in loco, che rende la classifica di vitale importanza. Tutti i suggerimenti devono essere rilevanti per l’utente. È possibile analizzare ciò che è popolare o di tendenza come una query per scoprire quali contenuti la maggior parte degli utenti cerca. Naturalmente, questo è un po ‘ complicato quando hai solo pochissime query di ricerca.
- Velocità
Il completamento automatico dovrebbe essere sempre attivo come velocità di tipo. Tutto ciò che si sente lento per il visitatore sarà un disgregatore per l’esperienza dell’utente. Dopo tutto, è meglio se l’utente non pensa nemmeno di usare l’autosuggest ma fa clic intuitivamente su di esso. I suggerimenti dovrebbero sempre iniziare con il primo carattere. L’utente non si aspetta di trovare già suggerimenti giusti, ma mostri loro che esiste una funzione di completamento automatico per supportarli.
- Evidenziare e stile Conclusivo
Puoi aiutare i tuoi utenti evidenziando quali risultati corrispondono alla loro richiesta. Spesso, troverai ricerche di siti che evidenziano la query di ricerca che l’utente ha digitato finora nei suggerimenti di completamento automatico. Ad esempio, quando digiti “iPhone”, i suggerimenti automatici mostrerebbero “nuovo iPhone”, “iPhone 7”, “custodia per iPhone”.
Ma in realtà, l’approccio opposto funziona molto più agevolmente. Quando si evidenzia la parte che viene suggerita, si aiuta l’utente a distinguere tra i suggerimenti poiché si concentra sulle differenze. Il tuo utente sarà ben consapevole di ciò che ha inserito, quindi sarà interessato alle aggiunte. Ad esempio, se digiti “iPhone”, i tuoi suggerimenti automatici saranno simili a questo: “nuovo iPhone”, “iPhone 7”, “Custodia per iPhone”.
Gli utenti che accedono ai tuoi prodotti o contenuti tramite cellulare apprezzeranno un’evidenziazione conclusiva e uno stile di elementi. Qualsiasi informazione aggiuntiva, come le informazioni sul reparto che si sta cercando in o i filtri che sono disponibili, dovrebbe avere uno stile unico (vedi sotto “in telefoni cellulari e accessori”).
- Keep it simple
Si desidera evitare barre di scorrimento nel completamento automatico. Nessuno vuole scorrere all’interno di un widget interattivo, invece, il widget dovrebbe solo espandersi alla sua dimensione naturale. Ecco perché la dimensione dei suggerimenti dovrebbe essere mantenuta ad un massimo di 10 elementi per evitare la paralisi della scelta. Si desidera che gli utenti di ottenere facilmente una panoramica delle loro scelte.
Quando i suggerimenti superano il limite di 10 elementi, gli utenti ignoreranno del tutto i suggerimenti o passeranno molto tempo a leggerli, il che rallenterà il processo di ricerca. Sul cellulare, l’elenco dovrebbe essere anche più breve con un target di 4-8 suggerimenti.
- Utilizzare etichette e istruzioni
Per gli utenti web meno esperti è bello includere le istruzioni su come interagire con la funzione di completamento automatico. Intestazioni come “suggerimenti di ricerca “o” categorie ” offre un modo per l’utente di distinguere i diversi tipi di suggerimenti invece di mescolare tutti in un unico elenco.
- Supporta la navigazione da tastiera e l’interazione con il mouse
L’utente dovrebbe essere in grado di utilizzare la navigazione da tastiera per fare clic su su e giù attraverso i suggerimenti di completamento automatico. Inoltre, si consiglia di mostrare che i suggerimenti di completamento automatico sono cliccabili con un mouse, ad esempio richiamando un cursore a mano o evidenziando ciò che l’utente farebbe clic. Il passaggio del mouse, d’altra parte, dovrebbe essere un’azione non impegnativa e non inviare direttamente ai risultati.
- Progetta la profondità visiva per il completamento automatico
Quando l’utente apre un sito web, ci sono molti elementi della pagina che combattono per la sua attenzione. Oscurando lo sfondo della pagina mentre viene utilizzato il completamento automatico, offre una chiara messa a fuoco e forte enfasi. L’utente non sarà distratto da altre informazioni sul sito web e può concentrarsi sui suggerimenti di completamento automatico.
- Personalizza il tuo completamento automatico
Se offri una ricerca personalizzata sul sito (per saperne di più), puoi offrire risultati in base alla posizione corrente del visitatore o alla sua lingua principale. Inoltre, puoi mostrare la cronologia delle ricerche e termini di ricerca simili o pertinenti per renderli interessati ai tuoi contenuti.
Come si può implementare il completamento automatico?
Esistono diversi modi per implementare il completamento automatico sul tuo sito web.
Un modo più semplice per implementare il completamento automatico è con il widget AddSearch. Offre suggerimenti di ricerca automatica, generati da query di ricerca effettuate sul tuo sito web. Più dati vengono raccolti, più il numero e la qualità dei suggerimenti aumenteranno.
Con il supporto di uno sviluppatore, è possibile integrarlo con un’API. Sarete in grado di personalizzare il design e l’interfaccia utente tanto quanto si desidera.
AddSearch offre funzionalità come la personalizzazione per personalizzare i campi per i nomi dei prodotti o una lista nera per rimuovere i suggerimenti inserendoli nella lista nera.