Best practice per il selettore della lingua del sito web per un'esperienza utente semplice

Matt Grech

Responsabile Marketing dei ContenutiSmartling

Ogni piccolo dettaglio è importante. Vuoi rendere il tuo sito web il più semplice possibile da navigare e vuoi un'esperienza soddisfacente per far tornare gli utenti.

Ciò richiede un'attenzione precisa ai dettagli e un po' di pensiero creativo per innovare. Un ottimo esempio è la progettazione del menu di selezione della lingua sul tuo sito.

All'inizio sembra semplice, vero? Forse un rapido menu a tendina che elenca diverse lingue e alcune bandiere per l'aiuto visivo.

Naturalmente, questa è una soluzione semplice e veloce, ma non favorisce la migliore esperienza utente possibile. Chi vuole scorrere un menu infinito? Cosa succede sui dispositivi mobili quando puoi visualizzare al massimo 20 lingue alla volta?

C'è molto da considerare quando si progetta un ottimo menu di selezione della lingua per il proprio sito web.

Perché abbiamo bisogno di un selettore di lingua?

L'obiettivo della localizzazione è quello di rendere il tuo sito web il più accessibile possibile agli utenti. Ma a cosa servirebbe un sito localizzato se l'utente non avesse mai la possibilità di selezionare la propria lingua?

Ora, questo è un ottimo scenario per l'automazione.

È sufficiente configurare il sito in modo che rilevi automaticamente la posizione dell'utente tramite l'indirizzo IP o, ancora meglio, la lingua predefinita del browser Web, e fornire a quell'utente la versione localizzata corretta del sito. Ma questo funziona solo quando si localizza in lingue specifiche.

Durante la progettazione per i mercati francese e inglese, gli utenti con la lingua predefinita impostata sull'inglese visualizzano il sito in inglese e quelli con il browser impostato sul francese visualizzano il sito in francese. Qualsiasi altro visitatore che non abbia queste due opzioni dovrebbe essere automaticamente indirizzato alla scelta più popolare, in questo caso l'inglese.

Cosa succede se quell'utente non parla nemmeno inglese, ma parla francese? Ora sono bloccati su un sito web che non riescono a leggere.

E non funzionerebbe bene nemmeno se si facesse il default in base alla posizione. Cosa succede se hai un visitatore del sito web dal Regno Unito e sta facendo acquisti sul tuo sito del Regno Unito, ma preferisce navigare nella sua lingua madre, il tedesco? Impostarli sull'inglese li costringe a un'esperienza che potrebbero non desiderare.

Ed è qui che sta il problema: gli utenti hanno ancora bisogno della possibilità di scegliere la lingua che preferiscono.

La selezione automatica della lingua è stata gestita bene

ASOS offre l'esempio perfetto di una piattaforma di e-commerce localizzata con successo. ASOS ha raggiunto il 149% negli ultimi 5 anni esclusivamente attraverso le vendite digitali, superando anche i rivenditori affermati. Il tutto senza un'unica sede fisica.

Parte del loro successo risiede nella loro esperienza di localizzazione senza soluzione di continuità. ASOS sfrutta l'automazione per selezionare automaticamente le preferenze di lingua e valuta dell'utente e, cosa più importante, quando viene indirizzato alla posizione sbagliata, include un piccolo prompt come piè di pagina ancorato:

Entrambi consentono all'utente di navigare in una versione straniera del sito e allo stesso tempo lo indirizzano nella giusta direzione. Questo è solo un approccio elegante che incorpora molte delle migliori pratiche che tratteremo.

Strategie di selezione della lingua del sito web

Quindi, come progettiamo e implementiamo un selettore di lingua per un'esperienza senza interruzioni?

Proprio come per la traduzione di contenuti generati dagli utenti, non esiste sempre una soluzione valida per tutti. Esaminiamo alcune strategie comuni.

1. Menu di selezione

I menu funzionano bene quando ha molte lingue con cui parlare. L'opzione più semplice da progettare e implementare sarebbe un semplice menu a discesa.

La posizione in cui lo collochi sul tuo sito web dipenderà dal design individuale, ma di solito li vedrai in alto a destra o in fondo alla pagina. Abbastanza semplice, implementa un menu a discesa con un'etichetta chiara e includi tutte le lingue in cui è stato tradotto il tuo sito web.

Avrai a disposizione alcune opzioni per la migliore implementazione in base alle tue esigenze:

• Come organizzerai il menu e rappresenterai ogni lingua? È possibile separare il menu per regione o continente e includere tutte le lingue parlate per una facile navigazione.
• Elencherai solo le lingue o elencherai i paesi più volte per lingue diverse?
• Che tipo di icona o pulsante utilizzerai per evidenziare il menu? Dovrà essere riconoscibile

Porsche è un semplice esempio di menu pulito per gli utenti che visitano il loro sito internazionale che incorpora un menu dedicato con bandiere.

Separati per regione, gli utenti possono trovare rapidamente esattamente ciò di cui hanno bisogno senza dover sfogliare un elenco enorme. Hanno anche incluso una funzione di ricerca per un tocco in più.

2. Pulsanti di lingua dedicati

Se ti rivolgi a un mercato molto specifico, ad esempio se vedi solo negli Stati Uniti e devi localizzare per lo spagnolo e l'inglese, puoi includere i pulsanti della lingua nel menu di navigazione del tuo sito web.

Una semplice selezione consente agli utenti di aderire e passare rapidamente a una versione localizzata della pagina.

Ci sono ancora alcune considerazioni da fare:

• La più grande sfida progettuale qui è lo spazio. Più di due lingue e si riempirà velocemente.
• Dovrai anche considerare attentamente dove si trovano esattamente questi pulsanti. Non dovrebbero essere d'intralcio al contenuto o al centro della tua navigazione, ma non possono nemmeno essere nascosti. Vogliamo ridurre al minimo i clic per gli utenti.

USA.gov è uno degli esempi più popolari di questo, offrendo agli utenti la possibilità di tradurre istantaneamente la pagina web in spagnolo.

Semplice, facile e veloce.

3. Collegamenti testuali

Puoi anche semplificare le cose con i link di testo, generalmente ospitati nel piè di pagina del tuo sito, per ogni versione localizzata. Funziona benissimo come via di mezzo tra i pulsanti dedicati e i menu di selezione quando non si dispone di un numero sufficiente di opzioni per un menu completo, ma troppe per i singoli pulsanti dell'interfaccia utente.

Le sfide e le considerazioni qui sono ovviamente i limiti di spazio e un approccio dinamico o statico:

• Dinamico significherebbe esaminare l'IP del visitatore per determinare la posizione approssimativa e fornire i link di testo appropriati per quella regione.
• Statico significherebbe incorporare collegamenti di testo come fissazione permanente nell'interfaccia utente, come l'esempio sopra menzionato dell'inclusione di collegamenti di testo nel piè di pagina.

Google è un ottimo esempio di questo. Quando visiti il loro URL francese, google.fr, inizierai in inglese.

Ma c'è un semplice link in fondo alla pagina che ti indirizza direttamente alla versione francese.

Una parola sulle bandiere

Potrebbe sembrare di buon senso includere le bandiere nei menu di selezione della lingua. Sono facili da identificare per semplificare l'esperienza utente e aggiungere peso extra al design.

Ci sono molte sfumature, e anche la politica, coinvolte. Non tutte le nazioni riconoscono le stesse bandiere e nessun paese rappresenta una lingua specifica.

Ad esempio, non si desidera utilizzare una bandiera inglese o britannica per l'Irlanda, nonostante entrambi i paesi parlino principalmente inglese, gli irlandesi preferirebbero avere la loro bandiera e il paese rappresentati.

Un modo semplice per ovviare a questo problema sarebbe semplicemente elencare la stessa lingua più volte e specificare per quale paese è localizzato il sito con la bandiera, come fa Porsche.

Ma dovrai anche determinare il modo migliore per implementare i progetti; Alcune bandiere sono complesse, come le disegnerai in un formato familiare che sia facile e veloce da sviluppare?

Potrebbe essere più facile rinunciare del tutto alle bandiere.

Best practice per la selezione della lingua del sito web

Ci sono alcune best practice standard a cui deve attenersi quando si progetta un selettore di lingua per un sito Web:

1. Usa sempre il formato locale e l'ortografia della lingua. Deve essere riconoscibile immediatamente dai madrelingua. Ad esempio, il tedesco dovrebbe essere elencato come Deutsch.
2. L'automazione è fantastica, ma vuoi che i visitatori abbiano la possibilità di personalizzare la loro esperienza
3. Rendilo facile da trovare, non vuoi finire per frustrare i visitatori. La ridondanza aiuta molto e potrebbe avere senso combinare strategie come un menu in alto con collegamenti di testo nel piè di pagina.
4. Evita le bandiere a meno che il contenuto non sia specificamente adattato a quel singolo paese.
5. Implementa elementi visivi come un globo o persino una mappa per un'esperienza più visiva.
6. Fai attenzione all'implementazione di un menu a discesa, soprattutto quando progetti per dispositivi mobili con spazio limitato.
7. Non dimenticare di personalizzare la valuta in base alla posizione del visitatore e di fornire anche un'opzione per gli utenti per specificare la valuta se non è già localizzata

Ma non aver paura di essere creativo. Ci sono alcuni ottimi progetti e implementazioni là fuori, e questa sfida richiede un'innovazione unica se stai cercando di sviluppare la migliore esperienza utente.