Aprire la strada all'acquisto: le migliori pratiche per l'esperienza utente di eCommerce

Le vendite di eCommerce continuano a crescere. I dispositivi mobili costituiscono la maggior parte del traffico eCommerce, ma i siti desktop hanno tassi di abbandono del carrello inferiori e valori medi di acquisto più elevati. L'eCommerce mobile è il futuro, ma se i designer desiderano massimizzare i profitti nel presente, devono migliorare i siti desktop con le migliori pratiche di eCommerce UX.

Il potenziale è sbalorditivo. Anno dopo anno, i guadagni dell'eCommerce aumentano. Le vendite offline rappresentano ancora la maggior parte delle entrate al dettaglio, ma l'arco ascendente dell'eCommerce è innegabile. Si prevede che quest'anno i rivenditori di eCommerce negli Stati Uniti raggiungeranno 840 miliardi di dollari di vendite, un livello che non avrebbero dovuto raggiungere fino al 2022.

Vorticosamente nello splendore statistico ci sono i proclami di un futuro dell'eCommerce dominato dai dispositivi mobili e per una buona ragione. I dispositivi mobili generano la maggior parte del traffico e delle entrate al dettaglio in tutto il mondo. Sfortunatamente, i dispositivi mobili non soddisfano due parametri chiave: i siti mobili hanno tassi di abbandono del carrello più elevati e valori medi di acquisto inferiori rispetto ai siti desktop.

Il destino dell'eCommerce è mobile? Indubbiamente. Ci sono soldi significativi da guadagnare ottimizzando i siti desktop con le migliori pratiche di eCommerce UX? Assolutamente.

L'esperienza dell'eCommerce in quattro pagine

Su desktop, quasi tutti i siti di eCommerce si basano su una sequenza di pagine simile per incanalare gli acquirenti attraverso il processo di vendita.

• Home page ordinate con proposte di valore irresistibili
• Pagine di categoria ben organizzate che sono facili da navigare
• Pagine di prodotto raffinate che combinano prove sociali e contenuti accattivanti
• Pagine di pagamento semplici che mostrano i progressi e fanno sentire gli acquirenti al sicuro

Il layout, il contenuto e la navigazione di ogni pagina esistono per aiutare gli acquirenti a trovare le informazioni che stanno cercando, avvicinandoli sempre più all'acquisto. Tutte e quattro le pagine devono funzionare in tandem per creare le esperienze di eCommerce senza interruzioni che gli acquirenti desiderano. Tutto inizia con la home page.

Home page ordinate

1. Rendi immediatamente evidente il valore del prodotto

Una home page è una prima impressione. Gli acquirenti devono essere in grado di accertare rapidamente il valore di un prodotto. Non utilizzare la home page per parlare di caratteristiche tecniche. Aiuta gli acquirenti a immaginare in che modo i prodotti risolveranno i loro problemi e miglioreranno le loro vite (il framework Jobs to Be Done è un utile punto di partenza).

Mantieni il copywriting breve e al punto. Usa foto che illustrino i vantaggi del prodotto. Se gli acquirenti devono leggere molto, scorrere molto o guardare video esplicativi prolissi per capire il valore, allora il valore non è immediatamente evidente.

2. Abilita la ricerca da qualsiasi luogo

I siti di e-commerce che vendono solo pochi articoli potrebbero non aver bisogno di barre di ricerca, ma con l'aumento delle offerte, la ricerca diventa un modo essenziale per i clienti di trovare prodotti in base ai loro modelli mentali. Le barre di ricerca permanenti assicurano che la ricerca sia disponibile ovunque su ogni pagina, ma è meglio rimuovere la ricerca dalle pagine di pagamento per motivi di conversione.

3. Dai ai prodotti nomi che hanno senso per gli acquirenti

I nomi dei prodotti che hanno un senso internamente possono lasciare perplessi gli acquirenti. Fornire contesto decisionale. I nomi basati sui numeri di modello o sulla tecnologia sottostante rischiano di alienare il profano. Lo stesso vale per i titoli eccessivamente carini o creativi. Scegli nomi di prodotti che indichino utilità o valore dal punto di vista degli acquirenti.

4. Evidenzia offerte e promozioni

Gli acquirenti vengono ai siti di eCommerce pensando a prodotti specifici. Quando offerte e promozioni si fondono nelle home page, passano inosservate. Richiama offerte con colori vivaci, testo in grassetto e foto a tutta pagina.

Se una vendita è di importanza secondaria, dovrebbe essere evidente ma non dovrebbe competere con la proposta di valore principale della home page. Se una promozione è la cosa numero uno che gli acquirenti devono sapere, punta i riflettori su di essa.

Pagine di categoria ben organizzate

1. Presenta i prodotti nelle griglie

Lo spazio offerto dagli schermi desktop è perfetto per le griglie dei prodotti. Le griglie si allineano con la scansione del modello F e consentono agli acquirenti di confrontare più prodotti rapidamente. Sono particolarmente efficaci per oggetti facili da spiegare nelle immagini. Per massimizzare il vantaggio delle griglie, cerca di mantenere il numero di elementi per riga tra due e quattro. A cinque o più prodotti, le griglie diventano molto più difficili da scansionare.

Bonus: le visualizzazioni elenco funzionano, ma sono più adatte per prodotti che richiedono spiegazioni più dettagliate.

2. Garantire una navigazione senza sforzo

La navigazione deve essere intuitiva. Gli acquirenti non dovrebbero avere difficoltà a passare da una pagina di categoria all'altra o abilitare i filtri dei prodotti. I siti con un numero elevato di prodotti in una singola categoria dovrebbero utilizzare la navigazione nella colonna di sinistra per consentire agli acquirenti di ordinare i prodotti in base a diversi attributi (ricerca a faccette).

3. Metti in mostra i bestseller

Contrassegna gli articoli più venduti con icone uniche o inseriscili nelle sezioni dei bestseller. Come mai? I bestseller sono una forma di prova sociale. Quando le persone sono incerte, guarderanno alle azioni degli altri per determinare le proprie. Ciò è particolarmente vero per i nuovi acquirenti.

Un principio simile si applica ai prodotti lanciati di recente. La presentazione di articoli nuovi e migliorati è più di una semplice tattica di vendita una tantum; è un modo per invogliare gli acquirenti a tornare per gli aggiornamenti in futuro.

Pagine dei prodotti lucidate

1. Attira con la prova sociale

La prova sociale infonde fiducia negli acquirenti. Le valutazioni e le recensioni hanno un profondo impatto sulle decisioni di acquisto, ma i siti desktop sono abbastanza spaziosi da poter gestire anche altre forme di prove sociali:

• Foto del prodotto scattate dai clienti
• Testimonianze di celebrità e influencer
• Citazioni da esperti
• Badge di approvazione da siti di recensioni indipendenti

L'obiettivo della prova sociale è aiutare gli acquirenti a sentirsi come se stessero prendendo decisioni informate in linea con le esperienze positive di altre persone.

2. Usa copia e immagini per mostrare la bella vita

Il contenuto dell'eCommerce dovrebbe essere informativo, ma c'è di più nella persuasione oltre ai fatti e agli elenchi di funzionalità. Usa testo e immagini per aiutare gli acquirenti a immaginare la bella vita che li attende dopo il pagamento.

Anche in questo caso, le dimensioni del desktop sono un vantaggio. Non c'è motivo per non utilizzare foto e video colossali o mostrare i prodotti da più angolazioni. Lo stesso vale per la copia. Non esitare a rendere le intestazioni enormi e circondare i blocchi di testo con una generosa quantità di spazi bianchi.

3. Guadagna di più con upsell e prodotti correlati

Se gli acquirenti non sono soddisfatti di ciò che vedono sulle pagine dei prodotti, non dovrebbero dover tornare alle pagine delle categorie per trovare altre opzioni. Invece, mostra loro prodotti alternativi a prezzi simili o opzioni più costose con caratteristiche, recensioni o riconoscimento del marchio migliori.

È anche possibile suggerire articoli correlati che completano la pagina del prodotto. Comprare scarpe? Perché non prendere anche i lacci delle scarpe e i plantari? Per ridurre l'attrito, assicurati che gli articoli correlati abbiano un'opzione "Aggiungi al carrello".

4. Progetta pulsanti "Aggiungi al carrello" grandi e in grassetto

Quando si tratta di pagine di prodotto, i pulsanti "Aggiungi al carrello" devono risaltare. Rendili grandi, ad alto contrasto e facili da fare clic. Resisti all'impulso di essere spiritoso e scrivi un testo di invito all'azione che sia inequivocabile e orientato all'azione.

Gli acquirenti devono ricevere un feedback visivo quando aggiungono articoli al carrello. Molti siti desktop lo fanno con sovrapposizioni di riepilogo del carrello che scorrono momentaneamente dal lato dello schermo (un modo creativo per consentire agli acquirenti di passare alla cassa o continuare a navigare).

Pagine di pagamento semplici

1. Mostra lo stato di avanzamento del pagamento degli acquirenti

Gli acquirenti di eCommerce trascorrono molto tempo ed energie alla ricerca di prodotti online. Quando sono pronti per l'acquisto, hanno bisogno di essere rassicurati sul fatto che la fine del processo è in vista. Una barra di avanzamento è un modo semplice per mostrare agli acquirenti dove si trovano durante ogni fase del pagamento.

2. Accetta più forme di pagamento

Convenienza e sicurezza sono le principali preoccupazioni degli acquirenti quando raggiungono i gateway di pagamento e sono due dei principali motivi dell'abbandono del carrello. Fortunatamente, c'è un numero crescente di opzioni di pagamento online che alleviano i timori sulla sicurezza e accelerano il checkout. Le opzioni di pagamento di terze parti supportate da società di fiducia (come Amazon e Apple) potrebbero essere più allettanti per gli acquirenti rispetto all'inserimento dei dati della carta di credito.

Vale anche la pena considerare le opzioni "acquista ora, paga dopo" (BNPL) come Paypal Credit e Klarna. BNPL è una forma di credito punto vendita che consente ai clienti di pagare i prodotti nel tempo dopo aver ricevuto la merce.

3. Considera il checkout degli ospiti

Il checkout degli ospiti potrebbe non essere adatto a tutti i rivenditori di eCommerce, in particolare quelli le cui strategie aziendali ruotano attorno alla generazione di account cliente. Tuttavia, è stato dimostrato che accelera il checkout, previene l'affaticamento nella creazione dell'account e riduce l'abbandono del carrello.

Un'alternativa è richiedere e-mail per la conferma dell'ordine, quindi seguire le offerte nei messaggi di spedizione e consegna.

4. Fornire un chiaro riepilogo dell'ordine

Questo è obbligatorio. Fornisci agli acquirenti riepiloghi degli ordini concisi che includono:

• Dettagli e quantità del prodotto
• Una ripartizione di tutte le tasse
• Dati di spedizione e fatturazione

È anche intelligente mostrare le immagini dei prodotti, ma assicurati che gli attributi corrispondano alle selezioni dei clienti (colore, dimensione, finitura, ecc.).

5. Aumenta la fiducia con badge di sicurezza e assistenza clienti

Dai fiducia agli acquirenti mostrando badge di sicurezza e approvazioni di terze parti. Il checkout è un ottimo posto per ricordare agli acquirenti le classifiche e le recensioni verificate.

Nelle vicinanze, includi funzionalità di supporto come chatbot, politiche di restituzione, collegamenti a domande frequenti e linee di assistenza clienti. Gli acquirenti potrebbero non utilizzare queste risorse al momento del pagamento, ma saranno tranquilli sapendo che esistono.

Osserva le migliori pratiche UX dell'eCommerce

Lo shopping è tattile. Il peso di un oggetto, i suoi angoli e bordi, la sua vestibilità e la sua sensazione: queste cose contano. In assenza di presenza, la familiarità e la dimensione espositiva sono determinanti. Desktop offre entrambi. È un paradigma comodo in cui gli schermi sono spaziosi, la navigazione è semplice e le immagini e i video sono più realistici.

Nonostante le sue carenze, la vendita al dettaglio mobile è un campo relativamente nuovo. Ci sono nodi da districare, ma resta il futuro dello shopping online. Fino ad allora, i designer fanno bene a trarre profitto dal presente ottimizzando i siti desktop con le migliori pratiche di eCommerce UX.

Fateci sapere cosa ne pensate! Si prega di lasciare i vostri pensieri, commenti e feedback qui sotto.

• • •

Ulteriori letture sul blog di Toptal Design:

• eCommerce UX: una panoramica delle migliori pratiche (con infografica)
• La guida definitiva alla progettazione di siti Web di e-commerce
• eCommerce 101: Capire l'abbandono del carrello (con infografica)
• eCommerce UX - Strategie e principi di progettazione essenziali
• Tendenze di spicco dell'e-commerce e loro influenza sul design (con infografica)