Creare o progettare un sito Web non è facile come scegliere tra un assortimento di modelli quello che consideri il più interessante. Sebbene l'aspetto grafico di un sito Web sia un fattore molto importante, 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 utilizzano o navigano. Questo sicuramente influenza i tuoi visitatori in meglio o in peggio nella loro opinione sul tuo sito e se prenderanno in considerazione l'idea di effettuare un acquisto.
Non scherzo! 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. Al giorno d'oggi le immagini al vivo e un design a tre colonne sono di gran moda tra i designer.
Ma ecco il problema, dovresti sapere in anticipo che entrambi i percorsi sono validi, entrambi hanno i loro pro e contro. Allora, 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 selvaggiamente diverso! Non è una domanda facile a cui rispondere e la tua scelta dipenderà dal tuo pubblico di destinazione.
Le caratteristiche di un grande sito web
Possiamo dire comodamente che le possibilità di grandezza sono disponibili in molte forme e da molti luoghi, c'è molto con cui lavorare, molte opzioni, un sacco di potenziale. Le tue scelte migliori dipenderanno dal tuo pubblico di destinazione e dal tipo di attività che corri. 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 si ha poco tempo a disposizione; e il 38% delle persone abbandonerà un sito Web se non è attraente. Queste sembrano affermazioni molto generali prive di molta specificità. Ma UX e UI vengono sempre studiate da esperti di design, quindi invece di cercare una definizione di "bello" secondo uno sconosciuto, dovremmo cercare cose che potremmo rendere 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 corrispondono, ma possiamo parlare di tutti i diversi elementi che compongono il compito di progettare un sito Web e puoi riflettere su di essi pensando anche alla tua area di attività e principi.
- Disordine : Metti spazio tra i tuoi contenuti, prova a visualizzare solo ciò che interessa all'utente. Sbarazzati degli "ornamenti". Avere uno spazio negativo sostanziale in modo che gli elementi possano essere letti più facilmente.
- Interfaccia : Semplifica la navigazione. Avere percorsi semplici da una sezione all'altra.
- Gerarchia visiva : dispone 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 .
- Tavolozza dei colori e scelta dell'immagine : in poche parole, i colori brillanti risaltano e quindi funzionano alla grande come accenti e, abbinati alle immagini giuste, puoi mantenere l'interesse dei tuoi visitatori più a lungo!
- Ottimizzato per i dispositivi mobili : a partire da luglio 2019, l'impostazione predefinita per tutti i nuovi domini Web è l'indicizzazione mobile-first e ha anche migliorato il posizionamento delle pagine Web ottimizzate per i dispositivi mobili nelle ricerche. Quindi assicurati che anche il layout della tua versione mobile funzioni bene.
- Pulsante di cambio lingua : Quando i fatti dicono che viviamo in un'economia transfrontaliera in cui il paese in cui vivi non limita dove puoi acquistare, non avere un sito Web multilingue non è un'opzione se stai cercando di prosperare .
Come sono i siti web multilingue?
Grandi notizie! Puoi rilassarti, creare un sito Web multilingue non è un calvario, è facile come aggiungere un piccolo pulsante della 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 & Evelyn
Cominciamo con Crabtree & Evelyn, un'azienda di fragranze e profumi nata in Germania ma che ha portato la sua attività a livello globale con un layout e opzioni linguistiche eccezionali.
Poiché la varietà di prodotti è così ampia, hanno scelto di non sopraffare i visitatori prendendosi cura del loro layout e prendendo attente decisioni di design, come riempire prima lo schermo della loro home page con un semplice messaggio, in questo caso, sulle festività natalizie e quando scorri verso il basso o fai clic sul pulsante "Acquista ora", il visitatore viene indirizzato ai prodotti.
È un aspetto 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 fai clic sul pulsante acquista, quindi scegli dove o come desideri esplorare, per categoria, per collezione o dai un'occhiata ai set regalo.
E ora la cosa più sorprendente in assoluto, il selettore di lingua. Puoi trovarlo in fondo alla pagina e quando fai clic su di esso, mostra le impostazioni correnti del negozio, con menu a discesa con alternative.
E questo è qualcosa di cui abbiamo parlato in precedenza nell'articolo sui tipi di pulsanti della 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 nella 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 rendere il tuo sito web più accogliente per gli utenti di tutto il mondo!
Zecca digitale
Prima di tutto, un lavoro straordinario. Grandi decisioni dappertutto, non credi? E fantastico uso del colore per stabilire il contrasto e le aree di messa a fuoco. Elenchiamo tutte le cose positive di questo sito: spazio negativo, caratteri di dimensioni diverse, grafica personalizzata, colore e tinta.
La disposizione degli elementi di diverse dimensioni mostra da dove iniziare a leggere e lo spazio bianco dà al lettore il tempo di mettere in pausa.
Qui abbiamo un chiaro esempio di gerarchia visiva:
Dal meno al più importante: i partner commerciali in tinte più chiare, "Make it accadere" in caratteri piccoli, pulsante "parliamo" con sfondo nero e lettere bianche, "Evolutionary digital" in caratteri grandi e in grassetto e "marketing" con lo stesso carattere di prima ma evidenziato in verde.
Inoltre, anche gli imperativi “Fai accadere” e “Parliamo” 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 a destra è un'ottima scelta per le aziende che fanno molto affidamento sui social media come strumento.
Puoi trovare i loro pulsanti di lingua nella parte inferiore della pagina, sono piccoli, ma tutte le opzioni sono visibili e i loro colori sono brillanti e molto diversi dalla tavolozza dei colori Digital Menta, quindi possono essere facilmente trovati.
Yoga
Qui abbiamo un adorabile esempio di siti web ordinati. C'è molto spazio negativo e le figure colorate sono animate, questo infonde una sensazione di curiosità nei visitatori! I browser occasionali rimarranno sicuramente e daranno un'occhiata al resto del sito Web e impareranno di più su Yogang. Disegno brillante.
Yogang è un gioco divertente per bambini che combina attività fisica, relax, condivisione e creatività, e la loro homepage riflette questo. L'animazione dei diversi personaggi che fanno pose yoga non riguarda la dimostrazione delle abilità di programma, è un riflesso dello spirito del prodotto.
Allo stesso tempo adorabile e un invito all'azione per rendere Yogang parte dell'infanzia dei tuoi figli. Fanno appello agli acquirenti d'impulso 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 B2B e B2C, quindi hanno diversi tipi di visitatori che cercano cose diverse e tutti devono trovare velocemente ciò che stanno cercando.
Il pulsante della lingua è un pulsante discreto con le opzioni "EN" e "FR". Hanno opzioni linguistiche ristrette ma hanno identificato chiaramente i loro mercati più grandi e si sono concentrati fortemente sul fornire la migliore esperienza possibile per l'utente.
Blu marino o grigio
Molte opere d'arte personalizzate in questo elenco, lo sappiamo. È un elemento così versatile e questi siti Web li usano così bene per creare un aspetto specifico.
Navy and Grey è l'ultimo esempio in questo elenco, ha anche le caratteristiche che abbiamo elogiato prima, le hai identificate anche tu? È un'esperienza molto sofisticata, è accattivante. Mi fa stare tranquillo, vedere tutto quello spazio negativo, non sono per niente sopraffatto dall'idea di navigare in questo sito e la chiara barra dei menu mi assicura che troverò quello che sto cercando senza alcuna fatica.
Apprezzo come hanno separato "Camicie" e "Completi" nel menu, è una decisione adatta per un'attività di sartoria, molti altri negozi avrebbero creato sottopagine per questi prodotti, e anche questa è una decisione ragionevole, ma per Navy o Grey, contribuisce a quell'aspetto raffinato.
Questo sito web in particolare, ha messo il pulsante della lingua in alto a destra e il carattere 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 ottimo sito web 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 di business in cui si trovano, ma può anche essere il pubblico di destinazione. Quindi ricorda di tenere a mente l'identità, gli ideali e il pubblico della tua azienda quando prendi decisioni.
La chiave è pensare a come semplificare la ricerca e come portare il tuo visitatore a ciò che sta cercando con il minor numero di clic.
In poche parole, dai ai tuoi visitatori un invito all'azione non appena accedono alla home page e usa lo spazio negativo per creare contrasto ed evidenziare le cose importanti, come il tuo messaggio; e, ultimo ma non meno importante, avere un menu semplice e un pulsante della lingua.
Sembri pronto per vendere a livello internazionale e probabilmente hai esato molte idee fantastiche mentre leggi questo articolo. Scopri di più su ConveyThis e aumenta le tue vendite online!
4 e-commerce stimolanti che stanno facendo tutto bene
20 febbraio 2020[...] I candidati citati hanno grandi designer che danno il massimo e portano tutte le migliori idee che rifletteranno tutti gli ideali del marchio in uno straordinario negozio virtuale che trasformerà i visitatori in clienti. [...]