UX per l’-ecommerce: le best practice

Prima di cominciare a parlare di come si possa utilizzare la user experience (UX) per ottenere risultati migliori od ottimizzare il layout  dei web di e-commerce (e-shop), è essenziale spiegare prima cos’è la UX.

UX è l’acronimo di User Experience (esperienza dell’utente) e spesso viene abbinato alla parola “design” come nelle espressioni “UX design” o “design della user experience”. L’abbinamento dell’acronimo UX con la parola “design” potrebbe indurci a pensare che lo UX design sia la stessa cosa del web design (progettazione della UI – User Interface – interfaccia utente), oppure del design di diverse pagine o che riguardi la grafica e il visual design.

Invece, l’obiettivo dello UX design è completamente diverso: il design della user experience vuole creare una relazione tra l’utente e il marchio, che metta l’utente al centro dell’attenzione. È il processo di design che ci accompagna nella progettazione di un prodotto o di un servizio, dalle sue fasi ideative fino al lancio o alla messa in produzione.

La differenza tra UX design e UI design e la spiegazione del perché, oltre che dalla grafica della pagina, i risultati possano dipendere anche dal modo in cui tale pagina è organizzata, possono essere comprese con il semplice esempio di due bottiglie di ketchup.

Nell’immagine a sinistra, vediamo le bottiglie di ketchup soggette a un certo design. Si può dire che a prima vista, l’attrattiva visiva di entrambe le bottiglie è buona e assolve il suo scopo. Nell’immagine a destra, si può vedere che nonostante l’eccellente design di entrambe le bottiglie, l’esperienza d’uso è diversa, il che avrà un impatto aggiuntivo sulle decisioni di acquisto del cliente. Pertanto, la stessa attenzione deve essere posta sull’UX come sull’aspetto visivo complessivo.

Uno degli errori nel business dell’e-commerce è che non conosciamo i nostri acquirenti e spesso ci concentriamo principalmente sui dati quantitativi, come l’analytics e la parte tecnica della soluzione e la specifica delle funzioni che vogliamo che l’e-shop contenga perché risolverà i nostri problemi specifici.

Tuttavia, non c’è abbastanza spazio per i clienti, quindi non conosciamo le loro preoccupazioni e esigenze fondamentali e come soddisfarle, il che spesso si riflette sulla redditività e sull’efficacia dell’e-shop e sulla gestione delle campagne.

L’esempio seguente illustra l’importanza di concentrarsi sulla conoscenza del cliente. Ad esempio, possiamo prendere due persone dello stesso paese, della stessa età, con una famiglia, entrambe che vanno in vacanza negli stessi luoghi. Eppure la differenza tra loro è, ad esempio, la loro professione, lo stile di vita o la religione, che influisce sul loro comportamento di acquisto.

Gerarchia dei contenuti e layout per e-shop straordinari

Abbiamo discusso di cos’è l’UX, a cosa è correlato e perché è vitale utilizzarlo. Ora discuteremo questo termine più in dettaglio su un campione di pagina di e-shop.

Home page

Una delle pagine essenziali del negozio online è indubbiamente la home page. È la prima cosa con cui gli acquirenti online entrano in contatto dopo aver aperto l’e-shop e svolge il suo ruolo nella decisione dei visitatori, che possiamo dividere in tre tipi fondamentali:

1. il cliente che è venuto all’e-shop e sa precisamente cosa vuole
2. il cliente che ha un’idea di quello che vorrebbe ma non lo sa specificamente
3. il cliente che sta cercando ispirazione, quindi non ha un’idea concreta di quello che comprerebbe

Ogni cliente affronta il suo acquisto diversamente, quindi il layout della home page dovrebbe corrispondere al suo comportamento di shopping. Una delle basi è creare contenuti coinvolgenti sulla landing page, soprattutto se conosci bene i tuoi potenziali clienti.

Tuttavia, ci sono regole generali su come costruire contenuti adatti ai clienti online, ad es., siti banner per promozioni e prodotti stagionali, che non hanno bisogno di allocare troppo spazio perché non sempre ti porteranno tanti clic quanto ti aspetti. L’eccezione è uno sconto stagionale o un’offerta o uno sconto interessante. Sotto il sito banner, è appropriato posizionare informazioni di base sull’acquisto che interessa l’utente – politica di reso, opzioni di pagamento, tempi di consegna del prodotto, spedizione, reclami, ecc.

Una delle parti preferite dai clienti è la lista prodotti che mostra insieme a immagini di alta qualità i categorie di prodotti più popolari come Popolare nella categoria, Prodotti più popolari, Prodotti principali in offerta o I marchi più popolari. Per i clienti indecisi, le descrizioni dettagliate dei prodotti posizionate strategicamente possono essere fondamentali nel guidare le conversioni.

.

Raccomandazioni di prodotto e comunicazione di sconto funzionano principalmente per i clienti che non hanno deciso cosa vogliono acquistare o sono alla ricerca di ispirazione. Per i potenziali clienti, devi guadagnare prima la loro fiducia. Il feedback degli utenti o la verifica dai portali di recensioni ti aiuteranno.

La parte inferiore della home page viene utilizzata per comunicare il contenuto che i siti di e-commerce utilizzano per supportare le loro vendite. Nella maggior parte dei casi, è sotto forma di blog o post visualizzati dai social network. Incorporare contenuti SEO-friendly in questa sezione può anche migliorare la visibilità e attirare traffico organico. Se coinvolgi l’utente con il tuo contenuto in questa sezione, è possibile che sia più motivato a iscriversi alla tua newsletter o a seguire i tuoi social network, quindi è un luogo eccellente per posizionarli.

Intestazione dell’e-shop

La home page deve iniziare con un’intestazione, che per impostazione predefinita contiene un logo che funge da clic sulla home page. Quindi in genere vedi una navigazione completa sotto forma di mega menu. Una parte essenziale è una casella di ricerca espansa. Ultimo ma non meno importante, l’intestazione dell’e-shop deve contenere elementi essenziali come un carrello con un riepilogo del prezzo, accesso/creazione account o un clic sulla lista dei desideri.

L’intestazione è importante, soprattutto per i clienti che sanno cosa vogliono e, nella maggior parte dei casi, vanno direttamente alla ricerca, il che porta anche a un’elevata probabilità di acquisto. La navigazione viene utilizzata principalmente dai clienti che si trovano nella fase di scoperta dei prodotti del loro processo di acquisto e hanno bisogno di più tempo per decidere.

Piè di pagina dell’e-shop

Un piè di pagina è dove lo shopper spesso cerca informazioni sul traffico, opzioni di pagamento, contatti, annunci, clic sui social network, ecc. Supponiamo che l’utente si abitui a scorrere fino in fondo alla pagina. In questo caso, probabilmente stava cercando qualcosa o gli è piaciuto il contenuto dell’e-shop, quindi è consigliabile posizionare, oltre agli elementi legislativi nel piè di pagina, i link alle categorie principali dell’e-shop, in modo che gli acquirenti possano continuare a navigare comodamente.

Navigazione

La navigazione degli e-shop e la struttura degli e-shop hanno un impatto significativo su metriche come il tasso di conversione, le vendite o il tasso di rimbalzo. È logico che se gli acquirenti non riescono a capire dove e come trovare quello che vogliono o dove si trovano, abbandoneranno il sito web senza motivo per tornare. Senza una navigazione chiara e funzionale, non saranno in grado di scoprire come passare attraverso il catalogo dei prodotti, il blog, l’ufficio o il negozio, il pulsante aggiungi al carrello, ecc.

Se l’utente dovrebbe visualizzare la navigazione principale su un sito web o un negozio online, di solito immagina una barra di menu orizzontale nell’intestazione. Uno spazio frequentemente utilizzato per supportare la navigazione superiore principale è la barra laterale. Quando gli utenti si spostano a una categoria di primo livello, le loro sottocategorie appaiono nella barra laterale. Le funzioni di navigazione della barra laterale sono una soluzione eccellente per negozi online o siti web che richiedono molte informazioni da strutturare. Oltre alle sottocategorie, fornisce uno spazio perfetto per i filtri dei prodotti.

La soluzione standard ed efficace è il mega menu già menzionato, che rappresenta una grande barra di navigazione visualizzata quando il mouse passa sopra l’elemento nella navigazione principale. È una scelta eccellente per posizionare molti elementi nella struttura della categoria di prodotti o mostrare un numero maggiore di sottopagine di livello inferiore. Un layout così chiaro offre anche più spazio, ad esempio, per visualizzare prodotti o pubblicità e più spazio per gli elementi, migliorando l’esperienza del cliente assicurando chiarezza nel design complessivo della pagina.

Ricerca e risultati

Accanto al menu di navigazione, la funzione di ricerca è un componente vitale per soddisfare i bisogni dei clienti e minimizzare l’abbandono del carrello che potrebbe derivare dalla frustrazione. Gli utenti hanno maggiori probabilità di cercare gli articoli desiderati se sanno che un negozio online offre il prodotto o la categoria che stanno cercando.

Il nostro studio mostra che circa il 30% degli utenti abbandona un sito web o un negozio online se non trova quello che sta cercando. Gli utenti scelgono tra una ricerca e un menu di navigazione in base a vari fattori, con i più importanti essendo i tipi di acquirenti già menzionati e il loro intento, e i segmenti di prodotto a cui appartengono gli e-shop.

I risultati della ricerca svolgono anche un ruolo separato nel comportamento di shopping degli utenti. Le pagine dei risultati di ricerca sono molto simili ai classici elenchi di prodotti accessibili tramite il menu di navigazione in un e-shop. Tuttavia, un tipico problema di ricerca è che non è abbastanza intelligente da fornire all’utente risultati che riflettono i suoi interessi e il comportamento di shopping. Pertanto, gli utenti spesso arrivano al sito senza risultati, il che in un terzo dei casi significa la loro uscita immediata dall’e-shop.

Il secondo problema comune è che è impossibile filtrare i prodotti trovati sulla pagina dei risultati o che i filtri disponibili sono limitati. Ciò significa che la ricerca non può funzionare con i filtri a faccette e l’utente deve cercare tra i risultati invece di essere in grado di filtrare i prodotti secondo le sue preferenze.

Lista Prodotti

Gli elenchi di prodotti sono una parte essenziale di un e-shop che indirizza gli acquirenti a convertire in dettagli del prodotto. Il layout di base della lista prodotti, o più precisamente le categorie visualizzate nell’e-shop, consiste in:

Intestazione estesa

Intestazione estesa con il nome della categoria insieme a una descrizione in cui si trova l’utente. Puoi anche aiutare gli utenti aggiungendo suggerimenti su come scegliere il prodotto giusto per la tua etichetta.

Breadcrumb

Breadcrumb, o altrimenti navigazione briciola, è usato in combinazione con la ricerca. Gli utenti trovano più facile “viaggiare” verso una categoria che li interessa e non conoscono, ad esempio, il suo nome esatto. Quindi possono fare clic attraverso i dettagli del prodotto cercato nella categoria desiderata usando il breadcrumb.

Opzioni di ordinamento

Le opzioni di ordinamento sono spesso utilizzate per visualizzare sottocategorie o filtri di prodotto sotto il nome e la descrizione di una categoria. Tuttavia, tendono ad essere visualizzati nella barra laterale per impostazione predefinita.

Barra laterale

La barra laterale viene spesso utilizzata per visualizzare sottocategorie, filtri di prodotto in una categoria, o i filtri a faccette menzionati nei risultati. Supponiamo che il filtro della barra laterale non sia sufficientemente ottimizzato o che la struttura della categoria non sia adeguatamente elaborata. In questo caso, il contenuto della barra laterale è significativamente più lungo di quello della pagina, il che influisce negativamente sul comportamento dell’utente.

Contenuto

La parte centrale è il contenuto della pagina, che consiste in prodotti, dove ogni prodotto dovrebbe avere visualizzato almeno:

1. Immagine di anteprima
2. Nome del prodotto
3. Descrizione del prodotto
4. Prezzo, o il prezzo originale visualizzato
5. Disponibilità del prodotto, o consegna stimata e il numero di prodotti in stock
6. Il pulsante “aggiungi al carrello” dipende principalmente dal segmento. Se è abbigliamento che dipende dalla taglia, non importa molto, ma se è, ad esempio, libri, allora l’uso del pulsante avrebbe senso
7. Elementi di marketing – descrizione delle novità, sconto, svendita, imballaggio conveniente, ultimi pezzi – sono varie forme di come rendere i prodotti più attraenti per gli acquirenti
8. Nell’elenco, puoi visualizzare qualsiasi cosa per i prodotti pensando solo al fattore o ai fattori critici su cui l’utente prende le decisioni, come il numero di colori o altre variazioni, e così via.

Una domanda comune è quale dovrebbe essere la paginazione ideale nell’e-shop e se utilizzare il pulsante “mostra di più” o frecce. Entrambe le opzioni funzionano bene, ma la soluzione perfetta le combina, dove l’utente sceglie la soluzione che gli si addice meglio.

Quando elencate i prodotti, evitate lo scorrimento infinito, che trova il suo uso in casi completamente diversi di visualizzazione dei contenuti, ad es., sui social network, nelle gallerie, ecc., ma non durante lo shopping.

Il dettaglio del prodotto

Il dettaglio del prodotto è una delle pagine primarie di “conversione” dell’e-shop, ed è qui che avviene la maggior parte del processo decisionale. Possiamo dividere il dettaglio per l’utente in due parti essenziali: la parte di shopping e la parte informativa.

Parte di shopping

La parte di shopping presenta i parametri di base e le informazioni che influenzano direttamente la decisione dell’acquirente. La composizione ideale di questa parte del dettaglio del prodotto consiste in:

Foto del prodotto/galleria

Visualizzare sempre quante più immagini di prodotto possibile – video o recensione video del prodotto, tutto nella migliore qualità possibile. Anche dalle foto/video dei prodotti, l’utente ottiene molte informazioni che potrebbero non essere nella descrizione. Questa sezione spesso utilizza etichette o informazioni sullo sconto/promozione, novità o vari premi o certificati.

Marchio del prodotto

Includere un marchio di prodotto può facilitare ai clienti la ricerca di prodotti di un marchio specifico. È meglio se include brevi informazioni sulla selezione dei prodotti e l’industria.

Nome del prodotto

Un’aggiunta ideale al nome del prodotto è anche il nome di un marchio e i dettagli delle variazioni come colori, dimensioni o materiali (rosso, metallico, XL, ecc.)

Codice prodotto

Grande importanza, soprattutto nell’e-commerce B2B, ma aiuta anche gli acquirenti che acquistano gli stessi prodotti ripetutamente negli e-shop B2C

Categoria

La categoria in cui si trova il prodotto gioca un ruolo vitale nella navigazione dell’utente, specialmente se il prodotto viene raggiunto da un annuncio o scoperto durante una ricerca su Internet.

Parametri del prodotto

I parametri del prodotto – dimensioni, varianti, colori, ecc. – svolgono un ruolo essenziale nella decisione, idealmente posizionati vicino alle informazioni sulla disponibilità e sul prezzo al pulsante “aggiungi al carrello”. Quando l’utente modifica uno qualsiasi dei parametri, dovrebbe vedere i cambiamenti nel prezzo, nella disponibilità o in altri valori che lo interessano.

Disponibilità

Disponibilità del prodotto visualizzato nell’e-shop e nei negozi.

Consegna

Velocità di consegna o data di consegna stimata – più precisa è la stima che puoi fornire, più soddisfatto sarà l’acquirente dopo l’acquisto.

Pulsante Aggiungi al carrello

Il pulsante più importante della pagina dovrebbe sempre essere chiaramente definito e inconfondibile. Indipendentemente da dove si trova sul sito, deve essere sempre chiaro che si tratta di un pulsante per aggiungere al carrello. Il design del pulsante dovrebbe allinearsi a come intendi vendere prodotti e al segmento di business specifico. Ad esempio, se vendi prodotti come motociclette elettriche di lusso online, puoi facilmente utilizzare un elegante pulsante nero con il testo “Acquista”. Tuttavia, se vendi e consegni cibo, un pulsante verde con il testo “Nel carrello” sarà probabilmente più appropriato. Il pulsante di solito visualizza un campo con la quantità che l’utente può o vuole aggiungere al carrello.

Prezzo del prodotto

La parte più decisiva dell’acquisto. Negli e-shop, spesso lavoriamo con promozioni e sconti, quindi è importante comunicarli. Se scontinui il prodotto, visualizza l’etichetta dello sconto e il prezzo originale. Non è nemmeno la soluzione migliore scontinuare tutti i prodotti contemporaneamente, poiché ciò può minare l’esclusività del prodotto.

Funzioni aggiuntive

Funzioni aggiuntive come lista dei desideri, condivisione o tabella delle taglie sono elementi comuni a cui un utente è abituato o si aspetta nei dettagli. Una breve descrizione del prodotto, collegata alla sezione informativa della pagina, di solito viene posizionata dopo il nome del prodotto.

La sezione informativa

La sezione informativa del prodotto consiste principalmente nella descrizione principale del prodotto e delle sue proprietà. Dovrebbe includere anche una galleria, foto di prodotto, video recensioni o presentazioni, una tabella di tutti i parametri del prodotto, una descrizione del produttore e vari materiali scaricabili aggiuntivi.

In questa sezione, spesso c’è spazio per le recensioni dei clienti o le domande dai visitatori, ad esempio una discussione sotto forma di Q&A. Le recensioni stesse sono una fonte preziosa di informazioni per gli utenti e, allo stesso tempo, supportano l’affidabilità dell’e-shop. Meglio viene elaborato il dettaglio del prodotto e meglio vengono descritti i prodotti, più è probabile che gli utenti acquistino nell’e-shop.

I dettagli del prodotto sono un ottimo posto dove possiamo aiutare rapidamente gli utenti a scoprire altri prodotti o categorie nell’offerta dell’e-shop con l’aiuto dei consigli. È consigliabile posizionare i consigli direttamente sotto la parte centrale dello shopping nei dettagli del prodotto in modo che ottengano spazio sufficiente e non distraggano inutilmente dal prodotto principale.

Nel visualizzare i consigli, è essenziale fare attenzione che l’utente non li confonda, ad esempio, con le variazioni menzionate. Questi dovrebbero essere posizionati più in alto vicino al pulsante dello shopping e ai parametri del prodotto.

Il carrello della spesa

Il carrello della spesa è il gateway del processo di acquisto. Il carrello ha un’interfaccia semplificata rispetto ad altre parti del sito per aiutare l’utente a concentrarsi sul completamento di un acquisto e evitare l’abbandono del carrello. Una funzionalità comunemente utilizzata del carrello è la tempistica dei prodotti, che avvisa gli utenti che i prodotti saranno disponibili solo per un certo periodo, motivandoli così a prendere decisioni e acquisti più veloci.

La composizione ideale del carrello della spesa consiste delle seguenti parti e parametri:

• Intestazione semplificata senza navigazione – consente di tornare rapidamente alla pagina precedente o alla home page e visualizzare i passaggi successivi del processo di acquisto che attendono l’utente
• Informazioni sulla spedizione gratuita o su un regalo, che funzionano secondo lo stesso principio – idealmente posizionate sotto l’intestazione sopra il riepilogo dei prodotti
• Riepilogo dei prodotti nel carrello – per impostazione predefinita, dovrebbe visualizzare i prodotti con il prezzo finale e la possibilità di modificarne i numeri o rimuoverli dal carrello. I prodotti devono mostrare i loro parametri selezionati e la possibilità di fare clic sul loro dettaglio nell’e-shop
• Il prezzo finale dei prodotti – viene visualizzato immediatamente dopo il riepilogo dei prodotti e lo spazio per il codice del coupon di sconto
• Tempi di consegna stimati e link della politica di restituzione – dopo che i clienti hanno aggiunto articoli al carrello, una sezione dedicata ai dettagli dell’ordine può includere sia il tempo di consegna stimato che una breve panoramica della politica di restituzione
• Raccomandazione di prodotto – il carrello è un luogo ideale per supportare l’acquisto con una raccomandazione. Il luogo per posizionare i referral è appena sopra o sotto i pulsanti “torna indietro” e “completa acquisto”. La posizione dipende dal contenuto dei prodotti nella raccomandazione. Se ci sono troppi parametri nel blocco con il prodotto e occupa troppa altezza, li collochiamo completamente in basso, ma se sono compatti e non troppo alti, possiamo comodamente posizionarli sopra i pulsanti menzionati, quindi ottengono più attenzione dell’utente. Tuttavia, non archiviare mai i prodotti consigliati nel riepilogo del carrello sopra i prodotti inseriti. Questo confonderà gli utenti che si aspettano di vedere prodotti completamente diversi, il che potrebbe incoraggiarli a lasciare il sito.

Idealmente, supponi di poter già comunicare agli utenti in questa sezione quali metodi di pagamento e opzioni di spedizione puoi offrire loro durante l’acquisto senza dover passare ai passaggi successivi solo per scoprire le informazioni. In tal caso, migliorerai le tue statistiche e ridurrai il tasso di rimbalzo.

Processo di acquisto

Il processo di acquisto più comunemente utilizzato è multi-step. A differenza di soluzioni alternative, come il processo di acquisto in un passaggio/una pagina, porta più vantaggi e possibilità.

Il processo in un passaggio è efficace, principalmente quando viene utilizzato all’inizio dell’attività di un e-shop o in casi più semplici come quando gli e-shop non offrono più metodi di pagamento e opzioni di spedizione nel processo di acquisto, e gli utenti non sono abituati a fare troppi acquisti in termini di un gran numero di articoli.

Tuttavia, lo svantaggio è la misurazione del processo di acquisto, poiché l’intero processo è solo un passaggio. Ogni acquisto dell’utente significa lasciare l’intero processo di acquisto; in base a ciò, possiamo difficilmente stimare dove fosse il problema.

I vantaggi di un processo di acquisto multi-step sono, in particolare, la chiarezza e misurazioni significativamente migliori della transizione nel processo di acquisto grazie alla divisione in più passaggi:

Carrello della spesa, o riepilogo del carrello

Riepilogo dei prodotti che il cliente ha scelto di aggiungere al proprio carrello.

Selezione pagamento e spedizione

Questa parte del processo di acquisto è semplice, purché tutte le opzioni per l’utente siano sufficientemente descritte e fornite di tutte le informazioni critiche, non solo il nome della scelta e la commissione, ma anche informazioni aggiuntive come la scelta della consegna tramite corriere, quali servizi di società di consegna utilizzi, consegna delle merci solo nei giorni feriali o nei fine settimana e la data in cui può aspettarsi le merci, ecc.

Supponiamo che il cliente scelga il ritiro personale. In tal caso, dovrebbe avere la possibilità di selezionare un negozio online e visualizzare automaticamente l’orario di apertura, l’indirizzo specifico del negozio, idealmente anche il telefono e, naturalmente, la data in cui sarà in grado di ritirare le merci. Gli utenti spesso visitano le opzioni di spedizione e pagamento per scoprire quale sarà il prezzo finale del loro acquisto con la consegna e quando lo avranno, anche se non hanno ancora deciso di completare l’acquisto.

Accesso al tuo account e immissione delle informazioni di fatturazione e spedizione

Questa è spesso la parte più frustrante dell’acquisto per l’utente, poiché spesso si tratta di compilare moduli. Anche se l’utente non accede, possiamo semplificare la compilazione utilizzando il nome, il numero di telefono e l’indirizzo email. Conferma ogni campo al momento della compilazione in modo che l’utente sappia di aver inserito le informazioni corrette. Chiedi all’utente i dati uno per uno; se è interessato a registrarsi, visualizza i campi per l’immissione della password solo dopo aver selezionato questa opzione. Avrai bisogno di indirizzi di fatturazione e spedizione nei passaggi successivi.

Puoi facilitare il completamento degli indirizzi agli utenti utilizzando il completamento automatico in modo da poter completare un indirizzo di fatturazione o spedizione. Se l’utente immette una strada e un numero, non devi preoccuparti di compilare altri campi inutili. Il completamento dei dati di solito termina con la concessione del consenso. Prova a semplificare questa parte il più possibile e formulala nel modo più semplice possibile. Nella sezione dati personali, spesso c’è un’opzione per aggiungere una nota all’acquisto da parte del cliente, ma se non sei sicuro di non perdere queste note, è meglio non lavorarci affatto, riducendo così la probabilità di un’esperienza utente negativa.

Riepilogo dell’intero acquisto + controllo dei dati inseriti

L’utente potrebbe decidere di cambiare qualcosa, quindi è consigliabile consentirgli di arrivare a qualsiasi passaggio dalla dichiarazione stessa senza dover fare clic attraverso i pulsanti “indietro e continua”. In questo passaggio, devono vedere tutti i dati essenziali per la loro decisione e inviare l’ordine. Pertanto, non dimenticare di informarli del prezzo finale dell’acquisto e, idealmente, della stima più accurata del tempo di consegna dell’ordine.

Dopo l’invio dell’ordine, è ideale se l’utente va direttamente al gateway di pagamento e solo dopo il pagamento per la cosiddetta pagina “Grazie”; eviti che l’utente chiuda la pagina prima di essere reindirizzato al pagamento, il che in fin dei conti rende il processo di acquisto difficile non solo per lui ma anche per te. La pagina “Grazie” è, in linea di principio, anche parte del processo di acquisto e fornisce principalmente informazioni su un acquisto riuscito. Il suo grande vantaggio è che puoi ottenere informazioni dal cliente grazie a un semplice modulo.

Tra l’altro, su questa pagina puoi motivare l’utente anonimo o connesso a diventare clienti fedeli e fare ulteriori acquisti offrendo offerte speciali o codici di sconto o indirizzarli ad altri contenuti nell’e-shop, come raccomandazioni di prodotti o, ad esempio, articoli di blog ottimizzati per SEO, oppure puoi anche impostare campagne di posta elettronica per inviare offerte.

Shopping mobile

Lo shopping mobile è una tendenza in crescita, e i telefoni cellulari giocano un ruolo sempre più importante nel comportamento di acquisto degli utenti. È una pratica comune fare ricerche prima di acquistare qualcosa, in base alle quali gli utenti decideranno successivamente se e dove acquistare il prodotto. Interessantemente, secondo i dati più recenti, il 69% dei clienti fa principalmente le proprie ricerche su dispositivi mobili.

La crescente tendenza dello shopping mobile è influenzata da molti fattori, come il progresso tecnologico, la copertura e la disponibilità di internet ad alta velocità, l’accessibilità dei dispositivi mobili, i servizi di pagamento mobile come Apple pay e Google pay, ma anche il supporto dei negozi online attraverso lo sviluppo delle loro applicazioni di e-commerce e l’impegno nel raggiungere la migliore esperienza di acquisto per l’utente. Un modo per acquisire un’esperienza utente positiva è comprendere come l’utente controlla il dispositivo mobile.

Layout della pagina e mappa termica

Attraverso test degli utenti e analisi del comportamento dei clienti, possiamo determinare come gli utenti interagiscono con lo schermo visualizzando mappe termiche. Così possiamo definire precisamente come progettare l’interfaccia di un’applicazione o di un sito web affinché l’utente possa lavorarvi comodamente. Ogni colore spiega quanto è facile utilizzare diverse parti dello schermo.

Queste informazioni sono un input essenziale per noi nella progettazione dell’interfaccia utente e del layout degli elementi cruciali perché la struttura di questi elementi nei posti giusti dello schermo migliora significativamente l’esperienza digitale, in quanto lo spazio dello schermo dei dispositivi mobili è considerevolmente limitato rispetto agli schermi dei computer tradizionali.

Parti critiche del negozio online nella vista mobile:

Intestazione

L’intestazione deve soddisfare parametri specifici per fungere da elemento di navigazione pratico; deve essere anche compatta, non troppo alta, perché priverà l’utente di spazio nel contenuto e sarà difficile navigare nel negozio online. Dovrebbe contenere un logo con il clic sulla home page. Comunemente usato è il cosiddetto intestazione mobile, un’intestazione sempre visualizzata anche durante lo scorrimento.

Logo

Una versione semplificata del logo si adatta facilmente al display mobile e non occupa molto spazio.

Menu hamburger

Una parte vitale dell’intestazione, sotto la quale la navigazione e il carrello della spesa, che mostra il numero minimo di articoli inseriti, vengono nascosti.

Barra di ricerca

La barra di ricerca nel suo complesso, idealmente non nascosta dietro l’icona della lente d’ingrandimento, non dovrebbe privare gli utenti del comfort durante la navigazione nel negozio online. Gli elementi chiave di un buon design della barra di ricerca includono il posizionamento coerente, la dimensione adeguata per ospitare query lunghe e il testo segnaposto utile per guidare gli utenti.

Ricerca mobile

La ricerca ottimizzata e funzionale su dispositivi mobili gioca un ruolo vitale nell’indagine del visitatore al negozio online. L’ottimizzazione consiste nel corretto layout degli elementi e nelle impostazioni delle loro interazioni, che semplificheranno il più possibile il controllo dell’utente, come:

• La visualizzazione compatta dell’autocompletamento con la barra di ricerca su tutto lo schermo del dispositivo – aumenta significativamente la chiarezza e la facilità d’uso della ricerca
• Autocompletamento – visualizza i risultati dal primo carattere e, quando aperto, consiglia le categorie, le frasi più cercate, i prodotti o gli articoli preferiti e altri contenuti
• Quando si visualizzano i risultati nell’autocompletamento, la tastiera virtuale viene automaticamente nascosta in modo che l’utente abbia spazio sufficiente per visualizzare i prodotti
• I risultati sono organizzati in schede secondo parametri critici, tra i quali l’utente può fare clic o spostarsi semplicemente scorrendo verso le pagine

La funzionalità della ricerca risiede nel suo comportamento quando interagisce con l’utente. Una ricerca accurata dovrebbe sempre portare l’utente a un risultato pertinente e considerare il suo comportamento normale, indipendentemente da come scrive la frase di ricerca, indipendentemente dal fatto che scriva un titolo con errori di battitura, utilizzi un termine gergale o un arcaismo, ecc.

Conclusione

Gli utenti probabilmente cercheranno un’esperienza personalizzata più che mai. Pertanto, come azienda online, un sito web bello da vedere non è sufficiente. Il successo ora dipende da una comprensione profonda delle esigenze dei clienti, tradotta in un design UX consapevole che incorpori elenchi di prodotti chiari, navigazione intuitiva e strategie per ridurre l’abbandono del carrello. Devi creare un’esperienza fluida per reclamare il successo o rischiare di perdere i tuoi clienti subito dopo la loro prima visita. Speriamo che questo blog ti aiuti a comprendere quanto possa essere efficace l’uso corretto della UX per rendere la tua attività online più attraente e conquistare più clienti.

Domande frequenti