E-commerce User Experience: una gallery di coccole ai clienti

E' passato un po' di tempo da quando ho scritto questo articolo.
Il mondo del digital è sempre in evoluzione e potresti trovare delle informazioni non più aggiornate.

Nel mio passato per mantenermi gli studi, ho dovuto fare anche il commesso in un negozio di abbigliamento la domenica pomeriggio: non mi piaceva molto ma ricordo ancora benissimo le regole d'ingaggio.

Quando un cliente entra in negozio, lo devi salutare con il sorriso, lo devi accogliere e devi saperlo aiutare nella scelta del capo giusto, dei giusti abbinamenti e dei prodotti adatti alle capacità di spesa che ha.

 

Insomma...si deve coccolare il cliente da quando entra a quando esce!

In questo post ho voluto raccogliere alcune coccole che i principali negozi online riservano ai propri clienti durante la loro esperienza di ricerca e acquisto prodotti.

Cliccando su ogni singola foto, potete vedere le immagini ingrandite e sfogliarle con uno slideshow.

Se desiderate aggiungere o suggerirmi altri esempi utili, sentitevi liberi di commentare il post! Siete i benvenuti. :-)

1. Filtri ed ordinamenti - nike.com

Un buon sistema di filtri potrebbe essere la chiave di successo di un e-commerce: Nike presenta un sistema di filtering ben organizzato con una pulsantiera posizionata appena al di sopra del listing prodotto che permette il filtro, l'ordinamento e la navigazione paginata dei prodotti per diverse dimensioni.

2. Spiegazione caratteristiche prodotti - levi.com

Per chi vuole comprare un paio di jeans Levi's ma non sa che la differenza tra il modello 501 ed il 505, il sito permette attraverso delle immagini e dei link di approfondimento, di avere maggiori informazioni sulle caratteristiche dei modelli.

3. Confronto tra prodotti simili - dell.com

Per un e-commerce che vende computer, come Dell.com, è molto importante che gli utenti possano eseguire in modo semplice dei confronti tra caratteristiche di più prodotti.

4. Menù di navigazione - dell.com

Dell.com fornisce per la navigazione per categorie di prodotto un menù drop-down piuttosto esteso con voci di menù dal labeling brillante e facilmente comprensibile.

5. Ricerca prodotti per categoria con autocompletamento - walmart.com

Walmart.com pone particolare attenzione alla funzionalità di ricerca, offrendo la possibilità di ricercare per categoria, aiutando l'utente con l'autocompletamento..

6. Link contestuali vicino alla ricerca - zappos.com

Zappos.com fornisce accanto alla form di ricerca libera dei link contestuali con le ricerche più frequenti ed una pagina che permette la ricerca verticale per taglia.

7. Informazioni complete scheda prodotto - zappos.com

La scheda prodotto di zappos.com è davvero molto completa e fornisce un sacco di informazioni utili e di approfondimento sul prodotto: un'area dedicata alle review dei clienti (verde), una spiegazione video (in giallo), info di approfondimento sulle taglie (rosso) e i dettagli sulle spedizioni a fianco al bottone di aggiunta al carrello (blu).


8. Header - Nokia.com

Adoro il bottone nell'header per accedere al carrello con un labeling adatto ("il tuo carrello") abbinato ad icona evidente e descrittiva della metafora del carrello.

9. Header - net-a-porter.com

Mi piace molto la scelta dell'icona della shopping bag, ideale  stylish quanto basta per uno store di abbigliamento di moda online.

10. Pagina di cambio lingua - apple.com

La pagina di cambio lingua, come dice il buon Jakob Nielsen, dovrebbe avere i link scritti nella lingua di destinazione. Ad esempio il link alla due versioni belga del sito di Apple sono scritti nelle due diverse lingue (fiammingo e francese), ovvero België e Belgique.

11. Gestione riconoscimento lingua utenti - gap.com

Gap.com se riconosce attraverso i servizi di geolocalizzazione dell'IP che un utente sta navigando in una versione del sito di una nazione diversa da quella dell'utente, offre un overlayer che permette un semplice cambio nazione. Questo aspetto è sicuramente molto importante, specie se si considera che un utente che naviga in un mercato sbagliato potrebbe vedere prodotti che nel suo Paese non sono disponibili, prezzi diversi, sconti non applicabili, ecc.

12. Bottone aggiunta alla shopping bag - puma.com

La scelta dei bottoni e delle icone è molto importante per incrementare il tasso di conversione. Puma.com dal mio punto di vista ha lavorato molto bene, fornendo all'utente un bottone evidente e che spiega in modo immediato la metafora dell'aggiunta alla shopping bag.

13. Iscrizione alla newsletter - oldnavy.gap.com

Molto spesso gli utenti si trovano all'interno della pagine web delle form "sterili" che invitano all'inserimento dell'e-mail in un campo di testo. Perchè dovrebbero inserire lì il loro indirizzo e-mail? Old Navy, un e-commerce di gap.com, spiega all'utente i motivi di iscrizione alla newsletter con il messaggio promozionale "Iscriviti e risparmia".

14. Il paradiso dell'upselling - amazon.com

Come le commesse un po' intraprendenti (per alcuni magari un pochettino invadenti), amazon.com propone ai propri utenti in alcune aree secondarie della pagina dei prodotti correlati basandosi sul loro percorso di navigazione. Di seguito un paio di esempi che mostrano gli ultimi prodotti visti e i prodotti che altri utenti hanno acquistano assieme al prodotto che si sta visualizzando.

15. Dressing room - shop.hm.com

Per i feticisti dell'e-commerce, lo shop di H&M, offre ai propri utenti la possibilità di svestire e vestire modelli e modelle abbinando i vestiti che vorrebbero acquistare.

16. Footer di help - toysrus.com

Il negozio di giocattoli Toy 'r us trasforma il footer in un'area di help fornendo tutti i link necessari per ricevere aiuto durante la navigazione: informazioni sulle spedizioni, il tracciamento e cancellazione degli ordini, metodi di pagamento, ecc.

17. Video su informazioni di pagamento - Google e-commerce, Checkout

Google per spingere gli utenti ad utilizzare il prodotto "Google Checkout" ha creato dei video che spiegano in modo chiaro il funzionamento del loro metodo di pagamento: sicuramente un esempio da replicare per guidare l'utente con informazioni visuali all'acquisto.

18. Pagina 404 - Apple.com

Mi piace l'inserimento del menù di navigazione completo all'interno della pagina 404.

Altri post che potrebbero interessarti: