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
La prima reazione istintiva è quella di buttare via tutto, anche se spesso sono state intraprese azioni positive. Date priorità ai test A/B , alle interviste e ai dati, che sono i metodi migliori per capire quali parti della vostra pagina stanno ottenendo buoni risultati.
#3 Ottenere un feedback qualitativo e quantitativo
Ottieni un feedback qualitativo prima di riprogettare e prima di eseguire i test A/B . Spesso, i test A/B non raggiungono il risultato desiderato e solo attraverso le valutazioni qualitative si può scoprirne il motivo. Effettuare questo tipo di analisi prima del test può potenzialmente evitare una serie di test successivi.
#4 Prova più varianti
Spesso, i vostri stakeholder vogliono solo confrontare la nuova versione con quella vecchia. Il problema è che non saprete come interpretare i risultati del test. È stato il design? È stato il contenuto? Testate il vecchio contenuto nel nuovo design e il nuovo contenuto nel vecchio design. Testare sezioni della pagina è un altro modo per capire perché un design funziona bene o male.
#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 homepage rappresenta spesso la prima impressione che gli utenti avranno del tuo sito, quindi è importante comunicare un messaggio di brand forte e chiaro. Quali sono le strategie per una homepage 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 distingue il tuo marchio dalla concorrenza. Perché i consumatori dovrebbero scegliere di acquistare da te? I tuoi prezzi sono bassi? Offri spedizioni più rapide? La qualità dei tuoi prodotti è superiore?
#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.
La prima impressione è fondamentale per un marchio. Le scelte di design che compi possono determinare se gli utenti continueranno a fare acquisti sul tuo sito o se lo abbandoneranno del tutto. Comprendere l' importanza della homepage è essenziale per costruire un negozio online di successo.
#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 qualsiasi decisione di design, analizza i tuoi dati e scopri di più sui tuoi clienti . Quali browser o dispositivi utilizzano? Quali termini di ricerca usano per trovarti? Quali prodotti o categorie sono più popolari? Conoscere queste informazioni ti aiuterà a mostrare i contenuti più pertinenti sulla tua homepage.
#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 homepage di e-commerce dagli esperti , Takeshi Young, @Optimizely
Contesto e traduzione: Kaouthar, attivista UX @UX-Republic
