Idee di layout per il tuo sito web multilingue: migliorare l'esperienza utente

Creare o progettare un sito web non è così semplice come scegliere tra un assortimento di template quello che consideri il più cool. Sebbene l'aspetto e la sensazione di un sito web siano fattori molto importanti, non sono le uniche cose a cui devi pensare prima di prendere una decisione.

È un dato di fatto: il successo del tuo sito web è legato al suo layout, a come si sentono gli utenti mentre lo usano o lo navigano. Questo influenza sicuramente i tuoi visitatori nel bene o nel male nella loro opinione sul tuo sito e se prenderanno in considerazione di fare un acquisto.

Non sto scherzando! Secondo un rapporto della Society of Digital Agencies (SoDA) , una scarsa esperienza utente del sito web è dannosa per le aziende. Quindi avere il layout perfetto è un aspetto fondamentale del design del sito web e dell'esperienza utente.

Potresti anche aver notato che condividono alcune caratteristiche, perché proprio come tutti gli altri settori, anche le tendenze prendono d'assalto il mondo del design. Oggigiorno, le immagini a piena pagina e un design a tre colonne vanno per la maggiore tra i designer.

Ma ecco il problema, dovresti sapere in anticipo che entrambi i percorsi sono validi, entrambi hanno i loro pro e contro. Quindi, cosa pensi di dover fare? Le opzioni sono sfruttare la familiarità di questi elementi nell'immaginario collettivo, oppure puoi decidere di distinguerti e attirare l'attenzione sul tuo negozio facendo qualcosa di completamente diverso! Non è una domanda facile a cui rispondere e la tua scelta dipenderà dal tuo pubblico di riferimento.

Le caratteristiche di un ottimo sito web

Possiamo tranquillamente dire che le possibilità di grandezza arrivano in molte forme e da molti luoghi, c'è molto con cui lavorare, molte opzioni, molto potenziale. Le tue scelte migliori dipenderanno dal tuo pubblico di riferimento e dal tipo di attività che gestisci. Queste scelte formano e riflettono l'immagine del tuo marchio.

Secondo Adobe , due terzi delle persone preferirebbero leggere qualcosa di ben progettato piuttosto che qualcosa di semplice quando hanno poco tempo a disposizione; e il 38% delle persone abbandona un sito web se non è attraente. Queste sembrano affermazioni molto generiche, prive di molta specificità. Ma UX e UI vengono sempre studiate dagli esperti di design, quindi invece di cercare una definizione di "bello" secondo uno sconosciuto, dovremmo cercare cose che potremmo trasformare in belle e definire cosa significa bellezza nel nostro contesto.

Poiché non tutte le aziende sono uguali, anche i criteri per un buon sito web non coincideranno, ma possiamo parlare di tutti i diversi elementi che compongono il compito di progettare un sito web e puoi rifletterci sopra, pensando anche al tuo settore e ai tuoi principi aziendali.

1. Senza confusione : metti spazio tra i tuoi contenuti, cerca di mostrare solo ciò che interessa all'utente. Sbarazzati degli "ornamenti". Avere uno spazio negativo sostanziale in modo che gli elementi siano più facilmente leggibili.
2. Interfaccia : semplifica la navigazione. Crea percorsi diretti da una sezione all'altra.
3. Gerarchia visiva : organizza gli elementi grafici in ordine di importanza. Le cose più importanti possono venire prima o possono occupare più spazio, aiuta i tuoi visitatori a navigare guidando i loro occhi attraverso i diversi elementi. Ad esempio, le persone leggono prima le cose più grandi .
4. Palette di colori e scelta delle immagini : in poche parole, i colori vivaci risaltano e quindi funzionano benissimo come accenti; inoltre, abbinati alle immagini giuste, puoi mantenere l'interesse dei tuoi visitatori più a lungo!
5. Ottimizzato per dispositivi mobili : da luglio 2019, l'impostazione predefinita per tutti i nuovi domini web è l'indicizzazione mobile-first e ha anche ha aumentato il posizionamento delle pagine web ottimizzate per i dispositivi mobili nelle ricerche. Quindi assicurati che anche il layout della tua versione mobile funzioni bene.
6. Pulsante per cambiare lingua : quando i fatti dicono che viviamo in un'economia transfrontaliera in cui il Paese in cui vivi non pone limiti ai luoghi in cui puoi effettuare acquisti, non avere un sito web multilingue non è un'opzione se vuoi prosperare.

Che aspetto hanno i siti web multilingue?

Ottime notizie! Puoi rilassarti, creare un sito web multilingue non è un calvario, è facile come aggiungere un piccolo pulsante di lingua a uno degli angoli del layout del tuo sito web usando ConveyThis. Fare affari online a livello internazionale non è mai stato così facile.

Diamo un'occhiata ad alcuni layout di siti web e analizziamo cosa li rende così attraenti.

Crabtree e Evelyn

Cominciamo con Crabtree & Evelyn, un'azienda di profumi e prodotti per la cura della persona nata in Germania che ha saputo espandere la propria attività a livello globale, grazie a un layout e a diverse lingue disponibili.

Poiché la varietà di prodotti è così ampia, hanno scelto di non sopraffare i visitatori, prendendosi cura del layout e prendendo decisioni di progettazione attente, come riempire prima lo schermo della home page con un semplice messaggio, in questo caso, sulle festività, e quando si scorre verso il basso o si clicca sul pulsante "Acquista ora", il visitatore viene indirizzato ai prodotti.

È un look davvero sofisticato e pulito, i visitatori rimarranno sicuramente più a lungo, affascinati dall'esperienza. Per quanto riguarda il menu, ci sono due opzioni per la ricerca, un pulsante di ricerca in cui puoi digitare una parola chiave, se hai ristretto ciò che stai cercando; oppure fare clic sul pulsante dello shop, quindi scegliere dove o come vuoi esplorare, per categoria, per collezione o dare un'occhiata ai set regalo.

E ora passiamo alla cosa più incredibile di sempre, il selettore di lingua. Lo trovi in fondo alla pagina e, quando ci clicchi sopra, ti mostra le impostazioni correnti dello store, con menu a discesa con alternative.

E questo è qualcosa di cui abbiamo parlato in precedenza nell'articolo sui tipi di pulsanti di lingua, è fantastico che abbiano due opzioni, una per l'area e l'altra per la lingua, perché sappiamo che non tutti navigano nella loro lingua o nel loro paese. Questo sito web è l'esempio perfetto di un lavoro di localizzazione ben fatto. Contatta il team di ConveyThis per scoprire maggiori informazioni su come puoi rendere il tuo sito web più accogliente per gli utenti di tutto il mondo!

Zecca digitale

Prima di tutto, un lavoro sbalorditivo. Ottime decisioni ovunque, non credi? E un uso fantastico del colore per stabilire contrasto e aree di messa a fuoco. Elenchiamo tutte le cose positive di questo sito: spazio negativo, font di diverse dimensioni, grafica personalizzata, colore e tinta.

La disposizione degli elementi di diverse dimensioni indica da dove iniziare la lettura e lo spazio bianco dà al lettore il tempo di fermarsi.

Ecco un chiaro esempio di gerarchia visiva:

Dal meno al più importante: i partner commerciali in tinte più chiare, "Make it happen" in un carattere piccolo, il pulsante "let's talk" con sfondo nero e lettere bianche, "Evolutionary digital" in un carattere grande e in grassetto e "marketing" nello stesso carattere di prima ma evidenziato in verde.

Inoltre, gli imperativi "Fallo accadere" e "Parliamone" aiutano il visitatore nella sua esperienza di navigazione.

La barra di navigazione è semplice e chiara come quella di Crabtree & Evelyn, e la barra dei social media sulla destra è un'ottima scelta per le aziende che fanno molto affidamento sui social media come strumento.

I pulsanti per selezionare la lingua si trovano in fondo alla pagina; sono piccoli, ma tutte le opzioni sono visibili e i loro colori sono vivaci e molto diversi dalla tavolozza dei colori di Digital Menta, quindi sono facili da trovare.

Yoga

Ecco un adorabile esempio di siti web decluttered. C'è molto spazio negativo e le figure colorate sono animate, questo infonde un senso di curiosità nei visitatori! I browser occasionali rimarranno sicuramente a dare un'occhiata al resto del sito web e a scoprire di più su Yogang. Design brillante.

Yogang è un gioco divertente per bambini che unisce attività fisica, relax, condivisione e creatività, e la loro homepage riflette tutto questo. L'animazione dei diversi personaggi che eseguono posizioni yoga non è una dimostrazione di abilità di programmazione, è un riflesso dello spirito del prodotto.

Allo stesso tempo adorabile e un invito all'azione per rendere Yogang parte dell'infanzia dei tuoi bambini. Attraggono gli acquirenti impulsivi con un pulsante "Acquista" e aiutano anche un potenziale cliente a saperne di più sul prodotto prima guidandolo ai tutorial.

La loro barra dei menu più lunga è giustificata dal fatto che vendono sia B2B che B2C, quindi hanno diversi tipi di visitatori che cercano cose diverse e tutti devono trovare velocemente ciò che stanno cercando.

Il loro pulsante per la lingua è un pulsante discreto con le opzioni "EN" e "FR". Hanno opzioni di lingua limitate, ma hanno chiaramente identificato i loro mercati più grandi e si sono concentrati molto nel fornire la migliore esperienza possibile per l'utente.

Blu navy o grigio

Sappiamo che in questa lista ci sono un sacco di artwork personalizzati. È un elemento così versatile e questi siti web lo usano così bene per creare un aspetto e un'atmosfera specifici.

Navy and Grey è l'ultimo esempio di questa lista, ha anche le caratteristiche che abbiamo elogiato prima, le hai identificate anche tu? Rende l'esperienza molto sofisticata, è accattivante. Mi fa sentire calmo, vedere tutto quello spazio negativo, non sono affatto sopraffatto dall'idea di navigare su questo sito web e la barra dei menu chiara mi assicura che troverò quello che sto cercando senza alcuna difficoltà.

Apprezzo il modo in cui hanno separato "Camicie" e "Abiti" nel menu, è una decisione appropriata per un'attività di sartoria, molti altri negozi avrebbero creato delle sottopagine per questi prodotti, e anche questa è una decisione ragionevole, ma per il blu navy o il grigio, contribuisce a quell'aspetto raffinato.

Questo sito web in particolare ha messo il pulsante della lingua in alto a destra e il font che hanno scelto è lo stesso del resto del sito web. E in basso a sinistra hanno aggiunto un pulsante Whatsapp per un contatto rapido.

Progetta un sito web fantastico per il tuo pubblico

I siti web elencati sono fantastici perché seguono i principi generali del buon design, ma anche perché tutte le decisioni possono essere giustificate, le ragioni possono essere l'area aziendale in cui si trovano, ma possono anche essere il pubblico di destinazione. Quindi ricorda di tenere a mente l'identità, gli ideali e il pubblico della tua attività quando prendi decisioni.

La chiave è pensare a come semplificare la ricerca e come indirizzare il visitatore verso ciò che sta cercando con il minor numero di clic.

In poche parole, invita i visitatori all'azione non appena accedono alla home page e usa lo spazio negativo per creare contrasto e mettere in risalto gli aspetti importanti, come il messaggio; e, ultimo ma non meno importante, usa un menu semplice e un pulsante per la lingua.

Sembri pronto a vendere a livello internazionale e probabilmente ti sono venute in mente un sacco di idee fantastiche mentre leggevi questo articolo. Scopri di più su ConveyThis e aumenta le tue vendite online!