Ti sei mai chiesto perché nei supermercati il latte viene esposto in fondo al negozio e i cioccolatini vicino alla cassa?
Semplice: posizionare gli articoli essenziali sul retro del negozio incoraggia gli acquirenti a camminare e a curiosare tra gli altri prodotti. Posizionare piccoli articoli (come i cioccolatini) vicino alla cassa incoraggia gli acquisti d'impulso.
Tutto questo fa parte della scienza del design del negozio. disposizione corretta del negozio può incrementare le vendite, migliorare la fidelizzazione e aiutare i clienti a trovare più velocemente ciò che desiderano.
Il tuo negozio online non è diverso. L'organizzazione e il layout dei tuoi prodotti hanno un grande impatto su cosa (e come) i clienti acquistano da te.
In questo articolo ti mostreremo come disporre i tuoi prodotti per massimizzare vendite e conversioni.
3 cose da considerare quando si seleziona un layout di prodotto
Il layout del prodotto potrebbe sembrare un problema semplice quando lo si affronta per la prima volta. Tuttavia, come la maggior parte delle cose in
1. Scelta
La scelta è una
Un layout di prodotto efficace è essenzialmente un processo di bilanciamento di questa dualità. Vale a dire: dare l'impressione di una scelta abbondante, mantenendo comunque il sito facile da usare e navigare.
La scienza dice che il processo decisionale è mentalmente impegnativo. Quando si mettono di fronte agli acquirenti troppe scelte, è probabile che non facciano alcuna scelta.
Come puoi superare questo problema nella disposizione del tuo negozio?
Una soluzione è quella di utilizzare immagini in evidenza che portano a prodotti aggiuntivi. Ad esempio, nota come Made.com utilizza immagini separate per intere categorie di prodotti (ad esempio "mobili da giardino"):
Consideratelo come un teaser per attirare gli acquirenti.
L'ideale sarebbe mantenere il tuo
Perciò, prima di iniziare il processo di layout, elenca quanto segue:
- L'intera gamma dei tuoi prodotti e le rispettive categorie e sottocategorie
- Categorie funzionali come "prodotti più venduti", "prodotti in evidenza", ecc. e i prodotti in esse contenuti.
Il passo successivo è utilizzare queste informazioni per costruire un
In questo modo, gli acquirenti potranno trovare ciò che desiderano senza essere sopraffatti da troppe scelte.
Se il tuo negozio Ecwid viene aggiunto a un sito web, puoi aggiungere un menu di navigazione aggiungendo un pezzo di codice:
- per un layout orizzontale
- per un layout verticale.
Ecco le istruzioni per i negozi Ecwid aggiunti su WordPress e Wix siti web. Su Ecwid Instant Site, il menu orizzontale è disponibile solo.
2. Informazioni sul prodotto
Ecco un altro esercizio di equilibrio da compiere quando si sceglie il layout del proprio negozio: mostrare le informazioni sui prodotti.
Vuoi dare ai clienti le informazioni di cui hanno bisogno per cliccare e fare un acquisto. Allo stesso tempo, non vuoi sommergerli con troppi dettagli, almeno non prima che siano sulla pagina del prodotto vera e propria.
Il tuo modello mentale in questa situazione dovrebbe essere quello di facilitare il processo decisionale e di stuzzicare l'interesse del cliente. Chiediti: cosa informazioni minime i miei clienti devono cliccare su un prodotto?
Scoprirai che la risposta varia da negozio a negozio e da prodotto a prodotto.
Ad esempio, nota come Amazon ti fornisca solo quattro punti informativi nella pagina della categoria: nome del prodotto, prezzo (incluso lo sconto), valutazione e disponibilità Prime:
Su Ecwid puoi aggiungere valutazioni e recensioni simili con l'aiuto dell'app Stampled.io.
Sebbene queste informazioni siano necessarie per un grande rivenditore come Amazon, per le aziende più piccole come Gioielli di sabbia e pietra, le valutazioni non sono così importanti. Quindi, le pagine delle categorie mostrano solo il nome del prodotto e il prezzo.
È facile cadere nella trappola di dare via troppe poche informazioni nelle pagine di categoria. Il modo migliore per evitarlo è intervistare i clienti e chiedere loro quali informazioni usano per prendere decisioni di acquisto.
3. Progettazione del negozio
Il modo in cui hai progettato il tuo negozio avrà un impatto notevole sulla disposizione dei tuoi prodotti.
An
- Homepage
- Pagine di categoria e di ricerca
- Pagine prodotto individuali
Quali prodotti scegli di mostrare su ciascuno
Ad esempio, nota come Amazon promuove i propri prodotti sulla sua home page se non hai effettuato l'accesso:
È comune per i negozi promuovere le ultime offerte sulla homepage. Assicurati di allineare queste offerte con il tuo pubblico di riferimento. BestMadeCo, ad esempio, gestisce una promozione per la festa del papà tenendo presente la sua clientela prevalentemente maschile.
Concentrarsi su:
- Scoprire quali prodotti vuoi che i clienti acquistino (idealmente i prodotti più venduti e/o quelli con il margine più alto)
- Mantenere l'uniformità del design tra i diversi
tipi di pagina.
Che tu decida di evidenziare i tuoi bestseller o i nuovi arrivi, Ecwid ti consente di creare una categoria per prodotti in evidenza nella homepage e assegnagli un nome in base alle tue esigenze.
6 buone pratiche per E-commerce Layout del prodotto
Mentre puoi certamente creare uno schema di layout unico per il tuo
1. Promuovi i prodotti e le offerte migliori sopra la piega
L'area "above the fold" è lo spazio sullo schermo visibile quando i clienti arrivano per la prima volta sul tuo sito. Infatti, quest'area rappresenta L'80% dell'attenzione complessiva degli spettatori sulla maggior parte dei siti.
Considerato il tipo di attenzione che questo spazio riceve, è una buona idea posizionare i tuoi prodotti principali sopra la piega. Questo può includere:
- Ultime offerte, saldi e sconti
- Prodotto o categorie di prodotti più venduti
- Prodotti lanciati di recente (funziona meglio all'inizio della stagione degli acquisti)
On Target.com, ad esempio, vedrai le ultime offerte nella parte superiore della pagina:
Se hai molte offerte, considera di aggiungere uno slider, come questo esempio di Walmart. Nota anche le promozioni in esecuzione sotto il menu di navigazione:
Alcuni rivenditori di moda evitano i layout convenzionali a favore della promozione di un'immagine di marca. ASOS, ad esempio, si ottiene un'immagine del marchio con l'opzione "Acquista uomo" o "Acquista donna".
Questa tattica funziona quando si cerca di promuovere una visione di marca con un lookbook. La maggior parte dei rivenditori, tuttavia, otterrà risultati migliori con un lookbook convenzionale.
Segui la stessa idea nelle pagine delle categorie: spingi il tuo
2. Mescolare layout orizzontali e verticali
Esistono essenzialmente due modi per disporre i prodotti su una pagina: orizzontalmente o verticalmente.
Un layout orizzontale rimane statico. C'è un pulsante sul bordo della pagina per scorrere ulteriormente gli annunci.
Questo esempio di Amazon illustra meglio le cose:
In Ecwid, prodotti visionati recentemente vengono mostrati anche orizzontalmente. Puoi scegliere il numero di articoli da visualizzare in alto o in basso nella vetrina del tuo negozio.
Prodotti correlati è un altro
Al contrario, un layout verticale non ha questi pulsanti di scorrimento. Invece, vedi sempre più prodotti in un
L'ideale sarebbe utilizzare un mix di entrambi questi layout:
- Layout orizzontale quando si desidera mostrare alcuni prodotti da molte categorie, come in Prodotti visualizzati di recente
- Layout verticale quando si desidera mostrare molti prodotti della stessa categoria, ad esempio una ricerca e pagine di categoria
3. Seguire le convenzioni e le aspettative degli utenti
Ci sono situazioni in cui vorrai essere non convenzionale con il tuo design. Il layout del prodotto non è una di queste.
Il layout del tuo prodotto è pensato per orientare gli utenti quando arrivano sul tuo sito. Un layout convenzionale assicura che trovino ciò che vogliono e non si disorientino.
Le convenzioni, ovviamente, variano da settore a settore. Tuttavia, ci sono alcune cose che devi considerare:
Utilizzare un layout a griglia
In un layout a griglia, i prodotti sono disposti in
Questo layout è da tempo la convenzione per
Quando si utilizza questo layout, assicurarsi che le caselle abbiano tutte le stesse dimensioni. Come mostra questo studio di caso, utilizzando box di uguali dimensioni è possibile aumentare il fatturato per visitatore fino al 17%.
Se vendi con Ecwid, non è un problema: Ecwid ha una griglia di dimensioni uniformi che si adatta automaticamente a schermi diversi.
Mostra la navigazione nella parte superiore degli elenchi dei prodotti
Un'altra convenzione da seguire è quella di posizionare le opzioni di ordinamento nella parte superiore della pagina.
I clienti ormai si aspettano questo posizionamento e naturalmente guarderanno qui quando arrivano su una pagina di categoria.
Orientare i clienti con il breadcrumb
I breadcrumb sono elementi di navigazione che mostrano agli utenti il percorso dalla home page, in questo modo:
Aggiungerli in cima alla pagina aiuta a orientare i visitatori. Indica loro in quale pagina o categoria si trovano e come possono tornare alla home page.
4. Concentrati sugli elementi visivi, ma non dimenticare il testo nelle pagine dei prodotti
Online, l'unico modo per mostrare i tuoi prodotti è attraverso elementi visivi. Ecco perché è noto che le immagini di grandi dimensioni dei prodotti aumentano
Tuttavia, mentre gli elementi visivi sono importanti, il tuo layout dovrebbe anche avere spazio per il testo descrittivo. Un buon testo non solo descrive il prodotto, ma aiuta anche a venderlo e a vendere il tuo marchio.
Ad esempio, considera come BestMadeCo usa un testo forte sulla sua homepage per vendere un prodotto lanciato di recente. Il layout aiuta il testo a giocare perfettamente con l'immagine.
Copia del prodotto è particolarmente importante nelle pagine dei prodotti. Il tuo layout dovrebbe fornire ai clienti tutte le informazioni chiave di cui hanno bisogno per prendere una decisione proprio sopra la piega. Questo dovrebbe includere:
- Prezzo (compreso lo sconto, rappresentato visivamente)
- Valutazione del prodotto e numero di recensioni
- Nomi di prodotti e marchi
- Se il prodotto è disponibile in magazzino (e se le scorte stanno per esaurirsi)
- Dettagli per la spedizione
2-3 dettagli chiave del prodotto
Questo è un esempio di come non disporre i prodotti. La pagina del prodotto non ha alcun testo: è difficile prendere una decisione.
Come per la maggior parte delle cose, anche in questo caso il layout di Amazon è perfetto e fornisce ai clienti tutto ciò di cui hanno bisogno per prendere una decisione.
5. Aggiungere consigli sui prodotti e prodotti correlati
Nelle pagine dei prodotti, hai due obiettivi:
- Portare il cliente alla pagina di pagamento, oppure
- Chiedi al cliente di visualizzare un altro prodotto
Per quest'ultimo, dovresti avere una sezione di prodotti consigliati o correlatiPuoi posizionarlo dopo o prima delle informazioni sul prodotto.
Amazon lo fa particolarmente bene. Notate i prodotti correlati e gli elenchi "anche visualizzati" sotto la piega:
Se hai più prodotti nella stessa collezione, assicurati di visualizzarli. Ecco un buon esempio da WorldMarket:
Gli elenchi di prodotti correlati non devono sempre essere visivi. Puoi anche mostrare ricerche correlate per indirizzare i clienti verso articoli a cui potrebbero essere interessati.
Sperimenta diversi layout per prodotti correlati/consigliati. Prova a posizionarli sopra il footer, sotto la descrizione del prodotto, ecc.
6. Sperimenta i dettagli del mouseover sulle pagine delle categorie
Un modo per migliorare
Per esempio, questo sito mostra i dettagli del prodotto e un pulsante aggiungi al carrello al passaggio del mouse:
Lo scopo di questa tattica è di fornire agli utenti informazioni chiave a colpo d'occhio. Funziona meglio quando ci si aspetta che gli utenti scorrano rapidamente un gran numero di prodotti, come nei negozi di abbigliamento. Potrebbe non funzionare per altre categorie, ma è comunque possibile eseguire alcuni test split e vedere i risultati.
In Ecwid puoi abilitare i pulsanti "Acquista ora" negli elenchi dei prodotti per aiutare i tuoi clienti a sfogliare (e acquistare) rapidamente i tuoi prodotti.
Quando un cliente clicca su un pulsante del genere, il tuo negozio non aprirà l'intera pagina del prodotto. Invece, il tuo cliente vedrà un popup con le opzioni del prodotto:
Se il tuo prodotto non ha opzioni, verrà aggiunto direttamente al carrello.
Conclusione
Quando si tratta di layout del prodotto, è meglio attenersi alla convenzione e seguire ciò che i leader di mercato stanno già facendo. Cataloga i tuoi prodotti in dettaglio, categorizzali accuratamente, quindi organizzali in un layout a griglia standard.
Le best practice condivise sopra funzioneranno per la maggior parte dei negozi in tutti i settori. Provale nel tuo negozio!
- Come correggere la navigazione del tuo negozio
- Tutto quello che devi sapere sul merchandising dei prodotti
- Merchandising online: come disporre i prodotti nel negozio online
- Cos'è il Fashion Merchandising e perché è così importante?
- 10 errori di progettazione dei negozi online
- 15 abbinamenti di caratteri perfetti per il tuo sito di e-commerce
- Teoria del colore: tutto ciò che devi sapere sui temi dei colori
- 7 idee creative per la pagina del tuo prodotto di e-commerce
- Il potere di un'immagine eroe nel web design
Must-have Principi UX da seguire in un negozio online- Controllo del design del sito web
- Sbloccare il potere del design UX per l'e-commerce
- Qual è la differenza tra UI e UX nell'e-commerce?