30 Suggerimenti di progettazione UX per garantire un'esperienza di e-commerce positiva

Pubblicato: 2017-06-14

L'e-commerce ha cambiato le nostre vite, ha cambiato il modo in cui acquistiamo le cose. Nell'e-commerce, le prime impressioni sono fondamentali per i negozi online, perché la concorrenza è alta ed è estremamente facile perdere il cliente, con un solo clic il tuo cliente potrebbe uscire dalla tua pagina e non tornare più a causa della scarsa esperienza utente.

Devi pensare alla proposta di valore, a come semplificare la vita dei tuoi utenti e farli acquistare da te più e più volte. Devi pensare a come condividere che la tua azienda è diversa dalle centinaia di altri negozi online. In combinazione con semplicità, flusso utente semplice e elementi di invito all'azione, crei un'esperienza online per i tuoi clienti.

Diamo un'occhiata ai nostri suggerimenti di progettazione UX per potenziare il tuo e-commerce.

Regola numero 1 nell'e-commerce: mostra immagini di alta qualità del tuo prodotto.
Mantieni i tuoi acquirenti concentrati . Assicurati che il tuo menu principale, vendite incrociate o upsell ecc., non distragga i tuoi acquirenti dal completare il checkout. Usa le code visive come il colore o le frecce per concentrare l'attenzione su un singolo invito all'azione.
La tua home page ha bisogno di essere lavorata di più. Ad esempio, molte aziende si attengono a video e storie stimolanti che rappresentano esattamente il tipo di target. Non dimenticare di presentare testimonianze, valutazioni e recensioni. Usa un design semplice e ordinato. Usa il minor numero di parole possibile, eliminando tutto ciò che non ha impatto, ad esempio i post recenti del tuo blog.
I migliori negozi di e-commerce generalmente offrono collezioni di articoli per guidare le tendenze degli utenti, ad esempio possono presentare una griglia con tutte le gonne da donna più popolari o possono offrire prodotti consigliati in base alle esperienze passate dei clienti.
Convalida dei dati . Non aspettare che l'utente invii il modulo, convalidi e avvisi l'utente in tempo reale se ci sono errori o campi mancanti che devono essere compilati. La convalida in linea in tempo reale aiuterà i tuoi clienti a completare il checkout rapidamente con meno sforzo e meno errori. Assicurati che la notifica sia sufficientemente visibile da non essere ignorata dall'utente.
Organizzazione del modulo di pagamento . Suddividi la pagina di pagamento in sezioni e mantieni gli elementi correlati nelle immediate vicinanze. Ed evita di chiedere informazioni non necessarie. Il checkout di una singola pagina è pensato per essere semplice e veloce. Quindi, evita di chiedere informazioni non necessarie. Inoltre, non far indovinare ai tuoi acquirenti quanti passaggi sono necessari per completare il checkout, tienili informati.
Gli indirizzi di spedizione e fatturazione sono gli stessi per la maggior parte degli ordini, quindi precompila i dettagli dell'indirizzo di fatturazione con l'indirizzo di spedizione invece di chiedere all'utente di eseguire questo lavoro. Mostra il campo del codice postale e nascondi città e stato. Quando l'utente inserisce il codice postale, espandi il modulo con i campi città e stato precompilati. Assicurati che questi campi siano modificabili. È più facile e veloce per i tuoi utenti.
Sicurezza di pagamento . Come sempre, ci sono molte preoccupazioni sulla sicurezza nell'e-commerce. Rassicura i tuoi acquirenti che i loro dati sono al sicuro visualizzando le tue credenziali di sicurezza, il numero di assistenza clienti e il collegamento all'informativa sulla privacy.
Puoi ridurre l'abbandono del carrello creando urgenza. Specificare il numero di unità ancora disponibili in magazzino se ne sono rimaste solo poche. Oppure se offri un'offerta o sconti sui prodotti aggiunti al carrello e che termina in un giorno o due, mostralo.
Se offri la spedizione gratuita o uno sconto sugli ordini superiori a un determinato importo, dovresti ricordare ai tuoi acquirenti quanto devono spendere di più per ottenere quell'offerta.
Quando possibile, aggiungi un'opzione di confezione regalo agli acquisti nel tuo negozio e consenti agli acquirenti di aggiungere una nota personale ai loro regali. Inoltre, lascia che l'acquirente scelga se includere o meno le informazioni sul prezzo nella fattura durante la consegna.
Lista dei desideri dell'utente . Un carrello che ti ricorda. Se un utente ritiene di non potersi permettere il costo totale del proprio ordine, potrebbe rimuovere alcuni articoli dal carrello. Fornisci un'opzione per salvare o spostare quei prodotti in una lista dei desideri in modo che non ne perdano traccia. Potresti anche ricordare loro i prodotti nella lista dei desideri la prossima volta che uno di essi si trova nella pagina del carrello. Inoltre, quando un utente desidera rimuovere gli articoli dal carrello, denominalo rimuovi anziché elimina. E consenti all'utente di impostare la quantità su zero per rimuovere un articolo dal carrello. Una volta che l'utente fa clic sul collegamento di rimozione, invece di rimuovere l'elemento, chiedi immediatamente se il clic è stato intenzionale. Non dimenticare che dovresti dare un'opzione per apportare queste modifiche sulla pagina del carrello stessa senza dover navigare alla pagina del prodotto. E, naturalmente, quando un acquirente aggiunge un articolo al carrello, non fargli indovinare se l'articolo è stato aggiunto o meno, fornisci un messaggio di conferma. Puoi fornire il messaggio di conferma sulla stessa pagina o reindirizzarli alla pagina del carrello. Quando mantieni l'acquirente sulla stessa pagina, fornisci consigli sui prodotti insieme al messaggio di conferma in modo che possano acquistare di più.
Liste dei desideri condivisibili . Molti clienti non prendono subito una decisione di acquisto, hanno bisogno di tempo per riflettere su tutto, confrontare i prezzi con diversi negozi di e-commerce o consultare le loro scelte con familiari o amici. Ovviamente possono aggiungere le pagine ai segnalibri, ma non è conveniente come avere tutti gli elementi archiviati in un unico posto. La possibilità di contrassegnare prodotti potenzialmente interessanti e aggiungerli alla lista dei desideri è un'ottima soluzione. Se una lista dei desideri deve essere veramente facile da usare, assicurati che il cliente possa condividerla con altri online. Non solo fornisce un'e-mail e una condivisione sui social media, ma consente anche ai clienti di creare un collegamento condivisibile. Tale collegamento renderà più facile per i clienti consultare l'acquisto con altri.
Mostra i prodotti acquistati di recente . Probabilmente hai un gruppo di clienti abituali che spesso acquistano gli stessi prodotti nel tuo negozio di e-commerce, quindi personalizzare i propri account è una buona idea. Se qualche cliente ti visita ogni mese per acquistare un determinato cibo per gatti, visualizzare una sezione con i prodotti acquistati di recente subito dopo la registrazione, renderà più facile il loro acquisto. Nessun tempo perso a cercare la giusta dimensione della borsa e il tipo di bocconcino per gatti, basta un clic e il prodotto è nel carrello. Sapere che tale funzionalità li sta aspettando nel tuo negozio, li renderà più propensi a tornare.
Rendi il carrello sempre visibile . Gli acquirenti online più avanzati non vorranno essere inviati direttamente alla pagina del carrello se aggiungono un articolo. Pertanto è importante che il carrello sia visibile in ogni pagina del sito con il numero di cose aggiunte e il prezzo.
La navigazione è fondamentale quando si hanno molte categorie, prodotti variabili o prodotti con molte opzioni. Più velocemente le persone riescono a trovare ciò che vogliono, più velocemente potrai spostarle nel processo di pagamento. Limita il menu in alto a 7 scelte. Utilizza un menu a più colonne che organizza le categorie e le sottocategorie. Non dimenticare i menu nascosti. Negli ultimi anni il minimalismo ha continuato a essere una delle tendenze di web design più coerenti, concentrandosi su un'estetica pulita, semplice e facile da navigare e dando risalto alle immagini e ai grandi sfondi. Molti designer ritengono che l'icona dell'hamburger abbia raggiunto lo status universale e i marchi non dovrebbero più aver paura di nascondere la propria navigazione poiché gli utenti associano l'icona a un menu o un elenco e interagiranno con esso.
SEO . Usa i breadcrumb per aiutare gli utenti a navigare e distribuire il pagerank alle pagine delle tue categorie. Usa le parole chiave più pertinenti e con la difficoltà più bassa nel titolo della pagina, nell'URL, nei titoli e nel testo della descrizione. Fornisci un breve riepilogo del prodotto nella parte superiore della pagina o accanto alla foto. Pensa prima ai dispositivi mobili, ora l'e-commerce dipende anche dai dispositivi mobili. Il minimo che puoi fare è che il tuo sito sia reattivo.
Numero di prodotti . Mostra il numero di pagine prima e dopo gli elenchi dei prodotti. Mostra il numero totale di prodotti all'interno di quella categoria.
Filtri . Consenti agli utenti di ordinare per: prezzo, categoria, sesso, colore, ecc.
Offri l'opzione di zoom per consentire agli utenti di vedere i dettagli da soli.
Personalizzazione di tutto.
Denaro vs valore . Alcuni utenti si concentrano sulla spesa di una specifica quantità di denaro. Altri si concentrano sul valore. Il tuo sito può aiutarti a risolvere entrambi i problemi. Offrite la spedizione gratuita? Il prezzo è più alto, ma la qualità è superiore? Dichiaralo chiaramente sul tuo sito, mostra il tuo vantaggio competitivo, i vantaggi che potresti offrire ai tuoi clienti.
Ricerca efficiente . Un'idea è fare in modo che il tuo sito salvi automaticamente il punto in cui si trovava l'utente l'ultima volta che ha cercato. Ad esempio, supponiamo che il tuo utente abbia ristretto una ricerca a quattro pagine 30 elementi per pagina. Ed è stato interrotto mentre guardava il secondo elemento della seconda riga a pagina 3. Quindi, in pratica, daresti ai tuoi utenti un'opzione per continuare da dove si era interrotto invece di ricominciare da capo.
Modulo newsletter . La creazione di una solida lista di e-mail è un processo lungo, ma incredibilmente prezioso per la promozione, soprattutto durante le vacanze. Avere un modulo di iscrizione alla newsletter è standard su qualsiasi negozio di e-commerce, quindi cerca di rendere il tuo più attraente di altri.
Non dimenticare di aggiornare i tuoi contenuti . Le promozioni del mese scorso non dovrebbero essere su nessuna delle tue pagine. È fastidioso trovare promozioni che non sarai in grado di utilizzare.
Sottolinea i vantaggi di avere un account . Vantaggi come sconti esclusivi e promozioni sono sufficienti al numero di acquirenti per creare un account.
Non dimenticare come le persone leggono e scansionano le informazioni . Metti le parti importanti di ogni pagina web in alto e in basso sul lato sinistro. I visitatori scansionano le pagine web in uno schema a "F", è un fatto ben noto. Quindi attira la loro attenzione con titoli forti e pagine di layout di conseguenza.
Offri assistenza virtuale . Le aziende di e-commerce utilizzano chatbot o strumenti di chat dal vivo con tecnologia predittiva per anticipare le esigenze degli acquirenti e fornire indicazioni durante i momenti che contano di più. Ad esempio, se un cliente riceve un messaggio di errore alla cassa o cerca una guida alle taglie, un chatbot intelligente può fornire un'assistenza tempestiva e pertinente. Inoltre possono fornire consigli personalizzati in base alle preferenze dell'utente.
Disegno della carta . La tendenza del design delle carte è diventata sempre più popolare per il semplice motivo che consente di organizzare enormi quantità di contenuti con poco sforzo. Si chiama card design a causa delle scatole simili a carte utilizzate per presentare le informazioni sul prodotto. È semplice, facile da leggere e sembra comunque impressionante. Le schede sono ottime per organizzare sezioni o prodotti in modo ordinato e intuitivo. Semplificano la navigazione e migliorano l'esperienza utente, consentendo agli utenti di accedere facilmente alle informazioni a colpo d'occhio e distinguere tra gli argomenti. Il più grande vantaggio dell'adozione del layout delle carte è che funzionano estremamente bene con il web design reattivo, motivo per cui sono molto popolari nei siti di e-commerce.
Grandi sfondi . I clienti amano le immagini, non il testo. Senza dubbio li porterà a concentrarsi sulle immagini se non hanno il tempo di leggere. Un fattore chiave nella decisione di acquisto di un cliente è nella sua impressione iniziale durante la navigazione nel tuo negozio. Immagini di grandi dimensioni e sfondi video creano bellissimi siti Web accattivanti. Possono incoraggiare i potenziali clienti a effettuare un acquisto nel momento in cui arrivano sul tuo sito web. I negozi di e-commerce utilizzano ampiamente questa tecnica per creare un aspetto pulito e professionale e rendere i loro prodotti più desiderabili.

Spero che tu abbia trovato utile il mio elenco e che ti aiuterà a migliorare l'esperienza utente sul tuo negozio di e-commerce. Le tendenze cambiano molto velocemente, resta acceso!