Buone pratiche per l'esperienza utente e l'interfaccia utente delle carte regalo

Non sorprende che le carte regalo siano diventate un argomento caldo nell'e-commerce. Non sono solo ottimi per esprimere gratitudine e affetto, ma sono anche una soluzione efficace ad alcuni dilemmi di acquisto da far rizzare i capelli quando stai finendo il tempo per trovare un'idea intelligente per un regalo.

Sommario

• ‍ ‍ Progetta un percorso di acquisto separato per le carte regalo
• Crea una pagina di destinazione separata elencando tutte le opzioni di regalo
• Fornisci una sezione separata per consentire ai clienti di controllare lo stato della carta regalo
• Promuovi le carte regalo in più spazi
• Progetta il percorso di acquisto della carta regalo
• Scelta del tipo di regalo
• Selezione del formato della carta
• Scelta della data di consegna (opzionale)
• Scelta dell'importo della carta regalo
• Fornire informazioni sui destinatari
• Personalizzazione del codice della carta regalo
• Selezione dei modelli di voucher regalo
• Caricamento di una foto per personalizzare le carte
• Processo di pagamento
• Invia le carte ai destinatari tramite più canali
• Crea un design di posta elettronica efficace
• Riscattare le carte regalo‍
• Consenti riscatti parziali
• Progetta il campo di immissione della carta regalo
• Crea messaggi di successo e di errore
• Progetta le notifiche di scadenza delle carte regalo
• Sommario
  

Quasi 3 miliardi di dollari in contanti delle carte regalo non sono stati utilizzati solo nel 2019. Nel frattempo, la spesa totale delle carte regalo nel 2019 è stata di 98,6 miliardi di dollari. Fonte

Sapendo che le carte regalo sono uno strumento estremamente potente, vale la pena semplificare il percorso di acquisto e il processo di riscatto delle carte regalo. Ma come dovrebbero essere progettati i campi di input? Su quali sottopagine dovrebbero essere promossi? E come dovrebbero apparire l'acquisto e il riscatto della carta in base ai principi dell'UX?

Questo post del blog raccoglie le migliori pratiche e ispirazioni per la progettazione di carte regalo UX e UI per sito Web e dispositivi mobili. Copriremo l'intero percorso del cliente dalla promozione delle carte regalo sul tuo sito al completamento del processo di acquisto, alla condivisione della carta con il fortunato destinatario e, infine, al riscatto della carta nel tuo negozio.

{{EBOOK}}

{{ENDEBOOK}}

Nota: tutti gli screenshot del desktop sono stati realizzati su Mac, Chrome.

Nota: l'obiettivo principale di questo post sono le carte regalo acquistabili come codici digitali o carte stampate. Se desideri saperne di più sull'utilizzo delle carte regalo come strumenti di promozione e incentivi, ti consiglio vivamente di consultare la nostra guida UX a coupon e promozioni .

Progetta un percorso d'acquisto separato per le carte regalo

Il percorso di acquisto per le carte regalo può differire notevolmente dal percorso standard del cliente, soprattutto se offri buoni regalo digitali. Questo è il motivo per cui dovrebbe essere progettato come un modulo separato del tuo sito. La maggior parte dei percorsi di acquisto delle carte regalo si riduce a diversi passaggi cruciali che devono riflettersi nella progettazione dell'interfaccia utente:

• Innanzitutto, trova la sezione delle carte regalo nel tuo negozio.
• Scelta del formato e del modello della carta regalo (consigliato).
• Selezione del valore della carta.
• Impostazione del metodo e della data di consegna.
• Compilando le informazioni del destinatario e il messaggio che verrà inviato con la carta.
• Guardare.
  

Come puoi notare, questo processo varia dall'acquisto di un prodotto standard in cui un prodotto viene aggiunto al carrello e non è necessario fornire dettagli aggiuntivi. Questo è il motivo per cui è necessario sviluppare un design diverso per questa sezione che differisca dalla pagina di visualizzazione del prodotto standard. Ma ne parleremo più avanti.

Questo post è scritto principalmente per le carte regalo elettroniche. Se offri buoni regalo solo nei punti vendita fisici, ecco un elenco di best practice UX per le carte fisiche:

• Rendili accattivanti : il design può decidere se un cliente li noterà e prenderà in considerazione un acquisto.
• Avvolgili : metti i biglietti nelle buste e offri ai clienti uno spazio per scrivere un messaggio personalizzato o i migliori auguri.
• Mettili in mostra : mettili ovunque e rendili impossibili da trascurare (ad esempio, alla cassa).
• Rendili ottimizzati per i dispositivi mobili : assicurati i riscatti sui dispositivi mobili e consenti ai clienti di riscattare le carte regalo visualizzate su un dispositivo mobile. Ad esempio, utilizzando codici QR o codici a barre che possono essere scansionati e salvati su un dispositivo mobile.
  

Tuttavia, se sei passato al digitale, ecco alcune delle linee guida principali per assicurarti che il tuo viaggio con la carta regalo sia progettato in modo appropriato dal punto di vista dell'esperienza utente e dell'interfaccia utente.

Crea una pagina di destinazione separata elencando tutte le opzioni di regalo

Ora che conosci la necessità di investire un po' più di tempo nella progettazione del tuo modulo regalo, diventa chiaro che avrai bisogno anche di una pagina di destinazione. La pagina di destinazione della tua carta regalo dovrebbe spiegare chiaramente le opzioni disponibili della carta regalo. Dovrebbe mostrare diversi design di carte (se ne offri molti) e presentare diverse opzioni di consegna delle carte (se fornisci sia l'e-mail che la stampa). Si consiglia inoltre di inserire alcune FAQ o T&C per offrire informazioni aggiuntive ai potenziali acquirenti.

Esempio:

Zalando ha una landing page dedicata per promuovere le proprie carte regalo. Da questo punto di vista, i potenziali acquirenti possono vedere tutte le possibili opzioni di personalizzazione e scegliere tra carte standard e scatole regalo.

Winc, un'azienda di e-commerce di vini, ha incluso una sezione delle domande frequenti sulla pagina di destinazione della propria carta regalo con una copia intelligente.

Puoi utilizzare la pagina di destinazione non solo per mostrare la tua offerta, ma anche per consentire ai clienti di controllare il saldo attuale della carta. Alcune aziende utilizzano questo spazio anche per consentire agli utenti di ricaricare le carte che già possiedono.

Fornisci una sezione separata per consentire ai clienti di controllare lo stato della carta regalo

Non importa se offri carte regalo come incentivo o come prodotto acquistabile, si consiglia comunque di fornire uno spazio separato per consentire agli utenti di verificare lo stato della propria carta. Puoi consentire ai clienti di controllare la validità della carta, il saldo corrente o persino ricaricare la carta o trasferire crediti su un'altra carta.

Esempio:

Shein ha un piccolo widget nella sezione delle carte regalo che consente ai clienti di controllare il saldo delle carte regalo, rendendo questo spazio il punto di riferimento per qualsiasi cosa relativa alle carte regalo.

Starbucks consente agli utenti di controllare il saldo, trasferire il saldo, segnalare eventuali problemi o ricaricare le carte in una sezione separata della pagina.

Promuovi le carte regalo in più spazi

Oltre a creare una pagina di destinazione per le tue carte regalo, dovresti rendere questa parte del tuo negozio facilmente accessibile a tutti i potenziali clienti. Non vedrai molte entrate derivanti dai regali se i clienti non riescono a trovare facilmente le carte sul tuo sito. Le informazioni sulle carte regalo devono essere inserite nella barra di navigazione della pagina e nel piè di pagina. Se le carte regalo sono qualcosa di nuovo o sta per iniziare una stagione di regali, puoi prendere in considerazione l'idea di lanciare una campagna promozionale speciale con uno sconto sulle carte regalo per aumentare la consapevolezza dei clienti.

Esempio:

L'Home Depot, oltre alla barra di navigazione, dispone anche di una barra superiore con servizi aggiuntivi. Hanno deciso di utilizzare questo spazio per promuovere i buoni regalo. Segue buone pratiche di UX poiché i clienti vedranno sempre questa offerta nella parte superiore della pagina.

Hanno anche incluso buoni regalo a piè di pagina.

Zalando informa sulle carte regalo sia nella barra di navigazione che nel footer. Tuttavia, in questo caso, le carte regalo sono state elencate nella categoria Accessori, rendendole più difficili da trovare rispetto a The Home Depot.

Oltre alla navigazione del sito Web o dell'app mobile, puoi anche aggiungere buoni regalo nel piè di pagina delle tue e-mail. Inoltre, puoi anche incorporarli in fasi specifiche del percorso del cliente. Ad esempio, puoi menzionare le carte regalo nell'e-mail di ringraziamento post-acquisto per incoraggiare gli acquirenti a portare una carta regalo a qualcuno nel tuo negozio poiché si sono già divertiti a fare acquisti con il tuo marchio. Un'altra idea sarebbe quella di aggiungere le carte alla sezione degli articoli consigliati vicino alla vista del carrello.

A proposito di e-mail, potresti anche considerare di inviare messaggi separati per promuovere buoni regalo in determinati periodi dell'anno. Ad esempio, scegli come target festività come Natale o la festa della mamma con messaggi e-mail dedicati sulle possibilità di regalo nel tuo negozio.

Esempio :

Winc ha inviato un'e-mail separata per ricordare agli abbonati la festa della mamma e promuovere le carte regalo.

Alloy Apparel ha lanciato una campagna di sconti su tutte le carte regalo fisiche il giorno prima di Natale per dare ai clienti la possibilità di acquistare le carte all'ultimo minuto.

Progetta il percorso di acquisto della carta regalo

Scelta del tipo di regalo

Ora che sappiamo come assicurarci che i clienti trovino la nostra offerta, possiamo progettare il miglior percorso possibile per l'acquisto. Naturalmente, il tuo percorso di acquisto potrebbe differire da quello che tratterò di seguito.

Esempio:

PrettyLittleThing offre un solo tipo e formato regalo. Questo è il motivo per cui il percorso del cliente inizia con la selezione di modelli di buoni regalo.

Iniziamo con la selezione del tipo di carta regalo. Ci sono molte opzioni di regalo disponibili, che vanno dai singoli voucher digitali alle carte aziendali e ai regali di gruppo. Il design per questa fase varierà enormemente a seconda della gamma di carte regalo che desideri offrire. Assicurati che, indipendentemente dal numero di opzioni disponibili, siano tutte elencate in modo leggibile: si consiglia vivamente di mantenere piatta l'architettura delle informazioni a meno che non si desideri enfatizzare solo un'opzione di regalo.

Esempio :

The Home Depot offre molteplici opzioni di regalo. Le singole carte sono promosse nel banner in alto sopra la griglia di opzioni bonus altrettanto importanti, rendendo il layout comprensibile per l'utente e tutte le opzioni visibili a colpo d'occhio.

Zalando offre anche più opzioni di personalizzazione, ma ha optato per un layout verticale in cui i clienti devono scorrere verso il basso per vedere tutte le opzioni disponibili. Poiché Zalando offre solo carte singole, non hanno bisogno di un layout piatto. Invece, usano la pagina per spostare lo stato attivo su diversi modelli e opzioni. L'opzione extra (confezioni regalo) è offerta in fondo alla pagina, chiarendo che non è il prodotto principale.

Selezione del formato della carta

Se offri sia buoni regalo digitali che fisici, il passaggio successivo nel percorso di acquisto dovrebbe essere la scelta tra queste due opzioni. Nota che questo e i seguenti passaggi dovrebbero essere presentati tutti in un'unica pagina. Indirizzare gli utenti a nuove pagine per completare il processo di acquisto danneggerà probabilmente l'esperienza e li farà abbandonare.

La scelta tra i metodi di consegna dovrebbe essere chiara. Puoi provare a utilizzare colori o icone contrastanti per sottolineare la differenza tra entrambe le opzioni. Si consiglia inoltre di utilizzare una copia chiara: il contrasto tra "Invia per e-mail" e "Invia per posta" dovrebbe essere sufficientemente trasparente. Puoi anche offrire un'opzione per avere un design stampabile (un PDF allegato all'e-mail) oltre al formato completamente digitale se la persona dotata lo riceve via e-mail ma vuole portarlo al negozio stampato. Puoi anche incorporare un codice QR regalo nell'e-mail in modo che possa essere scansionato rapidamente al POS.

Esempio:

Victoria's Secret inizia il percorso del cliente con la scelta tra i metodi di consegna. L'interfaccia utente attribuisce la stessa importanza a entrambe le opzioni. Tuttavia, consiglierei CTA più contrastanti: "Invia per posta" e "Invia per e-mail" possono creare confusione, specialmente per i non madrelingua inglese.

Scelta della data di consegna (opzionale)

Per aumentare la UX dei tuoi buoni regalo, puoi aggiungere un po' più di personalizzazione alle tue carte digitali consentendo agli utenti di scegliere esattamente quando inviare la carta. Ha senso dal punto di vista dell'usabilità poiché le carte vengono solitamente inviate come regali: fa schifo inviare un regalo di compleanno cinque giorni prima del grande appuntamento, giusto?

Esempio:

PrettyLittleThing richiede all'utente di impostare la data e l'ora di consegna desiderate. Hanno usato un semplice elenco a discesa. Consiglierei invece di utilizzare un selettore di date del calendario, che offre agli utenti una visione migliore della data che hanno selezionato (ad esempio, giorno della settimana).

Scelta dell'importo della carta regalo

Nel passaggio successivo, dovresti consentire agli utenti di selezionare l'importo della carta regalo. La combinazione di valori suggeriti e selezionabili e campi di input personalizzati funziona meglio. In questo modo, dai agli utenti un indizio su quale dovrebbe essere il valore del regalo e lo rendi facile da selezionare e allo stesso tempo offri un campo per la personalizzazione se i clienti desiderano acquistare un valore della carta non standard.

Esempio:

Saatchi Art, un mercato d'arte online, utilizza sia i valori suggeriti che un campo di input personalizzato per non imporre alcun limite. Se l'utente supera il valore massimo della carta regalo, riceverà un messaggio di errore che lo informa sui dettagli dell'errore nella parte superiore della pagina.

Zalando impone dei limiti al valore della carta regalo ponendo i valori possibili tra 50 e 100 GBP. Questo approccio può avere senso da un punto di vista economico. Tuttavia, limita drasticamente la flessibilità dei tuoi voucher e potrebbe portare gli utenti fuori dal tuo sito se volessero ottenere una carta regalo più costosa.

Tiffany & Co. non offre valori di carte personalizzati. Invece, forniscono valori di carta predefiniti. Ciò che vale la pena notare è che il valore predefinito della carta è di $ 500 anche se sono disponibili valori inferiori. In questo modo Tiffany & Co. riesce a indirizzare i clienti a concentrarsi su carte di maggior valore e a renderle più appetibili e percepite come prezzo standard.

Fornire informazioni sui destinatari

Questo è un passaggio cruciale del processo di progettazione, soprattutto nel contesto dei voucher digitali. Dovresti coprire almeno due campi di input qui: l'indirizzo e-mail del destinatario e il messaggio del buono regalo che l'e-mail dovrebbe contenere. Alcune aziende offrono anche opzioni di personalizzazione della riga dell'oggetto per rendere la consegna della carta ancora più personalizzata. La cosa fondamentale è richiedere solo le informazioni necessarie (nome e indirizzo email del destinatario). Non includere troppi campi extra.

Un'altra cosa è il messaggio della carta: è meglio fornire un messaggio prescritto per rendere più facile per i clienti inviare le carte più velocemente. Tuttavia, dovresti consentire agli utenti di modificare o personalizzare i messaggi se non gli piace il testo prescritto. Inoltre, rendi facoltativo il campo del messaggio.

Esempio :

Starbucks offre una semplice interfaccia utente per le informazioni sul destinatario e sul mittente.

Amazon offre agli utenti un semplice messaggio prescritto per fornire loro un'idea di come potrebbe essere il messaggio.

Personalizzazione del codice della carta regalo

Se le carte regalo sono una parte importante della tua attività, potresti pensare di migliorare ulteriormente il loro potenziale di personalizzazione. Il software della tua carta regalo dovrebbe consentirti di personalizzare il codice della carta regalo in modo che corrisponda al nome del destinatario o includa l'occasione speciale a cui la carta è collegata (ad esempio, HAPPYBIRTHDAY7593). Questo semplice trucco renderà la carta più memorabile. Il modello univoco renderà anche più facile applicare il codice della carta alla cassa a causa dell'esclusione di caratteri confusi o della lunghezza corretta. Vai qui per maggiori dettagli su come migliorare l'esperienza di convalida del codice.

Selezione dei modelli di voucher regalo

Poiché le carte regalo vengono solitamente inviate come regali, è meglio renderle visivamente piacevoli e correlate all'occasione. Ad esempio, immagina di ricevere un biglietto d'auguri tutto grigio e senza auguri di compleanno. Non sarebbe il miglior regalo, vero? Questo è il motivo per cui si consiglia di offrire almeno diversi modelli di buoni regalo.

Esempio:

Amazon offre molti modelli di carte e gli utenti possono fare acquisti ogni tanto, semplificando il percorso di acquisto delle carte. Il loro motore di carte regalo offre regali per molte occasioni. Inoltre, con design multipli e diversificati, fa sembrare una carta prepagata un regalo su misura.

Caricamento di una foto per personalizzare le carte

Una vincita rapida bonus UX sarebbe quella di consentire agli utenti di caricare le proprie foto per personalizzare la carta. Tieni presente, tuttavia, che l'aggiunta di questa funzione richiede la definizione dei termini di utilizzo delle fotografie per proteggerti dalla violazione dei diritti di proprietà intellettuale di terzi.

Esempio:

Zalando consente agli utenti di creare i propri progetti di carte. Tuttavia, per assicurarsi che tutto sia risolto sul lato legale, Zalando richiede agli utenti di rispettare i propri termini di utilizzo.

Processo di pagamento

Quando gli utenti inseriscono tutte le informazioni necessarie, passa alla fase di checkout, progettata come checkout standard. Assicurati che gli utenti possano correggere rapidamente le informazioni fornite o apportare modifiche alla scheda senza eliminare l'intero carrello e ricominciare da capo ogni volta che apportano una modifica. Si consiglia inoltre di inserire i dettagli della carta in questa visualizzazione. Puoi utilizzare un testo espandibile nascosto per impostazione predefinita e presentato quando gli utenti fanno clic su un'icona designata o passano il mouse sopra la scheda.

Esempio :

PrettyLittleThing è un esempio di una cattiva esperienza utente di checkout di carte regalo. Dopo che gli utenti hanno aggiunto la carta al carrello, non esiste un modo semplice per aggiornare i dettagli della carta, come le informazioni sul destinatario o il valore del voucher. L'unico modo è rimuovere la carta dal carrello e ricominciare l'intero processo.

Winc consente agli utenti di aggiornare il valore della carta mentre sono ancora nella visualizzazione del carrello.

Invia le carte ai destinatari tramite più canali

Ci sono più opzioni per condividere le carte con i destinatari. Ecco qui alcuni di loro:

• Invia tramite messaggio di posta elettronica.
• Invia all'acquirente come PDF stampabile che può essere condiviso fisicamente con il destinatario.
• Consegna le carte fisiche per posta all'acquirente o al destinatario.
• Invia tramite social media, ad esempio Messenger, Whatsapp.
  

Per quanto riguarda la progettazione dell'interfaccia utente, ci concentreremo sulle carte digitali inviate tramite messaggio di posta elettronica al destinatario. Se è la prima volta che i destinatari sentono parlare del tuo marchio, puoi implementare diversi segnali di fiducia nella tua email. Ecco alcuni suggerimenti su come non finire nello spam:

• Una chiara identità del mittente è un importante indicatore di fiducia : potresti considerare di includere il nome del mittente nella riga dell'oggetto dell'e-mail con la carta regalo allegata per aumentare la fiducia. Ad esempio, usa la riga dell'oggetto "Katie ti ha appena inviato un regalo!"
• Sfrutta la personalizzazione : se hai il nome del destinatario, dovresti aggiungerlo alla tua email per migliorare l'esperienza utente e rendere il messaggio più affidabile.
• Non sovrastimare il valore della carta regalo nella riga dell'oggetto : cerca di astenersi dall'utilizzare frasi come "buono", "codice", "offerta" o il valore numerico della carta nella riga dell'oggetto. Il provider di posta elettronica del destinatario potrebbe trattare il tuo messaggio come spam o inserirlo nella scheda Promozione della casella di posta.
  

Crea un design di posta elettronica efficace

Quando si tratta del contenuto dell'e-mail, deve coprire diversi punti:

• Includere il valore della carta.
• Includere un collegamento a T&C specifici o informazioni aggiuntive sulle limitazioni del riscatto della carta (se presenti).
• Codice della carta regalo facile da copiare negli appunti, preferibilmente con un clic.
• Un CTA che porta il destinatario al tuo negozio.
  

Ricorda che gli utenti possono leggere la tua posta sia su desktop che su dispositivi mobili. Per assicurarti che le tue carte regalo siano ottimizzate per i dispositivi mobili, puoi includere deep link nella CTA per assicurarti che gli utenti accedano direttamente alla tua app di e-commerce con il codice regalo già aggiunto al loro portafoglio digitale. Se decidi solo per il formato e-mail, assicurati di includere un codice a barre o un codice QR facilmente ingrandibile con un alto tasso di contrasto per assicurarti che il dispositivo di scansione del POS possa riscattarlo.

Esempio:

Watsi, un'organizzazione sanitaria di beneficenza, contrassegna tutte le caselle di controllo quando si tratta di una corretta progettazione di e-mail di carte regalo.

Amazon considera le carte regalo come credito del negozio che può essere conservato sull'account. Nel loro messaggio di posta elettronica, hanno incluso un deep link che porta gli utenti direttamente al sito Web o all'app Amazon (a seconda del dispositivo) che ha applicato automaticamente i crediti all'account del destinatario.

Riscattare le carte regalo

Come suggerito da Kim Salazar, l'utilità di coupon e buoni regalo è direttamente proporzionale alla loro facilità di utilizzo nel negozio online.

Dovresti evitare di imporre limiti al riscatto del buono regalo, come l'importo minimo dell'ordine. Un'altra buona pratica UX generale è ricordare che i destinatari dei buoni regalo saranno più sensibili alle informazioni sui costi di spedizione e sui prodotti. Tale cliente configura il contenuto del carrello con maggiore attenzione del solito. Ciò è dovuto al timore che la differenza tra il valore nominale della carta e l'importo dell'ordine vadano persi. Questo è il motivo per cui dovresti anche dare un'occhiata al percorso dell'utente nel suo insieme e introdurre correzioni per offrire la migliore esperienza utente possibile.

{{CLIENTE}}

{{CLIENTE FINALE}}

Consenti riscatti parziali

Puoi considerare le carte regalo come un metodo di pagamento, non come un buono promozionale. Questa opzione è ottima se utilizzi carte regalo ricaricabili, come nella custodia Starbucks. Quindi il saldo sulla carta viene calcolato dinamicamente e i crediti vengono utilizzati come metodo di pagamento. Simile a una carta di credito o di debito. Se opti per questa soluzione, devi assicurarti che le carte regalo non abbiano una data di scadenza (o molto lunga). Ciò può rendere le tue carte regalo molto attraenti, ma allo stesso tempo richiede un'infrastruttura di alta qualità per mantenere la carta riscattabile per sempre.

Esempio:

Acquistare con una carta regalo Zalando è facile, ma iniziare può rappresentare una sfida per l'utente. Per utilizzare la carta regalo come previsto, il destinatario deve creare un account e trovare la "scheda I tuoi buoni" e inserire il codice della carta regalo nel campo di testo designato per riscattarlo. Dopo il riscatto, i contanti caricati sulla carta vengono trattati come crediti Zalando e possono essere utilizzati come metodo di acquisto.

Il problema con questo approccio è che gli utenti potrebbero non sapere che devono creare un account per riscattare la carta e vedere il proprio saldo. Il riscatto della carta è possibile anche in fase di checkout inserendo il codice della carta regalo nel campo del voucher. L'importo del buono viene quindi applicato all'importo totale nel carrello. Consiglierei di rendere chiare entrambe le possibilità al destinatario della carta.

Progetta il campo di immissione della carta regalo

I destinatari delle carte regalo desiderano utilizzare i loro regali il prima possibile. Per soddisfare questa esigenza, dovresti fornire un campo di immissione del voucher all'inizio del processo di acquisto, preferibilmente nel carrello prima del checkout. Questo approccio consente ai clienti di verificare in anticipo se la carta è valida prima di inserire le informazioni personali.

Un approccio ancora migliore è quello di offrire la possibilità di riscattare un buono regalo nella prima fase possibile del processo di acquisto, molto prima che durante la finalizzazione e il pagamento dell'ordine.

Esempio:

Winc offre un design dell'interfaccia utente semplice e consente agli utenti di riscattare un buono regalo all'inizio del loro viaggio, limitando efficacemente lo stress o il disagio connesso all'impossibilità di trovare il campo di riscatto.

Birchbox, un marchio di prodotti di bellezza in abbonamento, consente inoltre agli utenti di riscattare subito il buono regalo. Le informazioni sul riscatto rapido della carta si trovano nel piè di pagina.

Inoltre, il posizionamento dell'input del voucher dovrebbe essere la parte fondamentale del processo di checkout ed essere visualizzato correttamente nel sito Web o nella struttura dell'app. Assicurati di renderlo abbastanza lungo da contenere l'intero codice del voucher.

Un'altra buona pratica relativa ai codici regalo è quella di distinguere chiaramente tra i campi pagamento e voucher poiché la loro vicinanza e somiglianza possono essere fonte di frustrazione per i potenziali acquirenti.

Le linee guida corrispondono alle migliori pratiche per l'interfaccia utente dei coupon. Se desideri imparare a progettare i campi di input del voucher, leggilo.

Esempio:

Birchbox è un ottimo esempio di casella di inserimento voucher. Il nome della scatola, "promozioni e codici regalo", rende lo scopo della scatola chiarissimo. Molti siti di e-commerce utilizzano "Codici promozionali" come nome per questa sezione, il che può confondere i proprietari di carte regalo poiché le carte non sono considerate promozioni. Offrono anche un collegamento per aprire una casella di codice coupon nella vista di pagamento per coloro che l'hanno perso nella vista del carrello. È un ottimo modo per mantenere l'opzione per aggiungere un codice coupon in entrambi i passaggi.

Crea messaggi di successo e di errore

Mostra un messaggio di successo e il totale dell'ordine modificato per confermare che il codice del buono regalo è stato applicato correttamente. Posiziona il messaggio vicino al campo del voucher per assicurarti che gli utenti lo vedano e associalo al codice inserito. Avere quel messaggio mostrato in cima o in fondo alla pagina potrebbe creare confusione. Tuttavia, il messaggio di successo non dovrebbe essere l'unica conferma che l'utente riceve. Riflette il totale dell'ordine modificato sia nel carrello degli acquisti che nella visualizzazione del pagamento.

Con la stessa logica, dovresti anche visualizzare un messaggio di errore pertinente che indichi il tipo di problema con la carta regalo. Non visualizzare lo stesso messaggio di errore in ogni caso in quanto non indicherà all'utente cosa non va e come risolvere il problema. Ecco alcuni esempi:

• "Il codice della carta regalo non è corretto. Riprova."
• "Il codice della carta regalo è scaduto."
• "Non sei il titolare della carta regalo (se assegni buoni regalo a singoli clienti)."
• "Il tuo ordine non soddisfa le condizioni della carta regalo (se assegni limiti al riscatto della carta)."
  

Esempio:

SummerSalt visualizza un messaggio di errore se il codice inserito non è valido o se le condizioni della promozione non sono soddisfatte. Incoraggiano i clienti a ricontrollare il loro codice.

Progetta le notifiche di scadenza delle carte regalo

Se le tue carte hanno una data di scadenza, devi pianificare un po' di più in anticipo e impostare notifiche automatiche per richiedere agli utenti di utilizzare il saldo della carta prima che scada. Qui, dovresti seguire le migliori pratiche di UX legate all'email marketing, ovvero rendere la visuale accattivante, mantenere la copia intelligente, aggiungere un CTA ben contrastante ed astenersi dall'usare parole che possono essere contrassegnate come spam ("sconto" ”,”affare”,”vendita”).

Sommario

Spero che questo elenco di best practice ti aiuti a iniziare a progettare il tuo sito Web e i dispositivi mobili per le carte regalo o a migliorare il design dell'interfaccia utente attuale. Se stai cercando consigli generali sulla creazione di una campagna di carte regalo, assicurati di dare un'occhiata a questa guida.

{{CTA}}

Pronto a portare le tue carte regalo al livello successivo?

Iniziare

{{ENDCTA}}