Cele mai bune practici UX și UI pentru carduri cadou

Nu este de mirare că cardurile cadou au devenit un subiect fierbinte în comerțul electronic. Ele nu sunt numai grozave pentru a-și exprima recunoștința și afecțiunea, dar sunt și o soluție eficientă la unele dileme de cumpărare care se ridică atunci când nu mai aveți timp pentru a veni cu o idee inteligentă pentru un cadou.

Cuprins

• ‍ ‍ Proiectați o cale separată de cumpărare pentru cardurile cadou
• Creați o pagină de destinație separată care listează toate opțiunile de cadouri
• Furnizați o secțiune separată pentru ca clienții să verifice starea cardului cadou
• Promovați cardurile cadou în mai multe spații
• Proiectați călătoria de cumpărare a cardului cadou
• Alegerea tipului de cadou
• Selectarea formatului cardului
• Alegerea datei de livrare (opțional)
• Alegerea sumei cardului cadou
• Furnizarea de informații despre destinatari
• Personalizarea codului cardului cadou
• Selectarea modelelor de tichete cadou
• Încărcarea unei fotografii pentru a personaliza cardurile
• Procesul de plată
• Trimiteți carduri către destinatari prin mai multe canale
• Vino cu un design eficient de e-mail
• Valorificarea cardurilor cadou‍
• Permite răscumpărări parțiale
• Proiectați câmpul de introducere a cardului cadou
• Creați mesaje de succes și de eroare
• Creați notificări de expirare a cardului cadou
• rezumat
  

Aproape 3 miliarde de dolari în numerar pentru carduri cadou au rămas neutilizate numai în 2019. Între timp, cheltuielile totale cu cardurile cadou în 2019 au fost de 98,6 miliarde de dolari. Sursă

Știind că cardurile cadou sunt un instrument extrem de puternic, merită să simplificați procesul de cumpărare și răscumpărare a cardurilor cadou. Dar cum ar trebui să fie proiectate câmpurile de intrare? Pe ce subpagini ar trebui promovate? Și cum ar trebui să arate achiziția și răscumpărarea cardului pe baza principiilor UX?

Această postare de blog colectează cele mai bune practici și inspirații pentru proiectarea cardurilor cadou UX și UI pentru site web și mobil. Vom acoperi întreaga călătorie a clientului, de la promovarea cardurilor cadou pe site-ul dvs. până la finalizarea procesului de cumpărare, partajarea cardului cu norocosul destinatar și, în final, valorificarea cardului în magazinul dvs.

{{CARTE}}

{{ENDEBOOK}}

Notă: Toate capturile de ecran de pe desktop au fost făcute pe Mac, Chrome.

Notă: Obiectivul principal al acestei postări sunt cardurile cadou care pot fi achiziționate fie sub formă de coduri digitale, fie carduri tipărite. Dacă doriți să aflați mai multe despre utilizarea cardurilor cadou ca instrumente de promovare și stimulente, vă recomand să consultați ghidul nostru UX pentru cupoane și promoții .

Proiectați o cale separată de cumpărare pentru cardurile cadou

Calea de cumpărare a cardurilor cadou poate fi foarte diferită de călătoria standard a clientului, mai ales dacă oferiți tichete cadou digitale. Acesta este motivul pentru care ar trebui să fie proiectat ca un modul separat al site-ului dvs. Cele mai multe căi de cumpărare a cardurilor cadou se vor reduce la câțiva pași cruciali care trebuie să se reflecte în designul interfeței dvs. de utilizare:

• În primul rând, găsiți secțiunea de carduri cadou din magazinul dvs.
• Alegerea formatului și șablonului cardului cadou (recomandat).
• Selectarea valorii cardului.
• Stabilirea modului de livrare și a datei.
• Completarea informațiilor destinatarului și a mesajului care va fi trimis împreună cu cardul.
• Verifică.
  

După cum puteți observa, acest proces diferă de la achiziționarea standard a unui produs în care un produs este adăugat în coș și nu trebuie furnizate detalii suplimentare. Acesta este motivul pentru care trebuie să dezvoltați un design diferit pentru această secțiune, care diferă de pagina dvs. standard de vizualizare a produsului. Dar mai multe despre asta mai târziu.

Această postare este scrisă în principal pentru carduri cadou electronice. Dacă oferiți tichete cadou doar în locațiile fizice, iată o listă cu cele mai bune practici UX pentru cardurile fizice:

• Faceți-le atrăgătoare – designul poate decide dacă un client le va observa și ia în considerare o achiziție.
• Înfășurați-le – puneți felicitările în plicuri și oferiți clienților un spațiu pentru a scrie un mesaj personalizat sau cele mai bune urări.
• Pune-le pe ecran – pune-le peste tot și fă-le imposibil de trecut cu vederea (de exemplu, casieria).
• Faceți-le adaptabile pentru dispozitive mobile – asigurați-vă răscumpărările pe dispozitive mobile și permiteți clienților să răscumpere cardurile cadou afișate pe un dispozitiv mobil. De exemplu, folosind coduri QR sau coduri de bare care pot fi scanate și salvate pe un dispozitiv mobil.
  

Cu toate acestea, dacă ați trecut la digital, iată câteva dintre regulile de top pentru a vă asigura că călătoria dvs. cu cardul cadou este concepută corespunzător din perspectiva UX și UI.

Creați o pagină de destinație separată care listează toate opțiunile de cadouri

Acum că știți despre necesitatea de a investi ceva mai mult timp în proiectarea modulului dvs. de cadouri, devine clar că veți avea nevoie și de o pagină de destinație. Pagina de destinație a cardului cadou ar trebui să explice în mod clar opțiunile disponibile pentru cardul cadou. Ar trebui să prezinte diferite modele de card (dacă oferiți multe) și să prezinte diferite opțiuni de livrare a cardului (dacă furnizați atât e-mail, cât și imprimare). De asemenea, este recomandat să plasați acolo câteva întrebări frecvente sau T&C pentru a oferi informații suplimentare potențialilor cumpărători.

Exemplu:

Zalando are o pagină de destinație dedicată pentru promovarea cardurilor lor cadou. Din această perspectivă, potențialii cumpărători pot vedea toate opțiunile posibile de personalizare și pot alege între carduri standard și cutii cadou.

Winc, o afacere de comerț electronic cu vinuri, a inclus o secțiune de întrebări frecvente pe pagina de destinație a cardului cadou cu o copie inteligentă.

Puteți folosi pagina de destinație nu numai pentru a vă prezenta oferta, ci și pentru a le permite clienților să verifice soldul actual al cardului. Unele companii folosesc acest spațiu și pentru a permite utilizatorilor să reîncarce cardurile pe care le dețin deja.

Furnizați o secțiune separată pentru ca clienții să verifice starea cardului cadou

Nu contează dacă oferiți carduri cadou ca stimulent sau produs achiziționabil, este totuși recomandat să oferiți un spațiu separat pentru ca utilizatorii să își verifice starea cardului. Puteți permite clienților să verifice valabilitatea cardului, soldul curent sau chiar să reîncarce cardul sau să transfere credite pe un alt card.

Exemplu:

Shein are un mic widget în secțiunea cardurilor cadou care le permite clienților să verifice soldul cardului cadou, făcând din acest spațiu locul de plecare pentru orice are legătură cu cardurile cadou.

Starbucks le permite utilizatorilor să verifice soldul, să transfere soldul, să raporteze orice probleme sau să reîncarce cardurile într-o secțiune separată a paginii.

Promovați cardurile cadou în mai multe spații

Pe lângă crearea unei pagini de destinație pentru cardurile dvs. cadou, ar trebui să faceți această parte a magazinului dvs. ușor accesibilă pentru orice potențial clienți. Nu veți vedea venituri prea mari din cadouri dacă clienții nu pot găsi cu ușurință carduri pe site-ul dvs. Informațiile despre cardurile cadou ar trebui să fie plasate în bara de navigare a paginii și în subsol. Dacă cardurile cadou sunt ceva nou sau un sezon de cadouri este pe cale să înceapă, puteți lua în considerare lansarea unei campanii promoționale speciale cu reducere la cardurile cadou pentru a crește gradul de conștientizare a clienților.

Exemplu:

Home Depot, pe lângă o bară de navigare, are și o bară de sus cu servicii suplimentare. Au decis să folosească acest spațiu pentru promovarea tichetelor cadou. Urmează bunele practici UX, deoarece clienții vor vedea în orice moment această ofertă în partea de sus a paginii.

Au inclus și carduri cadou la subsol.

Zalando informează despre cardurile cadou atât în ​​bara de navigare, cât și în subsol. Cu toate acestea, în acest caz, cardurile cadou au fost listate în categoria Accesorii, ceea ce le face mai greu de găsit decât în ​​The Home Depot.

Pe lângă navigarea pe site sau în aplicația mobilă, puteți adăuga și carduri cadou la subsolul e-mailurilor dvs. În plus, le puteți încorpora și în etapele specifice ale călătoriei clientului. De exemplu, puteți să menționați carduri cadou în e-mailul de mulțumire ulterioară achiziției pentru a încuraja cumpărătorii să aducă cuiva un card cadou în magazinul dvs., deoarece deja le-a plăcut să cumpere cu marca dvs. O altă idee ar fi să adăugați carduri la secțiunea de articole recomandate lângă vizualizarea coșului.

Vorbind de e-mailuri, puteți lua în considerare și trimiterea de mesaje separate pentru a promova cardurile cadou în anumite perioade ale anului. De exemplu, vizați sărbători precum Crăciunul sau Ziua Mamei cu mesaje de e-mail dedicate despre posibilitățile de cadouri din magazinul dvs.

Exemplu :

Winc a trimis un e-mail separat pentru a reaminti abonaților despre Ziua Mamei și pentru a promova cardurile cadou.

Alloy Apparel a lansat o campanie de reduceri la toate cardurile cadou fizice cu o zi înainte de Crăciun pentru a oferi clienților șansa de a cumpăra cardurile în ultimul moment.

Proiectați călătoria de cumpărare a cardului cadou

Alegerea tipului de cadou

Acum că știm cum să ne asigurăm că clienții ne găsesc oferta, putem proiecta cea mai bună cale posibilă de cumpărare. Desigur, calea dvs. de cumpărare poate diferi de cea pe care o voi acoperi mai jos.

Exemplu:

PrettyLittleThing oferă un singur tip și format de cadou. Acesta este motivul pentru care călătoria lor către clienți începe cu selecția de șabloane de tichete cadou.

Să începem cu selectarea tipului de card cadou. Există o mulțime de opțiuni de cadouri disponibile, de la tichete digitale individuale la carduri corporative și cadouri de grup. Designul pentru această fază va varia foarte mult în funcție de gama de carduri cadou pe care doriți să le oferiți. Asigurați-vă că, indiferent de câte opțiuni există, toate sunt enumerate lizibil – este foarte recomandat să vă păstrați arhitectura informațională netedă, cu excepția cazului în care doriți să subliniați o singură opțiune de cadouri.

Exemplu :

Home Depot oferă mai multe opțiuni de cadouri. Cardurile individuale sunt promovate în bannerul de sus deasupra grilei de opțiuni bonus la fel de importante, făcând aspectul ușor de înțeles pentru utilizator și toate opțiunile vizibile dintr-o privire.

Zalando oferă, de asemenea, mai multe opțiuni de personalizare, dar a optat pentru un aspect vertical în care clienții trebuie să deruleze în jos pentru a vedea toate opțiunile disponibile. Deoarece Zalando oferă doar carduri individuale, acestea nu au nevoie de un aspect plat. În schimb, ei folosesc pagina pentru a comuta focalizarea pe diferite șabloane și opțiuni. Opțiunea suplimentară (cutii cadou) este oferită în partea de jos a paginii, arătând clar că nu este produsul principal.

Selectarea formatului cardului

Dacă oferiți tichete cadou atât digitale, cât și fizice, următorul pas în calea spre cumpărare ar trebui să fie alegerea între aceste două opțiuni. Rețineți că acest lucru și următorii pași ar trebui să fie prezentați pe o singură pagină. Dirijarea utilizatorilor către pagini noi pentru a finaliza procesul de cumpărare va afecta probabil experiența și îi va face să renunțe.

Alegerea dintre metodele de livrare ar trebui să fie clară. Puteți încerca să utilizați culori sau pictograme contrastante pentru a sublinia diferența dintre ambele opțiuni. De asemenea, se recomandă utilizarea unei copii clare – contrastul dintre „Trimite prin e-mail” și „Trimite prin poștă” ar trebui să fie suficient de transparent. Puteți oferi și o opțiune de a avea un design imprimabil (un PDF atașat la e-mail) pe lângă formatul complet digital dacă persoana supradotată îl primește prin e-mail, dar dorește să-l aducă în magazin tipărit. De asemenea, puteți încorpora un cod QR cadou în e-mail, astfel încât să poată fi scanat rapid la POS.

Exemplu:

Victoria's Secret își începe călătoria clienților cu alegerea dintre metodele de livrare. Interfața de utilizare acordă aceeași importanță ambelor opțiuni. Cu toate acestea, aș recomanda CTA-uri mai contrastante – „Trimite prin e-mail” și „Trimite prin e-mail” pot fi confuze, în special pentru cei care nu vorbesc limba engleză.

Alegerea datei de livrare (opțional)

Pentru a spori UX-ul tichetelor dvs. cadou, puteți adăuga puțin mai multă personalizare cardurilor dvs. digitale, permițând utilizatorilor să aleagă când anume trebuie trimis cardul. Are sens din perspectiva utilizării, deoarece felicitările sunt de obicei trimise ca cadouri – este nasol să trimiți un cadou de ziua de naștere cu cinci zile înainte de marea întâlnire, nu?

Exemplu:

PrettyLittleThing face necesar ca utilizatorul să seteze data și ora de livrare dorite. Au folosit o listă derulantă simplă. Aș recomanda utilizarea unui selector de date calendaristice, care oferă utilizatorilor o imagine mai bună asupra datei pe care au selectat-o ​​(de exemplu, ziua săptămânii).

Alegerea sumei cardului cadou

În pasul următor, ar trebui să permiteți utilizatorilor să selecteze suma cardului cadou. Combinația de valori sugerate și pe care se poate face clic și câmpuri de introducere personalizate funcționează cel mai bine. Astfel, oferiți utilizatorilor un indiciu despre care ar trebui să fie valoarea cadoului și îl faceți ușor de selectat și, în același timp, oferiți un câmp pentru personalizare dacă clienții doresc să achiziționeze o valoare a cardului non-standard.

Exemplu:

Saatchi Art, o piață de artă online, folosește atât valorile sugerate, cât și un câmp de introducere personalizat pentru a nu impune limite. Dacă utilizatorul depășește valoarea maximă a cardului cadou, acesta va primi un mesaj de eroare care îl va informa despre detaliile erorii în partea de sus a paginii.

Zalando impune limite asupra valorii cardului cadou plasând valorile posibile între 50 și 100 GBP. Această abordare poate avea sens din punct de vedere economic. Cu toate acestea, limitează dramatic flexibilitatea voucherelor și poate conduce utilizatorii să părăsească site-ul dvs. dacă doresc să obțină un card cadou mai scump.

Tiffany & Co. nu oferă valori personalizate pentru carduri. În schimb, oferă valori predefinite ale cardurilor. Ceea ce merită remarcat este că valoarea implicită a cardului este de 500 USD, chiar dacă sunt disponibile valori mai mici. Astfel, Tiffany & Co. reușește să direcționeze clienții să se concentreze pe carduri de valoare mai mare și să le facă mai dezirabile și percepute ca preț standard.

Furnizarea de informații despre destinatari

Acesta este un pas crucial al procesului de proiectare, mai ales în contextul voucherelor digitale. Ar trebui să acoperiți cel puțin două câmpuri de introducere aici – adresa de e-mail a destinatarului și mesajul cardului cadou pe care ar trebui să îl conțină e-mailul. Unele companii oferă, de asemenea, opțiuni de personalizare a liniei de subiect pentru a face livrarea cardului și mai personalizată. Principalul lucru este să solicitați doar informațiile necesare (numele și adresa de e-mail a destinatarului). Nu includeți prea multe câmpuri suplimentare.

Un alt lucru este mesajul cardului – cel mai bine este să oferiți un mesaj prescris pentru a facilita clienților să trimită cardurile mai rapid. Cu toate acestea, ar trebui să permiteți utilizatorilor să modifice sau să personalizeze mesajele dacă nu le place textul prescris. De asemenea, faceți câmpul de mesaj opțional.

Exemplu :

Starbucks oferă o interfață de utilizare simplă pentru informațiile destinatarului și expeditorului.

Amazon oferă utilizatorilor un mesaj simplu prescris pentru a le oferi o idee despre cum ar putea arăta mesajul.

Personalizarea codului cardului cadou

Dacă cardurile cadou reprezintă o parte importantă a afacerii dvs., vă puteți gândi la îmbunătățirea potențialului lor de personalizare. Software-ul cardului cadou ar trebui să vă permită să personalizați codul cardului cadou astfel încât să se potrivească cu prenumele destinatarului sau să includă ocazia specială la care este conectat cardul (de exemplu, HAPPYBIRTHDAY7593). Acest truc simplu va face cardul mai memorabil. Modelul unic va ușura, de asemenea, aplicarea codului cardului la casă, datorită excluderii caracterelor confuze sau a lungimii adecvate. Accesați aici pentru mai multe detalii despre îmbunătățirea experienței de validare a codului.

Selectarea modelelor de tichete cadou

Deoarece cardurile cadou sunt de obicei trimise ca cadouri, cel mai bine este să le faceți plăcute din punct de vedere vizual și legate de ocazie. De exemplu, imaginați-vă că primiți o felicitare de ziua de naștere care este în întregime gri și fără urări de ziua de naștere. Nu ar fi cel mai bun cadou, nu-i așa? De aceea este recomandat să oferiți cel puțin mai multe șabloane de tichete cadou.

Exemplu:

Amazon oferă o mulțime de șabloane de carduri, iar utilizatorii pot cumpăra după ocazie, simplificând calea de cumpărare a cardului. Motorul lor de carduri cadou oferă cadouri pentru o mulțime de ocazii. Mai mult, cu modele multiple, diversificate, face ca un card preplătit să arate ca un cadou personalizat.

Încărcarea unei fotografii pentru a personaliza cardurile

Un câștig rapid UX bonus ar fi acela de a permite utilizatorilor să-și încarce fotografiile pentru a personaliza cardul. Rețineți, totuși, că adăugarea acestei funcții necesită să veniți cu termeni de utilizare pentru fotografii pentru a vă proteja de încălcarea oricăror drepturi de proprietate intelectuală a terților.

Exemplu:

Zalando permite utilizatorilor să-și creeze design-urile cardurilor. Cu toate acestea, pentru a se asigura că totul este reglementat din punct de vedere legal, Zalando solicită utilizatorilor să respecte termenii lor de utilizare.

Procesul de plată

Când utilizatorii completează toate informațiile necesare, treceți la pasul de finalizare a comenzii, conceput ca finalizarea standardului dvs. Asigurați-vă că utilizatorii pot corecta rapid informațiile pe care le-au furnizat sau pot face modificări cardului fără a șterge întregul coș și pornind de la zero de fiecare dată când fac o modificare. De asemenea, se recomandă să se potrivească detaliile cardului în această vizualizare. Puteți utiliza un text extensibil ascuns în mod implicit și prezentat atunci când utilizatorii dau clic pe o pictogramă desemnată sau trec cu mouse-ul peste card.

Exemplu :

PrettyLittleThing este un exemplu de UX de plată proastă a cardului cadou. După ce utilizatorii adaugă cardul în coș, nu există o modalitate simplă de a actualiza detaliile cardului, cum ar fi informațiile destinatarului sau valoarea voucherului. Singura modalitate este să scoateți cardul din cărucior și să începeți din nou întregul proces.

Winc permite utilizatorilor să actualizeze valoarea cardului în timp ce sunt încă în vizualizarea coșului.

Trimiteți carduri către destinatari prin mai multe canale

Există mai multe opțiuni pentru a partaja cardurile cu destinatarii. Aici sunt câțiva dintre ei:

• Trimite prin e-mail.
• Trimiteți cumpărătorului ca PDF imprimabil care poate fi partajat fizic cu destinatarul.
• Livrați carduri fizice prin poștă cumpărătorului sau destinatarului.
• Trimiteți prin intermediul rețelelor sociale, de exemplu, Messenger, Whatsapp.
  

În ceea ce privește designul UI, ne vom concentra pe cardurile digitale trimise prin e-mail destinatarului. Dacă este prima dată când destinatarii aud despre marca dvs., puteți implementa mai multe semnale de încredere pe e-mailul dvs. Iată câteva sfaturi despre cum să nu ajungi în spam:

• O identitate clară a expeditorului este un marcator de încredere important – puteți lua în considerare includerea numelui expeditorului în subiectul e-mailului cu cardul cadou atașat pentru a spori încrederea. De exemplu, folosiți subiectul „Katie tocmai ți-a trimis un cadou!”
• Profitați de personalizare – dacă aveți numele destinatarului, ar trebui să îl adăugați la e-mail pentru a îmbunătăți UX și pentru a face mesajul mai demn de încredere.
• Nu exagerați valoarea cardului cadou în linia de subiect – încercați să vă abțineți de la a folosi expresii precum „voucher”, „cod”, „ofertă” sau valoarea numerică a cardului în linia de subiect. Furnizorul de e-mail al destinatarului poate trata mesajul dvs. ca spam sau îl poate plasa în fila Promoție a căsuței poștale.
  

Vino cu un design eficient de e-mail

Când vine vorba de conținutul e-mailului, acesta trebuie să acopere mai multe puncte:

• Includeți valoarea cardului.
• Includeți un link către anumite T&C sau informații suplimentare despre limitările valorificării cardului (dacă există).
• Cod card cadou care este ușor de copiat într-un clipboard, de preferință cu un singur clic.
• Un CTA care duce destinatarul la magazinul dvs.
  

Rețineți că utilizatorii vă pot citi e-mailurile atât pe desktop, cât și pe dispozitive mobile. Pentru a vă asigura că cardurile dvs. cadou sunt prietenoase cu dispozitivele mobile, puteți include link-uri profunde în CTA pentru a vă asigura că utilizatorii merg direct la aplicația dvs. de comerț electronic cu codul cadou deja adăugat în portofelul lor digital. Dacă decideți doar formatul de e-mail, asigurați-vă că includeți un cod de bare ușor de mărit sau un cod QR cu o rată de contrast mare pentru a vă asigura că dispozitivul de scanare de la POS îl poate valorifica.

Exemplu:

Watsi, o organizație de asistență medicală de caritate, bifează toate casetele de selectare atunci când vine vorba de designul adecvat al e-mailului cardului cadou.

Amazon tratează cardurile cadou drept credit de magazin care poate fi păstrat în cont. În mesajul lor de e-mail, ei au inclus un link profund care duce utilizatorii direct la site-ul web sau aplicația Amazon (în funcție de dispozitiv) care a aplicat automat creditele în contul destinatarului.

Valorificarea cardurilor cadou

După cum sugerează Kim Salazar, utilitatea cupoanelor și tichetelor cadou este direct proporțională cu ușurința lor de utilizare în magazinul online.

Ar trebui să evitați să impuneți limite pentru răscumpărarea voucherelor cadou, cum ar fi suma minimă a comenzii. O altă practică generală bună UX este să vă amintiți că destinatarii cardurilor cadou vor fi mai sensibili la informațiile despre livrare și costul produsului. Un astfel de client configurează conținutul coșului cu o atenție mai mare decât de obicei. Acest lucru se datorează temerii că diferența dintre valoarea nominală a cardului și suma comenzii s-ar putea pierde. Acesta este motivul pentru care ar trebui să aruncați o privire și asupra călătoriei utilizatorului în ansamblu și să introduceți remedieri pentru a oferi cea mai bună experiență posibilă pentru utilizator.

{{CLIENT}}

{{CLIENTUL FINAL}}

Permite răscumpărări parțiale

Puteți trata cardurile cadou ca pe o metodă de plată, nu ca pe un voucher promoțional. Această opțiune este grozavă dacă folosești carduri cadou reîncărcabile, ca în cazul Starbucks. Apoi soldul cardului este calculat dinamic, iar creditele sunt folosite ca metodă de plată. Similar cu un card de credit sau de debit. Dacă optați pentru această soluție, trebuie să vă asigurați că cardurile cadou nu au pe ele o dată de expirare (sau una foarte lungă). Acest lucru vă poate face cardurile cadou foarte atractive, dar, în același timp, necesită o infrastructură de înaltă calitate pentru a păstra cardul rambursabil pentru totdeauna.

Exemplu:

Cumpărăturile cu un card cadou Zalando sunt ușor, dar începerea poate reprezenta o provocare pentru utilizator. Pentru a utiliza cardul cadou așa cum este intenționat, destinatarul trebuie să creeze un cont și să găsească „fila Vouchere” și să plaseze codul cardului cadou în câmpul de text desemnat pentru a-l valorifica. După răscumpărare, numerarul încărcat pe card este tratat ca credite Zalando și poate fi folosit ca metodă de cumpărare.

Problema cu această abordare este că este posibil ca utilizatorii să nu știe că trebuie să-și creeze un cont pentru a răscumpăra cardul și pentru a-și vedea soldul. Valorificarea cardului este posibilă și la finalizarea casei prin introducerea codului cardului cadou în câmpul voucher. Suma voucherului este apoi aplicată la suma totală din coșul de cumpărături. Aș recomanda să faceți ambele posibilități clare pentru destinatarul cardului.

Proiectați câmpul de introducere a cardului cadou

Destinatarii cardului cadou doresc să-și folosească cadourile cât mai curând posibil. Pentru a îndeplini această nevoie, ar trebui să furnizați un câmp de introducere a voucherului la începutul procesului de cumpărare, de preferință în coș înainte de finalizare a plății. Această abordare permite clienților să verifice din timp dacă cardul este valid înainte de a introduce informații personale.

O abordare și mai bună este de a oferi posibilitatea valorificării unui voucher cadou în cel mai devreme stadiu posibil al procesului de cumpărare, mult mai devreme decât în ​​timpul finalizării și plății comenzii.

Exemplu:

Winc oferă un design simplu al interfeței de utilizare și le permite utilizatorilor să răscumpere un voucher cadou chiar la începutul călătoriei lor, limitând efectiv orice stres sau inconvenient legat de incapacitatea de a găsi câmpul de răscumpărare.

Birchbox, o marcă de produse de frumusețe cu abonament, le permite utilizatorilor să răscumpere imediat voucherul cadou. Informațiile despre răscumpărarea rapidă a cardului sunt plasate în subsolul paginii.

Mai mult, plasarea introducerii voucherului ar trebui să fie partea centrală a procesului de finalizare a comenzii și să fie afișată corect în structura site-ului web sau a aplicației. Asigurați-vă că îl faceți suficient de lung pentru a conține întregul cod voucher.

O altă bună practică legată de codurile cadou este de a distinge clar între câmpurile de plată și voucher, deoarece proximitatea și asemănarea acestora pot fi o sursă de frustrare pentru potențialii cumpărători.

Orientările se potrivesc cu cele mai bune practici pentru interfața de utilizare a cupoanelor. Dacă doriți să învățați cum să creați câmpuri de introducere a voucherelor, citiți-l.

Exemplu:

Birchbox este un exemplu excelent de casetă de introducere a voucherului. Numele cutiei, „Coduri promoționale și cadou” face ca scopul cutiei să fie clar. Multe site-uri de comerț electronic folosesc „Coduri promoționale” ca nume pentru această secțiune, ceea ce poate deruta proprietarii de carduri cadou, deoarece cardurile nu sunt considerate promoții. De asemenea, oferă un link pentru a deschide o casetă de cod de cupon în vizualizarea de finalizare a comenzii pentru cei care l-au ratat în vizualizarea coșului de cumpărături. Este o modalitate excelentă de a păstra opțiunea de a adăuga un cod de cupon la ambii pași.

Creați mesaje de succes și de eroare

Afișați un mesaj de succes și totalul comenzii modificate pentru a confirma că codul voucherului cadou a fost aplicat cu succes. Plasați mesajul aproape de câmpul voucher pentru a vă asigura că utilizatorii îl văd și îl asociază cu codul introdus. Faptul ca acel mesaj să fie afișat în partea de sus sau de jos a paginii poate fi confuz. Cu toate acestea, mesajul de succes nu ar trebui să fie singura confirmare pe care o primește utilizatorul. Reflectați totalul comenzii modificate atât în ​​coșul de cumpărături, cât și în vizualizarea de finalizare a comenzii.

În aceeași logică, ar trebui să afișați și un mesaj de eroare relevant care să precizeze tipul problemei cu cardul cadou. Nu afișați același mesaj de eroare în fiecare caz, deoarece nu va informa utilizatorul ce este greșit și cum poate rezolva problema. Aici sunt cateva exemple:

• „Codul cardului cadou este incorect. Vă rugăm să încercați din nou.”
• „Codul cardului cadou este expirat.”
• „Nu sunteți deținătorul cardului cadou (dacă atribuiți tichete cadou clienților individuali).”
• „Comanda dvs. nu îndeplinește condițiile cardului cadou (dacă alocați limite pentru valorificarea cardurilor).”
  

Exemplu:

SummerSalt afișează un mesaj de eroare dacă codul introdus este invalid sau dacă nu sunt îndeplinite condițiile de promovare. Ei încurajează clienții să-și verifice codul.

Creați notificări de expirare a cardului cadou

Dacă cardurile dvs. au o dată de expirare, trebuie să vă planificați puțin mai mult și să configurați notificări automate pentru a le solicita utilizatorilor să-și folosească soldul cardului înainte de expirare. Aici, ar trebui să urmați cele mai bune practici UX legate de marketingul prin e-mail, adică să faceți aspectul vizual atrăgător, să păstrați copia inteligentă, să adăugați un CTA frumos contrastant și să vă abțineți de la utilizarea cuvintelor care pot fi marcate ca spam („reducere” ,„ofertă”, „vânzare”).

rezumat

Sper că această listă de bune practici vă va ajuta să începeți să vă proiectați site-ul web și mobilul pentru carduri cadou sau să vă îmbunătățiți designul actual al interfeței de utilizare. Dacă sunteți în căutarea unor sfaturi generale despre crearea unei campanii de carduri cadou, asigurați-vă că consultați acest ghid.

{{CTA}}

Sunteți gata să vă aduceți cardurile cadou la următorul nivel?

Incepe

{{ENDCTA}}