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 ciò rientra nella scienza della progettazione dei negozi. Una disposizione ottimale del punto vendita può incrementare le vendite, migliorare la fidelizzazione e aiutare i clienti a trovare più velocemente ciò che cercano.
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 afferma che prendere decisioni è mentalmente impegnativo. Quando si pongono i consumatori di fronte a troppe scelte, è probabile che non riescano a scegliere affatto.
Come puoi superare questo problema nella disposizione del tuo negozio?
Una soluzione consiste nell'utilizzare immagini in evidenza che rimandino ad altri prodotti. Ad esempio, si noti come Made.com utilizzi immagini separate per intere categorie di prodotti (come "mobili da giardino"):
Consideratelo come un teaser per attirare gli acquirenti.
L'ideale sarebbe mantenere il tuo
Pertanto, prima di iniziare il processo di impaginazione , 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 anche ai siti web WordPress e Wix . Su Ecwid Instant Site è disponibile solo il menu orizzontale.
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.
In questa situazione, il tuo modello mentale dovrebbe essere quello di semplificare il processo decisionale e suscitare l'interesse del cliente. Chiediti: di quali informazioni minime hanno bisogno i miei clienti per 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 piccole imprese come Sand & Stone Jewelry le valutazioni non sono altrettanto importanti. Pertanto, le pagine di categoria 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
- Pagina iniziale
- 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.
Sia che tu scelga di mettere in evidenza i tuoi prodotti più venduti o le novità, Ecwid ti permette di creare una categoria per i prodotti in primo piano sulla homepage e di nominarla 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
La parte "above the fold" (sopra la piega) è lo spazio sullo schermo visibile quando i clienti accedono per la prima volta al tuo sito. Infatti, quest'area rappresenta l' 80% dell'attenzione di tutti gli utenti 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)
Su Target.com , ad esempio, vedrai le ultime offerte in cima alla 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 rinunciano ai layout convenzionali per promuovere l'immagine del marchio. Su ASOS , ad esempio, si trova l'immagine del marchio con l'opzione "Acquista da uomo" o "Acquista da 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, i prodotti visualizzati di recente vengono mostrati anche orizzontalmente. Puoi scegliere quanti articoli visualizzare in alto o in basso nella tua vetrina.
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, è importante assicurarsi che i riquadri abbiano le stesse dimensioni. Come dimostra questo caso di studio , l'utilizzo di riquadri di dimensioni uguali può aumentare il ricavo 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.
Il testo descrittivo del prodotto è particolarmente importante nelle pagine prodotto. Il layout dovrebbe fornire ai clienti tutte le informazioni chiave necessarie per prendere una decisione, direttamente nella parte superiore della pagina. Queste informazioni dovrebbero 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 caso, è consigliabile includere una sezione dedicata ai prodotti raccomandati o correlati . Questa sezione può essere posizionata 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
Ad 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?
