Popup UX Design: greșeli comune și ce trebuie făcut

Publicat: 2022-06-27

Vă veți da seama că aproape toate afacerile online folosesc ferestre pop-up pe site-ul lor dacă acordați atenție.

De ce fac asta dacă ferestrele pop-up sunt atât de enervante?

În acest articol, vă voi spune greșelile obișnuite care vă scad UX , cum să le evitați și ce să faceți în schimb pentru a vă maximiza conversiile cu un design pop-up UX mai bun .

Ilustrație de design UX

Fiecare agent de marketing își propune să realizeze mai multe conversii într-un fel sau altul. Poate fi prin;

  • cresterea vanzarilor,
  • câștigând mai mulți abonați,
  • obținerea de mai mult trafic și așa mai departe.

Toate vizează acest obiectiv, dar obține fiecare agent de marketing ratele de conversie dorite? Ei bine, nu.

DAR, dacă înțelegeți importanța UX și vă optimizați în funcție de acesta, puteți încuraja mai mulți vizitatori să întreprindă acțiunea dorită.

Site-ul dvs. este instrumentul critic de livrare a mesajului dvs. către client.

De aceea trebuie să aplici cele mai bune practici UX pe site-ul tău web pentru a-ți atinge obiectivele de afaceri. Același lucru este valabil și pentru ferestrele pop-up pe care le utilizați pe site-ul dvs.

Credința greșită populară că ferestrele pop-up sunt enervante și provoacă un UX prost face loc unei idei noi, progresive:

Popup-uri CONVERT, cu un design pop-up UX mai bun.

Popup UX Design: greșeli obișnuite pop-up - faceți acest lucru

Tipuri de pop-up enervante

Dacă nu obțineți atât de multe conversii cu ferestrele pop-up cât ați planificat, este posibil să faceți ceva greșit.

La fel cum designul UX al site-ului web vă afectează foarte mult ratele de conversie, la fel și designul UX pop-up.

Pot exista diverse motive pentru care ferestrele pop-up nu aduc vânzări, clienți potențiali și implicare așa cum doriți. Unele dintre motive pot fi că nu o faci;

  • segmentați ferestrele pop-up.
  • cunoaște-ți publicul țintă.
  • setați reguli de afișare și direcționare pentru ferestrele pop-up.
  • utilizați generatorul de pop-up potrivit care îndeplinește cerințele obiectivelor dvs. de afaceri.

Popupsmart este un serviciu de generare de popup-uri care oferă toate funcțiile avansate de care aveți nevoie pentru un design pop-up UX mai bun și mai multe conversii.

Mai jos, voi discuta despre cele mai frecvente greșeli pop -up pe care le-ați putea face pe site-ul dvs. fără să știți.

Nu vă faceți griji; De asemenea, vă voi spune cum să înlocuiți acele practici proaste pop-up cu cele mai bune practici pop-up . Să ne scufundăm direct.

1. Afișarea ferestrelor pop-up de intrare când un vizitator vă deschide site-ul web

exemplu pop-up de intrare proastă

Ferestrele pop-up de intrare sunt ferestre pop-up care apar imediat când un utilizator deschide site-ul web. Ferestrele pop-up tradiționale de intrare fac mai mult rău UX decât bine, deoarece ferestrele pop-up de intrare;

  • sunt enervante,
  • întrerupe navigarea și citirea conținutului,
  • distrage și frustra vizitatorii,
  • deseori conduc la utilizatorul să părăsească imediat site-ul dvs.

Ce să faci în schimb:

Ferestrele pop-up de intrare sunt excesiv de utilizate și conțin reclame enervante, irelevante și mesaje învechite.

Ele degradează experiența utilizatorului. De aceea, Google a lansat o politică interstițială intruzivă care interzice ferestrele pop-up intruzive care perturbă activitatea unui vizitator.

Deci, în loc să folosiți ferestre pop-up enervante, ar trebui să lăsați vizitatorii să vă cunoască mai întâi site-ul și marca. Apoi, alegeți momentul potrivit pentru a vă afișa campania.

  • Afișează ferestre pop-up după X secunde

Popupsmart după X secunde regulă de direcționare

În loc să afișați o fereastră pop-up de intrare, puteți seta timpul de afișare a ferestrei pop-up după „X” secunde. Acest lucru vă va asigura că oferiți suficient timp pentru ca utilizatorii să vă cunoască site-ul.

  • Afișează ferestre pop-up după defilare

Dacă un vizitator derulează în jos cel puțin un procent „X” din site-ul dvs., atunci el poate fi interesat de conținutul, serviciul sau produsele dvs.

Cu Popupsmart, puteți seta regula de afișare a ferestrei pop-up să se afișeze după derularea procentului „X”. Este una dintre cele mai bune practici de design pop-up UX.

  • Convertiți vizitatorii care abandonează cu intenție de ieșire

O altă practică de design pop-up UX este afișarea ferestrei dvs. atunci când utilizatorii încearcă să părăsească site-ul dvs. web sau să abandoneze coșurile de cumpărături.

Puteți seta declanșatorul intenției de ieșire. Vă recomand ca, dacă creați un pop-up cu intenția de ieșire, să determinați de câte ori va vedea un vizitator pop-up-ul.

Dacă un vizitator vede de prea multe ori fereastra pop-up cu intenția de ieșire, poate fi deranjant. Deci, cel mai bine este să setați cu atenție și frecvența de vizualizare a ferestrei pop-up.

Doriți să recuperați vizitatorii care au abandonat coșul? S-ar putea să vă placă rețeta noastră, Transformați vizitatorii abandonați de coș în vânzări cu până la %38 mai mult venit cu pop-up și e-mail.

2. Întreruperea vizitatorilor pentru feedback în timpul unei sarcini

Întreruperea vizitatorilor în timp ce aceștia încearcă să finalizeze o sarcină pe site-ul dvs., cum ar fi completarea câmpurilor de formular pentru a finaliza o achiziție, nu este utilă în niciun fel.

Acest lucru îi poate deruta și frustra. Ca urmare, puteți pierde un client.

Ce să faci în schimb:

Exemplu de formular pop-up încorporat

Ar trebui să optimizați cu atenție sincronizarea ferestrelor pop-up.

  • Așteptați ca utilizatorii să își finalizeze sarcinile

Pentru un design pop-up UX mai bun, ar trebui să așteptați ca vizitatorii să-și finalizeze sarcinile înainte de a-i bombarda cu un pop-up.

Când își termină sarcina, le puteți cere feedback, care ar fi valoros pentru a vă îmbunătăți în continuare experiența utilizatorului la fața locului.

3. Faceți conținutul inaccesibil cu o fereastră pop-up

exemplu de pop-up de suprapunere mulțumită

Unele ferestre pop-up modale și pop-up-uri pe ecran complet blochează conținutul pe care utilizatorii au venit în primul rând. Așadar, nu este o surpriză că vă părăsesc site-ul fără un angajament valoros.

Ce să faci în schimb:

Este important să luați în considerare tipurile de pop-up, precum și când le veți afișa.

  • Utilizați ferestrele pop-up din bara laterală

Ferestrele pop-up din bara laterală nu interferează între conținut și vizitatori.

  • Afișează pop-up-uri cu bară plutitoare

Ferestrele pop-up bare plutitoare sunt afișate fie ca bară de sus, fie ca bară de jos, care sunt sigure pentru conținut.

  • Activați direcționarea după defilare pentru ferestrele pop-up pe ecran complet

Dacă doriți să afișați ferestre pop-up pe tot ecranul, atunci cel mai bine este să setați reguli de direcționare pentru a nu întrerupe utilizatorii. Puteți seta direcționarea după defilare până la sfârșitul conținutului, de exemplu. Sau puteți încerca și alte reguli de direcționare, cum ar fi declanșarea intenției de ieșire.

4. Afișarea aceluiași pop-up în același timp tuturor utilizatorilor

Este esențial să ajustați regulile de direcționare și afișare pentru publicul dvs. Aceeași fereastră pop-up nu poate fi atrăgătoare pentru toți vizitatorii în mod egal.

Ce să faci în schimb:

În loc să afișați aceeași fereastră pop-up tuturor utilizatorilor în același timp, puteți utiliza diverse reguli de afișare pentru a vă segmenta mai bine publicul.

  • Segmentează-ți clienții în funcție de limba lor sau de limba browserului lor
  • Vizați-vă publicul în funcție de locația sa geografică
  • Vizați separat vizitatorii noi sau care revin
  • Segmentează utilizatorii în funcție de sursa lor de trafic

5. Cererea de prea multe informații

Exemplu de pop-up prost pentru Hello BC

Având prea multe câmpuri de formular încorporate, degradează designul pop-up UX.

Ce să faci în schimb:

exemplu pop-up sondaj

Cererea de prea multe informații poate frustra utilizatorii și îi poate alunga fără a finaliza acțiunea dorită.

În schimb, omiteți câmpurile de formular inutile din fereastra pop-up. Prea multe câmpuri de formular creează design slab pop-up.

6. Utilizarea ferestrelor pop-up suprapuse modale pentru notificări privind cookie-urile și GDPR

Ferestrele pop-up suprapuse modale au o reputație proastă de a fi reclame și escrocherii irelevante. De aceea, majoritatea utilizatorilor tind să le închidă imediat, fără a fi atenți.

Ce să faci în schimb:

Exemplu de pop-up pentru consimțământul cookie-urilor

Pentru a livra mesaje importante, cum ar fi cookie-uri și notificări GDPR, nu ar trebui să preferați suprapunerea modală sau ferestrele pop-up pe ecran complet.

În schimb, utilizați ferestre pop-up cu bară plutitoare sau pop-up-uri cu bară laterală care nu perturbă experiența utilizatorului.

7. Afișarea mai multor ferestre pop-up pe aceeași pagină

Popup-uri unul peste altul

Chiar dacă ferestrele pop-up-uri sunt bine optimizate și au design atractiv, afișarea mai multor ferestre pop-up una peste alta duce la o experiență proastă pentru utilizator.

Ce să faci în schimb:

În loc de mai multe ferestre pop-up pe aceeași pagină, rămâneți la un singur pop-up și un singur obiectiv.

Puteți utiliza funcția de navigare URL a Popupsmart pentru a include sau a exclude popup-ul dvs. din adresele URL specificate.

8. Utilizarea design-urilor pop-up neatractive

Design pop-up neatractiv

Presupun că toată lumea va fi de acord:

Ferestrele pop-up tradiționale sunt enervante și urâte.

Ce să faci în schimb:

Exemplu de pop-up satisfăcut

În loc să utilizați ferestre pop-up neatractive pe site-ul dvs., puteți utiliza Popupsmart pentru a crea ferestre pop-up contemporane și atractive.

Pentru un design pop-up UX mai bun, un pop-up atractiv ar trebui;

  • au un îndemn clar la acțiune,
  • mai puține câmpuri de formular încorporate,
  • culori atrăgătoare și potrivite,
  • imagine relevantă și interesantă dacă este necesar.

Concluzie

Ar trebui să evitați greșelile pe care le-am menționat mai sus pentru un design pop-up UX mai bun și bine optimizat. Ferestrele pop-up vă pot aduce clienți potențiali, conversii, trafic și implicare dacă adoptați cele mai bune practici.

Vă puteți împărtăși ideile și gândurile mai jos.

Multumesc pentru timpul acordat.