Popup UX Design: cele mai bune practici, sfaturi și exemple

Fiecare site web care se concentrează pe profit este, de asemenea, concentrat pe obținerea mai multor conversii de la vizitatorii lor: încurajându-i să cumpere... sau cel puțin să se aboneze.

Ferestrele pop-up sunt cel mai bun instrument pentru a crește ratele de conversie. Rezultatele văzute de magazinele de comerț electronic care încep să folosească ferestre pop-up vorbesc de la sine:

• Kiss My Keto și-a redus rata de abandon a coșului cu 20%
• Christopher Cloos și-a îmbunătățit ratele de conversie cu 37%
• BOOM! de Cindy Joseph și-a crescut veniturile din comerțul electronic cu 148.297 USD în doar o lună

Secretul succesului campaniilor de mai sus a fost integrarea acestora cu experiența generală a utilizatorului (UX) a fiecărui site web. Aceste companii nu au întrerupt niciodată utilizatorii în timp ce afișau ferestre pop-up, ci i-au stabilit inteligent să apară atunci când ar putea oferi conținut util și relevant la momentul potrivit.

Dacă puteți realiza acest lucru pe site-ul dvs., nu numai că veți evita să vă perturbați UX, dar o veți îmbunătăți de fapt .

În acest articol, ne vom uita la 5 moduri prin care poți face exact asta, începând cu...

Ferestrele pop-up de intrare pot fi extrem de perturbatoare.

Acestea sunt ferestre pop-up care apar imediat ce se încarcă un site web. La fel cum un vizitator începe să se orienteze și să preia toate informațiile de pe site-ul dvs., el este întrerupt de o fereastră pop-up care iese din senin.

De asemenea, ferestre pop-up de intrare:

• Împiedicați vizitatorii să aibă acces la conținutul dorit
• Conțin adesea conținut irelevant
• Încurcă vizitatorii

În concluzie, acestea sunt aproape întotdeauna mai enervante decât utile și degradează UX-ul site-ului tău.

În loc să vă deranjați vizitatorii cu ferestrele pop-up tradiționale, lăsați-i să-și cunoască mai întâi site-ul. Apoi, puteți afișa fereastra pop-up atunci când comportamentul lor indică faptul că sunt gata să vadă un mesaj secundar.

Iată câteva modalități tipice de a declanșa ferestre pop-up bazate pe implicarea utilizatorului:

• Afișează fereastra pop-up după X secunde: această opțiune oferă vizitatorilor ceva timp pentru a naviga pe pagina pe care o privesc. Le puteți atrage atenția după ce au petrecut ceva timp pe pagină.

• Afișați fereastra pop-up după derularea cu X procente: puteți seta ferestrele pop-up să apară după ce un vizitator a derulat în jos un anumit procent din pagina dvs. web.
  
  De exemplu, puteți seta o fereastră pop-up care să apară atunci când un vizitator ajunge la sfârșitul unui articol de blog, ceea ce înseamnă că este pregătit pentru un conținut nou (poate oferind o carte electronică gratuită în schimbul informațiilor sale de contact).

• Afișează-ți pop-up la intenția de ieșire: în acest fel, vei atrage atenția vizitatorilor care sunt pe cale să părăsească site-ul tău.
  
  Cu o fereastră pop-up cu intenția de ieșire, puteți opri pe cineva să plece fără a face conversie și îl puteți convinge să continue cumpărăturile sau să se aboneze la o listă de e-mail.

De asemenea, este esențial să acordați atenție „frecvenței” sau numărului maxim de ori setarea pop-up-ului. De obicei, doriți să limitați acest lucru la 1 sau 2 ori pe vizitator.

Afișarea mai multor ferestre pop-up poate fi în regulă (după cum vom vedea mai jos), dar vederea aceleiași ferestre pop-up din nou și din nou îi va înnebuni pe utilizatori.

Iată un exemplu bun de utilizare a ferestrelor pop-up bazate pe implicarea utilizatorului. Fereastra pop-up cu intenția de ieșire a lui Obvi apare doar vizitatorilor care abandonează site-ul.

Nu există un pop-up magic care să fie relevant pentru toți vizitatorii tăi. Asta pentru că nu toată lumea trebuie să vadă aceleași informații critice sau o ofertă de reducere în același timp.

Din păcate, nu puteți identifica soluția la problemele fiecărui individ și le prezentați cu soluțiile într-un pop-up.

În schimb, ceea ce puteți face este să vă segmentați vizitatorii în grupuri care împărtășesc nevoi și caracteristici similare.

Aceste segmente variază în funcție de industrie și de tipurile de produse pe care le vinde un magazin. Cu toate acestea, toate companiile își pot segmenta vizitatorii în grupuri în funcție de stadiul în care se află în procesul de cumpărare.

Gândiți-vă la „călătoria clientului”: cum învață oamenii mai întâi despre marca dvs., cum ajung la pagina dvs. de destinație și cum găsesc produsele pe care doresc să le cumpere.

Segmentele din diferite etape ale călătoriei clienților au nevoi diferite, iar ferestrele pop-up pe care le arătați trebuie să reflecte acest lucru.

Acum, să ne uităm la câțiva alți factori pe care îi puteți folosi pentru a vă segmenta clienții. De asemenea, vom împărtăși câteva idei de campanii pentru diferiți vizitatori în diferite etape ale călătoriei clienților.

2.1. Perspective reci vs fierbinte

„Perspecții fierbinți” sunt clienții care caută să cumpere ceva chiar acum, în timp ce „perspectivii rece” încă își explorează opțiunile și nu sunt deloc pregătiți să cumpere nimic.

În loc să-ți tratezi toți vizitatorii de parcă ar fi „clienți potențiali” care sunt gata să cumpere imediat, ar trebui să creezi diferite obiective de conversie pentru clienții potențiali și cei rece.

Pentru clienții potențiali, obiectivul de conversie este simplu: cumpărați acum. Mesajele dvs. trebuie să împingă acești potențiali spre o vânzare imediată folosind o reducere sau o ofertă limitată în timp .

Veți avea nevoie de un obiectiv de conversie secundar pentru clienții potențiali rece, care de obicei îi face să se înscrie pentru lista dvs. de e-mail. După ce le obțineți datele de contact, veți putea comunica cu ei de-a lungul timpului și veți cultiva relația până când sunt gata să cumpere.

Din acest motiv, trebuie să arătați vizitatorilor conținut rece care îi face să-și dorească să se aboneze, ca o carte electronică descărcabilă.

Să vedem cum funcționează în acțiune. Iată un exemplu grozav din câteva campanii BOOM !

Ei oferă o carte electronică ca magnet principal pentru clienții potențiali care sunt interesați de linia lor de produse, dar nu sunt încă pregătiți să facă o achiziție:

Pentru cei mai interesați potențiali ai lor (care și-au exprimat cel mai mare interes pentru conținutul BOOM! sau sunt pe cale să-și abandoneze coșul), aceștia folosesc oferta unui cupon de 10% reducere ca un stimulent pentru a cumpăra acum și nu mai târziu.

2.2. Geotargeting

Dacă vindeți la nivel internațional, direcționarea în funcție de locație sau direcționarea geografică poate fi o modalitate excelentă de a crește conversiile. Cu ajutorul direcționării geografice, puteți crea atâtea mesaje diferite pentru câte țări țintă doriți.

Segmentarea vizitatorilor în funcție de locația lor vă permite să le oferiți oferte specifice țării, cum ar fi oferte de transport. Iată un exemplu:.

2.3. Vizați vizitatorii în funcție de stadiul lor în procesul de cumpărare

Fiecare dintre clienții dvs. trece prin următoarele etape de conștientizare:

Cele 5 niveluri de conștientizare descriu diferitele mentalități în care vor avea clienții atunci când interacționează cu site-ul tău. Un client care tocmai a aflat că marca dvs. există va vedea aceeași pagină foarte diferit decât un client fidel.

De aceea, trebuie să comunicați diferite mesaje secundare prin ferestrele pop-up la fiecare dintre aceste segmente.

Iată câteva exemple de mesaje care sunt adaptate unuia dintre aceste grupuri.

1. Vizitatorii conștienți de probleme știu că au o problemă, dar încă încearcă să găsească cea mai bună modalitate de a o rezolva. Așadar, în acest moment, scopul tău este să-i ajuți să-și înțeleagă mai bine problema (fie că este o problemă de îngrijire a pielii sau nevoia unei noi perechi de pantofi de alergare) și să oferi posibile soluții.

O modalitate de a face acest lucru este prin postări pe blog și cărți electronice. De exemplu, dacă aveți un articol despre „sfaturi de alergare pentru începători”, puteți, de asemenea, să promovați o carte electronică care oferă sfaturi „cum să faceți” despre rularea unui 10K.

2. Vizitatorii conștienți de soluție știu ce tip de produs le va rezolva problema și își cântăresc activ opțiunile (făcându-i o perspectivă „mai fierbinte” decât vizitatorii conștienți de problemă despre care tocmai am discutat). Acest lucru vă simplifică obiectivul: ajutați-i să găsească cel mai bun produs pentru ei pe site-ul dvs.

O abordare dovedită presupune să le arăți cele mai populare produse (sau produse „la tendințe”) din categoria pe care o navighează.

3. Vizitatorii cei mai conștienți au găsit un anumit produs pe care îl iubesc și care le va rezolva problema. Tot ce trebuie să facă este să facă clic pe „Cumpără acum” și să treacă prin procesul de finalizare a comenzii. Chiar și acești clienți sunt cei mai „foarte” potențiali ai tăi, deseori vor avea nevoie de un impuls final pentru a face o achiziție.

O ofertă specială irezistibilă care este disponibilă doar pentru o perioadă limitată de timp este cea mai bună modalitate de a convinge acest segment să cumpere acum și nu mai târziu.

2.4. Segmentare avansată

De asemenea, puteți lua în considerare comportamentul vizitatorilor dvs. la fața locului, permițându-vă să creați segmente din ce în ce mai specifice de utilizatori. Cu cât segmentarea dvs. este mai specifică, cu atât mesajele dvs. pot fi mai relevante.

Puteți utiliza următorul comportament specific utilizatorului pentru a vă segmenta în continuare vizitatorii:

• Au fost pe subpagina actuală de cel puțin X secunde
• Sunt dintr-o anumită sursă de trafic
• În prezent, răsfoiți o anumită pagină
• Ați vizitat anterior o anumită pagină(e)
• Aveți anumite articole în coșul lor
• Au o valoare a coșului mai mare decât un anumit prag

Acest lucru vă permite să:

• Afișați diferite ferestre pop-up vizitatorilor care provin din diferite surse de trafic (de exemplu, Facebook vs. Google Ads).
• Afișați anumite campanii clienților potențiali care au vizitat anumite pagini, dar nu au făcut încă o achiziție.
• Vizați vizitatorii în funcție de articolele pe care le-au adăugat deja în coșul lor (pentru upselling și cross-selling).

După cum spuneam, „Dacă vindeți tuturor, nu vindeți nimănui”. Puteți duce acest lucru la următorul nivel cu personalizare.

După ce v-ați împărțit vizitatorii în segmente în funcție de interesele lor, de variabilele demografice sau geografice și de stadiul lor în procesul de cumpărare, le puteți afișa cele mai relevante mesaje.

De exemplu, dacă vindeți produse electronice și știți că un anumit vizitator este interesat de smartphone-uri, „25% REDUCERE la smartphone-uri” este un mesaj mult mai eficient decât „25% REDUCERE la produsele selectate”.

Există patru niveluri de bază de personalizare pentru mesajele din ferestrele pop-up:

1. Toată lumea primește același mesaj: cu alte cuvinte, difuzați o ofertă generală tuturor vizitatorilor site-ului dvs. Acest lucru nu este recomandat.
2. Faceți două oferte diferite pentru clienți potențiali și potențiali rece: adică vă împărțiți audiența în două segmente majore în funcție de implicarea lor. Chiar și această simplă segmentare poate face diferența.
3. Există mai multe oferte pentru fiecare dintre principalele grupuri de vizitatori: În acest caz, vă împărțiți vizitatorii în mai multe grupuri diferite pe baza variabilelor relevante și îi reangajați cu mesaje personalizate pentru fiecare grup.
4. Toată lumea primește un mesaj personalizat folosind Înlocuirea dinamică a textului: acesta este cel mai înalt nivel de personalizare pentru ferestrele pop-up. Fiecare mesaj este adaptat individului care îl vede.

Cu Înlocuirea dinamică a textului , textul din ferestrele pop-up se va actualiza automat în funcție de variabilele pe care le alegeți.

Aceasta înseamnă că puteți crea un șablon și apoi puteți modifica conținutul pentru a satisface nevoile fiecărui vizitator. Utilizarea acestei abordări reduce cantitatea de efort din partea dvs. și vă asigură că fiecare dintre segmentele dvs. de vizitatori va vedea conținutul cel mai relevant.

Revenind la exemplul nostru de mai sus, magazinul de electronice promovează „25% REDUCERE la smartphone-uri” atunci când un vizitator încearcă să-și părăsească site-ul din pagina categoriei de smartphone-uri sau dintr-o pagină de produs individuală din categoria de smartphone-uri.

Cu toate acestea, atunci când un vizitator caută accesorii pentru laptop și încearcă să părăsească site-ul, cuvântul „smartphone” se schimbă automat în „accesorii pentru laptop” – vorbind direct la nevoile clientului respectiv.

Pentru a vă maximiza conversiile, ar trebui să vă limitați la un singur obiectiv per pop-up și să vă asigurați că propunerea sa de valoare este convingătoare.

O propunere de valoare este un beneficiu la care clienții se pot aștepta din interacțiunea cu pop-up-ul dvs. sau achiziționarea produselor. Propunerea de valoare a unei ferestre pop-up de înscriere prin e -mail ar putea fi accesul exclusiv la anumite vânzări sau produse, în timp ce valoarea unei ferestre pop-up de reducere provine din banii pe care un vizitator poate economisi folosind codul de cupon.

Dacă încercați să atingeți mai multe obiective în același pop-up, veți reduce șansele de a îndeplini oricare dintre ele. În cele din urmă, vă va încurca mesajul și vă va încurca vizitatorii cu privire la valoarea ofertei dvs., făcând conversiile și vânzările mai puțin probabile.

Mai multe obiective pot fi atinse prin utilizarea ferestrelor pop-up, dar asigurați-vă că vă limitați la a urmări doar unul dintre ele în fiecare pop-up.

Iată câteva obiective comune de comerț electronic:

1. Stimularea vânzărilor
2. Crearea listei de e-mailuri
3. Reducerea abandonului căruciorului
4. Upselling și cross-selling
5. Îmbunătățirea experienței clienților

După cum tocmai am văzut, succesul unui pop-up depinde de valoarea pe care o oferă vizitatorilor tăi.

Dar oricât de valoroasă ar fi oferta ta, dacă a profita de ea este prea dificil, atunci nimeni nu va dori să treacă prin necaz.

De aceea este important să evitați să cereți prea multe informații. Afișarea prea multor câmpuri într-o fereastră pop-up de înscriere prin e-mail, de exemplu, va face să pară prea multă muncă pentru majoritatea utilizatorilor. În plus, vizitatorii noi ar putea ezita să furnizeze prea multe din informațiile lor personale.

Cu cât solicitați mai puține date, cu atât veți avea mai multe conversii. În multe cazuri, este suficientă doar o adresă de e-mail, ca în exemplul de mai jos.

Multe site-uri cer și un prenume pentru a-și personaliza mesajele în viitor, ca în acest exemplu de la The Oodie.

Când simțiți nevoia să solicitați mai multe informații, cel mai bine este să utilizați o fereastră pop-up în mai mulți pași. În acest fel, puteți cere mai întâi cele mai importante informații, apoi aveți câmpuri de introducere suplimentare pe a doua pagină a pop-up-ului dvs.

Fereastra pop-up Oodie avea o a doua pagină în care au cerut și un număr de telefon:

Această strategie folosită de The Oodie se numește „Metoda Calului Troian” și a generat venituri suplimentare de 1,9 milioane USD pentru The Oodie în doar 30 de zile.

Dacă doriți să le „furați” strategia, urmăriți antrenamentul nostru gratuit.

Crearea de ferestre pop-up precum designerii UX înseamnă să vă gândiți la fiecare vizitator ca pe un om și să luați în considerare cu atenție starea de spirit în care se vor afla atunci când apare o fereastră pop-up.

De aceea, nu ar trebui să utilizați niciodată un pop-up de intrare și, în schimb, să creați ferestre pop-up bazate pe implicarea utilizatorilor cu site-ul dvs. Definirea segmentelor de utilizatori și apoi afișarea ofertelor relevante este următorul pas. Și, în sfârșit, vă puteți personaliza ferestrele pop-up folosind Dynamic Text Replacement pentru a vă adapta mesajele pentru fiecare utilizator.

Urmând aceste bune practici, puteți îmbunătăți experiența utilizatorului pe site-ul dvs., îmbunătățind în același timp eforturile de creare a listelor și sporind vânzările în același timp!

Începeți cu OptiMonk gratuit și creați ferestre pop-up uimitoare care îmbunătățesc experiența utilizatorului în doar câteva minute.