Best practice per migliorare UX e vendite nell’eCommerce
Ottieni template, casi studio e insights per far crescere il tuo eCommerce
Migliorare la UX e tasso di conversione di un eCommerce
Lo shopping online è diventato una delle tendenze in più rapida crescita al mondo. Solo cinque anni fa, il mercato globale dell’e-commerce valeva 1,3 trilioni di dollari. Nel 2019 vale quasi il triplo . Sempre più persone stanno iniziando ad apprezzare la comodità di ordinare online di tutto, dai vestiti alla spesa. Per molti negozi di e-commerce, anche una differenza dello 0,5% nel tasso di conversione può fare la differenza di migliaia di dollari di entrate annuali. Questo è il motivo per cui è della massima importanza che l’esperienza dell’utente nel tuo negozio di e-commerce abbia tutta la tua attenzione, poiché è direttamente correlata al profitto.
Infatti sappiamo che il costo per ordine di un eCommerce, ovvero quanto spende per generare una vendita, corrisponde alla formula matematica:
CPO = CPC/CR
Questo dimostra come la UX ed il tuo tasso di conversione sia un fattore essenziale se vuoi crescere.
Oggi un cliente ha una miriade di scelte quando si tratta di acquisti online. Se il sito web è confuso, poco attraente o addirittura utilizza schemi oscuri , sceglierà di acquistare da qualche altra parte, oppure effettuerà l’acquisto ma non tornerà mai più sul tuo sito. Puoi migliorare l’esperienza dell’utente seguendo sei importanti regole di usabilità nell’e-commerce. Se vuoi conoscere queste regole, continua a leggere!
Suggerimento 1: Rendi le categorie facili da capire
Principali categorie e sottocategorie nel concetto di negozio di moda
La facilità di navigazione è una delle sfide principali: gli utenti vogliono trovare rapidamente i propri articoli. È particolarmente importante se l’utente desidera trovare qualcosa di specifico sul tuo sito Web, ad esempio scarpe da ginnastica bianche in un negozio con migliaia di scelte. Trovare la categoria giusta è di solito il primo passo (a meno che l’utente non navighi utilizzando una barra di ricerca).
Le categorie dovrebbero sempre riflettere il modello mentale dei tuoi utenti, dove si aspettano di trovare l’articolo, e non l’organizzazione dei tuoi sistemi o magazzino. Puoi verificare le tue categorie testando sempre la navigazione con utenti reali. Le tecniche più utili e ampiamente utilizzate per testare le categorie sono il test sugli alberi e il card sorting .
Le categorie dovrebbero anche essere facilmente accessibili dalla navigazione principale, ma ricorda che avere troppe categorie diminuisce la leggibilità, quindi se questo è il caso del tuo negozio, prova a creare un paio di categorie principali e poi elenca il resto come sottocategorie. L’utente dovrebbe essere in grado di accedere sia alla pagina della categoria principale che a una pagina della sottocategoria.
Best practice per la creazione di categorie di prodotti:
- Se un prodotto rientra in alcune categorie diverse, inseriscilo in ognuna di esse. Questo rende l’oggetto più facile da trovare.
- I nomi delle categorie dovrebbero riflettere il modo in cui pensano gli utenti, non come pensano il business/la tecnologia.
- Cerca di limitare il numero di categorie per non sovraccaricare gli utenti con troppe scelte.
- Se hai molte categorie, dividile in categorie principali e sottocategorie.
- Testa sempre le categorie prima di andare in diretta per assicurarti che la navigazione sia facile e intuitiva.
Suggerimento 2: Ricerche e barra di ricerca facili da capire
Risultati di ricerca suggeriti dinamicamente e supporto per errori di battitura nel concetto di negozio di moda
L’uso delle barre di ricerca è ancora popolare, specialmente nell’e-commerce, ma dovresti capire perché alcuni utenti usano una barra di ricerca e altri navigano. Un articolo di Cludo lo riassume perfettamente:
Le persone che utilizzano la casella di ricerca sanno esattamente cosa stanno cercando, spesso tanto quanto il nome di un prodotto effettivo. Le persone che navigano esplorano più contenuti correlati. Gli utenti che utilizzano la ricerca sono spesso nella fase avanzata della modalità di acquisto, quando hanno raccolto tutte le informazioni che ritengono necessarie e hanno preso una decisione su quale prodotto acquistare.
Questo è il motivo per cui è importante considerare la funzione di ricerca sul tuo sito web. Di seguito sono riportati suggerimenti per supportare una solida funzione di ricerca.
Posiziona una barra di ricerca in un punto visibile del sito Web, accessibile da ogni sottopagina.
Gli utenti dovrebbero essere in grado di trovare rapidamente una barra di ricerca, quindi assicurati che sia visibile (anche sui dispositivi mobili). Mostrare solo un’icona di ricerca non è sufficiente: visualizza un input di testo intero o almeno un input parziale.
Suggerisci i risultati in modo dinamico mentre l’utente digita una query.
Come accennato in precedenza, le persone di solito utilizzano le caselle di ricerca nei negozi di e-commerce quando cercano qualcosa di specifico. Ad esempio, può essere un marchio, un modello di prodotto o un tipo di abbigliamento (ad esempio un vestito bianco).
Suggerendo dinamicamente risultati corrispondenti quando l’utente sta digitando, riduci sostanzialmente il tempo necessario per completare l’attività di ricerca e il numero di errori (errori di battitura).
Supporta gli errori di query.
Le persone commettono sempre errori di ortografia. A volte non ricordano il nome esatto dell’oggetto e quindi indovinano. Pertanto, è necessario visualizzare i risultati della ricerca in un modo che tenga conto degli errori. Non c’è niente di peggio di un utente che vede “Nessun risultato”, quindi il tuo compito è non permettere mai che questa situazione accada.
Riepilogo delle best practice per le barre di ricerca:
- Rendi la barra di ricerca visibile e facilmente accessibile da tutte le pagine.
- Supporta gli errori di battitura nelle query di ricerca: gli utenti commettono errori, quindi aiutali.
- Mostra prodotti simili o suggeriti quando nulla corrisponde alla query.
- Se possibile, suggerisci dinamicamente i risultati della ricerca.
- Pensa ai casi limite (ad es. se alcuni dei tuoi prodotti hanno nomi di 2 caratteri, assicurati di supportare le ricerche di 2 caratteri).
Suggerimento 3: Usa filtri minimi ma utili
Semplici filtri nel concetto di negozio di moda
Alcuni negozi di e-commerce hanno centinaia di migliaia di prodotti. È difficile per gli utenti navigare, quindi queste aziende utilizzano i filtri disponibili. I filtri dovrebbero essere facilmente accessibili e visibili nell’elenco dei prodotti. Per progettarli, devi prima capire come gli utenti cercano i tuoi prodotti. Alcuni filtri sono più importanti di altri, ad esempio la fascia di prezzo è solitamente uno dei fattori più importanti per i clienti.
Quando si progettano i filtri, è importante considerare non solo il loro ordine, ma anche il metodo di input. Per i filtri in cui conta la precisione, di solito è meglio fornire input di testo piuttosto che solo cursori; oppure puoi fornire entrambi. È inoltre possibile utilizzare intervalli predefiniti, campi di selezione singoli o multipli, ecc. Selezionare sempre il metodo di inserimento che consente l’utilizzo più rapido in base al tipo di dati e al contesto dell’utente.
Devi anche scegliere tra l’ordinamento dinamico e l’ordinamento su comando dell’utente. Con l’ordinamento dinamico, i risultati cambiano immediatamente dopo che l’utente ha scelto un filtro. Con l’ordinamento a comando utente, l’utente deve prima confermare la sua scelta, e solo allora vengono mostrati i risultati. Entrambi questi metodi sono usati quasi con la stessa frequenza. La scelta tra di loro può dipendere principalmente da due considerazioni:
- (1) Il numero di prodotti nel tuo negozio di e-commerce e come è progettato il back-end.
Affinché l’ordinamento dinamico funzioni, i risultati devono essere ordinati quasi immediatamente e non è sempre possibile a causa di problemi tecnici.
(2) Il tipico caso d’uso
I tuoi utenti selezionano più di un filtro alla volta? O di solito scelgono solo un filtro e poi, se necessario, selezionano un secondo filtro? Immagina di essere alla ricerca della t-shirt perfetta, ma sei interessato solo a colori specifici. Probabilmente saresti irritato se l’elenco dei prodotti continua ad aggiornarsi dopo ogni colore che scegli. Ma se stavi navigando nel sito Web di noleggio hotel e scegliendo il prezzo massimo per notte, probabilmente preferiresti che i risultati si aggiornassero più velocemente.
Suggerimento 4: Dai informazioni già nella lista dei prodotti
Elenco dei prodotti e offerta della schermata iniziale nel concetto di negozio di moda
In un negozio in cui ci sono molti prodotti, i tuoi utenti possono facilmente sperimentare il paradosso della scelta : più opzioni devono scegliere, più si sentono sopraffatti. Un elenco di prodotti consente all’utente di prendere una decisione su quali prodotti visualizzare. Puoi supportare questo processo visualizzando informazioni che li aiuteranno a trovare ciò che stanno cercando più rapidamente. Questa informazione è solitamente il prezzo, ma non sempre. Può essere la taglia (o le taglie disponibili), le variazioni di colore, il tipo di modello, ecc. Oltre al prezzo, non visualizzare più di una o due informazioni aggiuntive, in quanto renderebbe più difficile la scansione dell’elenco e renderebbe la pagina sentirsi travolgente.
C’è anche un’altra decisione che devi prendere: se fornire (a livello di elenco prodotti) un’opzione per aggiungere il prodotto al carrello Dipende esclusivamente dal tipo di prodotto. Se si tratta di un articolo che gli utenti potrebbero voler acquistare senza entrare nei dettagli (ad es. prodotti alimentari), puoi aggiungere un’opzione per aggiungere rapidamente il prodotto al carrello, in modo che gli utenti non debbano eseguire un passaggio aggiuntivo ogni volta. Ma se il prodotto richiede la selezione di alcune proprietà (come la taglia o il colore di una gonna) o è un prodotto costoso (ad esempio una fotocamera), non ha senso aspettarsi che gli utenti lo aggiungano al carrello senza andare al prodotto pagina.
Suggerimento 5: Rendi la scheda prodotto veloce da capire
Presentazione del prodotto nel concetto di negozio di moda
Di solito è nella pagina del prodotto che l’utente deciderà se acquistare o meno un prodotto. Pertanto, è estremamente importante visualizzare informazioni che lo supportino nel processo decisionale, ma che non lo inondino di dettagli.
Solo le informazioni critiche dovrebbero essere visibili a prima vista, tutto il resto dovrebbe essere facilmente accessibile, ma non affollare la visuale. Ad alcuni utenti va bene effettuare un acquisto basandosi solo sulle informazioni di panoramica, mentre altri vogliono sapere tutto ciò che riguarda il prodotto prima dell’acquisto. Devi ospitare entrambi i tipi sul tuo sito web.
Elementi che supportano buone pagine di prodotto:
- Un set di foto di alta qualità del prodotto da diverse angolazioni (a volte anche con vista a 360°)
- Panoramica del prodotto
- Prezzo del prodotto visibile
- Pulsante di invito all’azione accattivante
Suggerimento 6: Semplifica al massimo il checkout
Checkout senza distrazioni nel concetto di negozio di moda
Il processo di checkout può creare o distruggere il tuo tasso di conversione. Condurre gli utenti attraverso le fasi finali del processo di vendita è assolutamente fondamentale, quindi deve essere il più agevole possibile.
Gli errori più comuni sono:
- Affollare il processo di pagamento su una lunga pagina
- Sovrapponendolo con troppe informazioni (come prodotti o annunci consigliati)
- Fornire agli utenti un modo semplice per uscire dal processo di pagamento (come la visualizzazione della navigazione completa)
Tutti questi errori possono avere un enorme impatto sul numero di abbandoni del carrello.
Suddividere il processo di checkout in passaggi più piccoli riduce il carico cognitivo e consente una stima più semplice della progressione, il che fa sembrare il processo più veloce da completare. Per le casse con un valore medio del carrello elevato, è bene visualizzare un riepilogo dell’ordine ad ogni passaggio (o almeno prima del pagamento), perché i tuoi clienti potrebbero sentirsi ansiosi di commettere errori se devono pagare molto.
Dopo aver completato l’ordine, invia un’e-mail con il riepilogo dell’ordine e visualizzalo sul sito web. Nel riepilogo dell’ordine è bene includere cose come il prodotto ordinato, l’importo pagato, la stima della data di arrivo del pacco e l’indirizzo di consegna.
Riepilogo delle migliori pratiche per il processo di pagamento:
- Non utilizzare mai motivi scuri per manipolare l’utente o per aumentare il valore del carrello.
- Mostra solo le informazioni necessarie per completare l’acquisto.
- Mostra i passaggi visibili del processo di pagamento e offri la possibilità di passare facilmente da un passaggio all’altro senza perdere dati.
- Mostra il riepilogo dell’ordine ove possibile in modo che l’utente possa avere un senso di controllo e chiarezza. (Questo è particolarmente importante per i prodotti costosi.)
- Consentire all’utente di modificare facilmente i contenuti del carrello (ad esempio, modificare la quantità, rimuovere dal carrello, collegare al prodotto).
- Mostra una navigazione minima del sito web, preferibilmente limitando le opzioni per tornare alla pagina del negozio.
- Conservare il contenuto del carrello dell’utente per un certo periodo di tempo (preferibilmente a tempo indeterminato), anche se lascia il sito web. In questo modo, può facilmente continuare da dove si era interrotto, se decide di tornare sul tuo sito.
Italian
English