La home page è spesso la pagina più visitata di un sito di e-commerce.

Il ruolo di questa pagina è creare fiducia, aumentare le vendite e fidelizzare i clienti.
Creare una landing page efficace può essere un compito difficile. Se hai centinaia o migliaia di prodotti in dozzine di categorie, può essere difficile impostare una pagina di destinazione che mostri efficacemente i tuoi prodotti senza essere troppo aggressiva.
La tentazione è spesso quella di mettere tutto ciò che hai, il che porta a un certo pasticcio che fa sì che gli utenti lascino il sito in questione. Per tutti questi motivi, abbiamo scelto di tradurre un articolo di Takeshi Young per il blog Optimizely, 36 Best practice per la progettazione di home page di e-commerce da parte degli esperti. 

Per aiutarti a creare una homepage efficace, trovi di seguito i consigli di diversi esperti nel campo dell'e-commerce, che condividono i loro migliori consigli.

Alessandra Meza
Direttore UX, Stella & Dot

Le parti interessate vogliono sempre un nuovo fantastico design, ma spesso non capiscono perché o quali siano effettivamente i problemi.

#1 Inizia identificando i problemi

Comprendi perché i tuoi stakeholder vogliono cambiare il sito. Creare obiettivi e presupposti chiari prima di progettare. È importante che tutti siano d'accordo su quali saranno gli indicatori di successo. Fai un'indagine completa su ciò che non va nel tuo sito. Lavora sulla conversione, sulla frequenza di rimbalzo e ottenendo un feedback qualitativo dagli utenti. Guarda diversi segmenti di pubblico per identificare quali sono i problemi.

#2 Tieni a mente ciò che hai imparato

Il primo istinto è quello di buttare tutto nella spazzatura, quando spesso sono state commesse buone azioni. Dare priorità A / B testing, interviste e dati, quali sono i modi migliori per vedere quali parti della tua pagina stanno andando bene.

#3 Ottenere un feedback qualitativo e quantitativo

Ottieni un feedback qualitativo prima della riprogettazione e prima del tuo A / B testing. Il test A/B spesso non riesce a raggiungere l'obiettivo desiderato e solo attraverso valutazioni qualitative scoprirete il perché. Se si esegue questa operazione prima del test, si risparmiano potenzialmente una serie di test successivi.

#4 Prova più varianti

Spesso i tuoi stakeholder vogliono testare solo la nuova versione rispetto a quella precedente. Il problema è che non saprai come interpretare i risultati del test. Era il disegno? Era il contenuto? Testa i vecchi contenuti nel nuovo design e i nuovi contenuti nel vecchio design. Testare le sezioni della pagina è anche un altro modo per capire perché un progetto funziona o fallisce.

#5 Avere una visione sui prossimi passi

Vorremmo tutti una percentuale di successo del 100%, ma pianifichiamo cosa considerare se i risultati non sono quelli che ti aspettavi. Le parti interessate potrebbero comunque voler dare il via al nuovo design a causa di tutto il lavoro e gli sforzi profusi. Al posto di quello, cerca di concentrarti su come puoi iterare sul design o su come accettare che il vecchio design funzioni meglio. Nel riepilogo del test, fai la distinzione tra voler andare avanti e attenersi a un progetto approssimativo. La prospettiva di conversione per indurre all'acquisto è la priorità.
L'avvio della home page è solo il primo passo. Successivamente, è importante mantenere la pagina aggiornata regolarmente con nuovi contenuti per mantenere gli utenti abbastanza interessati da farli tornare. Crea spazi in cui i contenuti possono essere aggiornati facilmente, regolarmente e rapidamente. Utilizza i moduli di contenuto automatizzati per evidenziare articoli nuovi o consigliati.

Teresa Kokot
Architetto senior, LYONSCG

La home page è spesso la prima impressione che gli utenti avranno del tuo sito. è quindi importante comunicare forte e chiaro il messaggio del tuo brand. Quali sono le strategie per una landing page di e-commerce di successo?

#6 Keep It Simple 

Mantieni la semplicità! I rivenditori hanno tradizionalmente utilizzato il sito come luogo per comunicare sull'azienda e sui suoi prodotti. Tuttavia, gli studi hanno dimostrato che più messaggi ci sono sulla pagina, più il tuo utente deve elaborarli e maggiore è il carico cognitivo. Il risultato finale è che tutti i messaggi vengono diluiti e l'utente non è guidato su cosa fare dopo.
Fornire un messaggio forte e unificato rappresenta il tuo marchio e utilizzarlo per guidare i tuoi utenti può aiutarli a iniziare rapidamente il processo di acquisto. il A / B testing può aiutare a indirizzare i messaggi che migliorano la conversione.

#7 Rendi la ricerca fluida

Una home page senza navigazione globale e nessun modo ovvio per trovare quello che stai cercando? Gli studi hanno dimostrato che quando gli utenti non riescono a trovare ciò che stanno cercando, lasciano rapidamente il sito.
Come minimo, la navigazione globale dovrebbe apparire sulla home page e in ogni pagina per consentire agli utenti di trovare i prodotti. Ma è anche molto importante pianificare anche la presentazione dei prodotti più ricercati. Non aspettarti che i tuoi utenti siano investigatori!

#8 Pensare Responsive

C'era una volta, i rivenditori online avevano siti separati per dispositivi mobili e desktop. Sempre di più assistiamo ad un'evoluzione dei siti di e-commerce verso il di risposta, dove viene utilizzata la stessa base di codice e il contenuto definito in base al mezzo.
Ci sono diversi vantaggi in questo approccio, tra cui una migliore ricercabilità, aggiornamenti dei contenuti senza perdita di dati tra diversi dispositivie soprattutto un'esperienza utente coerente. Ma in aggiunta, il A / B testing è molto più facile da fare con una base di codice unificata.

Kenny Rosemberg
Designer/Sviluppatore, Acceleratore del valore del marchio

Gli utenti devono capire immediatamente cosa differenzia il tuo marchio dai suoi concorrenti sul mercato. Perché il consumatore dovrebbe scegliere di acquistare da te: i tuoi prezzi sono bassi? Hai una spedizione più veloce? Hai una migliore qualità del prodotto?

#9 Stabilire una proposta di valore chiara

Dal momento in cui l'utente raggiunge il tuo sito, devi realizzare immediatamente un impatto. Un buon chiaro esempio di una proposta di valore è attivo Indochino.
Il primo banner visualizzato dall'utente dice "Completi moderni su misura realizzati con le migliori lane, giusto in tempo per l'autunno", quindi viene associato un pulsante di azione "Acquista ora" e "Risparmia il 50% su una selezione di costumi da bagno per l'autunno ”.
Quindi non solo gli utenti sono consapevoli di poter avere abiti su misura di qualità, ma sanno anche che possono ottenere un buon prezzo per questo. Questo attira istantaneamente l'utente un passo avanti verso una conversione.

#10 Usa immagini accattivanti che puntano direttamente alle collezioni di prodotti

Perché indirizzare il traffico verso le pagine delle raccolte? È importante non isolare l'utente in un prodotto specifico, dargli la possibilità di esplorare più prodotti e sfogliare liberamente le tue collezioni senza premere il pulsante Indietro. Devono arrivare alle pagine delle tue collezioni attraverso le immagini dei modelli o qualche altro tipo di immagine, devi rendere l'esperienza dell'utente ancora più piacevole per loro.
Un buon esempio con gli orologi di MVMT. Una volta atterrato sul sito, puoi facilmente fare clic sulla categoria del tuo prodotto preferito.

#11 Semplifica la tua navigazione, aggiungi una barra di ricerca

Aiuta gli utenti a trovare ciò che stanno cercando con il minimo sforzo. Prendi in considerazione l'aggiunta di una barra di ricerca e di dare al tuo target un approccio minimalista. È ciò che metti nella navigazione che farà la differenza. Molti marchi vorranno mettere un sacco di cose nella navigazione pensando che più opzioni siano migliori. È vero il contrario. Più opzioni, più difficile è fare acquisti.

Rick Wilson
Presidente COO, Miva, Inc.

Le prime impressioni sono fondamentali per un marchio. Le scelte di progettazione che fai potrebbero determinare se gli utenti continuano a fare acquisti o abbandonano il tuo sito per sempre. Venire a conoscenza di ruolo importante della homepage è la chiave per creare un fiorente negozio online.

#12 Sposta i tuoi utenti lontano dalla home page

Questo può sembrare in contraddizione con la frase di cui sopra, ma è vero. Vuoi che gli utenti effettuino acquisti, a meno che tu non stia solo vendendo un prodotto, questi acquisti non verranno effettuati sulla home page.
La tua home page dovrebbe offrire una navigazione chiara e un flusso regolare per intrattenere l'utente abbastanza incuriosito da scoprire di più.

#13 Non opprimere l'utente

Abbiamo tutti sentito le discussioni sull'opportunità o meno di mantenere tutti i contenuti importanti del tuo sito above the fold. Non importa dove ti trovi, resta il fatto che la massima visibilità di una pagina è la parte superiore di essa.
Questo dovrebbe darti un motivo in più per non collegare ogni pixel a link, messaggi o promozioni. Meno dai all'utente, più facile sarà per lui prendere una decisione su cosa fare dopo. Semplifica la navigazione e la messaggistica per limitare il processo decisionale a categorie più ampie e lasciare filtri complessi alle pagine delle tue sottocategorie.

#14 Conosci il tuo obiettivo

Prima di prendere decisioni di progettazione, immergiti nei tuoi dati e saperne di più sui tuoi clienti. Quali browser o "dispositivi" utilizzano? Quali termini di ricerca usano per trovarti? Quali prodotti o categorie sono i più popolari? Conoscere queste informazioni ti aiuterà a visualizzare i contenuti più rilevanti sulla tua home page.

#15 Sii ricordato

Cosa rende il tuo negozio online migliore di qualsiasi altro concorrente? Se un cliente effettua un acquisto, cosa si dovrebbe fare per incoraggiarlo a farne un altro?
La home page è il luogo perfetto per mostrare il tuo vantaggio competitivo, la tua personalità o qualcosa di veramente interessante e unico della tua attività. Lascia un'impressione duratura e dai un'anima alla tua homepage! La home page è un potente gateway per la tua attività e può essere un importante fattore di differenza per le tue vendite online, se sfruttata correttamente.

Giacomo Spence
Lead Web/UX Designer, Bonanza

Qui a Bonanza, abbiamo recentemente lanciato una revisione completa della nostra piattaforma di e-commerce. Abbiamo studiato e messo in pratica con successo un punto importante che dovresti trovare utile per i tuoi progetti di riprogettazione grafica della tua home page.

#16 Racconta una storia

La tua home page è un'opportunità per creare una buona immagine della tua attività, non solo di ciò che stai vendendo. Mostra chi sei e perché le persone dovrebbero comprare da te. Mentre gli utenti navigano, falli conoscere meglio ciò che distingue il tuo marchio dagli altri.
Se il tuo catalogo è ricco, bilancia le tue pagine con recensioni, testimonianze, collezioni uniche e contenuti specifici del marchio. Usa la navigazione per evidenziare ciò che offri in modo diverso dai tuoi concorrenti.

PORTA VIA

Anche una homepage ben progettata fallirà se non è utile agli utenti che visitano il sito. Scopri chi sta visitando il tuo sito, cosa stanno cercando e perché sceglieranno te rispetto ai tuoi concorrenti. Usa queste informazioni per determinare cosa sta succedendo sulla pagina e misurare il loro rendimento.
Non esitate a condividere con noi i vostri consigli per creare una home page che non sia solo ben progettata dal punto di vista ergonomico e grafico, ma che aiuti anche a fidelizzare gli utenti attivi. L'obiettivo è sempre quello di ottimizzare il processo di conversione.
Vi invito anche a leggere l'articolo Buone pratiche di e-commerce che ti aiuterà a identificare quali sono i diversi profili utente.

FONTE

36 Best practice per la progettazione di home page di e-commerce da parte degli esperti, Takeshi Young, @Optimizely

Contestualizzazione e traduzione: Kaouthar, UX-Activist @UX-Repubblica

 

---