5 idei de design pop-up care nu vor enerva utilizatorii

Publicat: 2022-05-12

Când vine vorba de design de site-uri web, opțiunile sunt extrem de variate. În funcție de funcționalitatea și obiectivele de generare de clienți potențiali pe care companiile ar dori să le atingă, acestea ar trebui să aleagă aspecte care să-i placă utilizatorului, să-l încurajeze să petreacă mai mult timp pe paginile lor și să se implice.

Cu toate acestea, acesta nu este întotdeauna cazul.

Ați răsfoit vreodată un site web, bucurându-vă de un conținut, când apare brusc o fereastră pop-up care vă împiedică să continuați? Frustrant, nu-i așa?

Este foarte probabil ca o astfel de experiență să te facă să pleci și să găsești în altă parte informațiile de care ai nevoie. Asta pentru că ferestrele pop-up pot fi intruzive și pot distrage atenția utilizatorilor de la intenția lor.

De fapt, conform unui sondaj HubSpot, 73% dintre oameni nu le plac ferestrele pop-up online cel mai mult dintre toate tipurile de reclame. În plus, 64% dintre utilizatorii AdBlock instalează software-ul deoarece consideră că ferestrele pop-up sunt enervante și doresc să scape de ele în special!

De ce ești un blocant de anunțuri

Cu toate acestea, deși ferestrele pop-up sunt divizoare și, de cele mai multe ori, întrerup ceea ce fac oamenii și rănesc UX, mulți proprietari de site-uri reușesc să le folosească cu succes.

În plus, dacă sunt proiectate și optimizate SEO în mod corespunzător, acestea vă pot crește chiar și rata de conversie cu 3%, dacă nu mai mult!

În acest articol, vom vorbi despre design-uri pop-up, vom explica liniile directoare și cele mai bune practici UX și vom oferi 5 idei de design pop-up de care puteți beneficia.

Ce sunt pop-up-urile?

Pe scurt, ferestrele pop-up sunt ferestre de browser care se afișează peste conținutul principal al unei pagini atunci când utilizatorul efectuează o anumită acțiune sau atinge un prag definit de pr. Scopul este de a atrage atenția utilizatorului, de a le arăta un îndemn la acțiune (CTA) și de a-l încuraja să se implice.

Ferestrele pop-up pot avea mesaje diferite – promovarea unui produs sau serviciu primar sau terță parte, solicitarea de feedback, afișarea unei casete de abonament, sugerarea unei oferte, exprimarea mulțumirii etc.

Modelele pop-up există în ultimii 15-20 de ani și cu siguranță sunt aici pentru a rămâne. Acestea permit proprietarilor de site-uri web să vizeze clienții potențiali, să le atragă atenția și să le sporească șansele de a-i converti în cumpărători.

Ce sunt pop-up-urile

Există diferite moduri de a utiliza ferestrele pop-up pentru a beneficia de performanța site-ului dvs. Cu toate acestea, ar trebui să acționați întotdeauna ținând cont de intenția și preferințele utilizatorului și să vă asigurați că fereastra pop-up este relevantă.

De obicei, ferestrele pop-up alungă vizitatorii atunci când provin de la o terță parte și nu au nicio legătură directă cu ceea ce urmărește utilizatorul. De exemplu, un utilizator citește un articol despre cum să găsești un avocat bun și dintr-o dată, conținutul este blocat de o fereastră pop-up care îl invită la un seminar Amazon FBA.

De asemenea, este o practică foarte proastă să plasați anunțuri care deschid o fereastră nouă sau să conducă vizitatorul către un site complet diferit.

În afară de relevanță, celălalt lucru care vă definește succesul este designul pop-up. Ar trebui să se potrivească cu stilul și culorile generale ale site-ului web, să fie inteligent și concis și să aibă un CTA clar definit. De asemenea, puteți lua în considerare adăugarea unui element jucăuș, optați pentru culori contrastante vibrante pentru a face informațiile cu adevărat pop sau orice altceva despre care credeți că poate atrage atenția utilizatorului și îl poate încuraja să se implice.

Cu toate acestea, rețineți că, cu cât pop-up-ul este mai spectaculos, cu atât pare mai suspect și cu atât este mai probabil ca utilizatorul să devină enervat și poate chiar să plece.

Cum să creșteți performanța ferestrelor pop-up

Cum să creșteți performanța pop-up-urilor

Pentru a vă asigura că ferestrele pop-up funcționează bine și stimulează conversiile, în loc să alungați clienții, trebuie să le proiectați corect:

Oferă valoare instantanee

Ceea ce diferențiază un anunț eficient de unul eșuat este valoarea.

Trebuie să-ți înțelegi publicul și să știi ce își dorește de la produsul sau serviciul pe care îl oferi. Astfel, le vei putea oferi pe loc soluția potrivită!

De asemenea, ferestrele pop-up cu conținut relevant convertesc la peste 40%

Creați urgență

Crearea urgenței este calea finală pentru creșterea vânzărilor, deoarece utilizatorul are timp limitat pentru a lua o decizie. O numărătoare inversă pentru anunțul pop-up are o rată de conversie de opt procente mai bună decât cele fără.

Creați SEJ de Urgență

Sursă

Promovați cunoașterea mărcii

Anunțurile pop-up sunt greu de ignorat, ceea ce ajută la vizibilitatea mărcii și produselor dvs.

În plus, sunt o tactică excelentă de generare de clienți potențiali și, dacă sunt plasate strategic pe site-ul dvs. web, vă pot ajuta să vă creșteți audiența și traficul.

De exemplu, puteți introduce o fereastră pop-up de defilare atunci când vizitatorii ajung la jumătatea articolelor. În acest fel, puteți sugera să le trimiteți conținut similar prin e-mail și să creați o listă de e-mail solidă.

Concentrați-vă pe conversii

După cum am menționat mai sus, un design pop-up bine implementat și direcționat poate face cu adevărat o diferență în ratele de conversie.

La sfârșitul zilei, obiectivul tău final este să crești vânzările și să atragi mai mulți vizitatori de produsele și serviciile tale. În acest scop, asigurați-vă că poziționați ferestrele pop-up la locul și momentul potrivit pe parcursul călătoriei utilizatorului pe site-ul dvs.

De asemenea, nu uitați să includeți un CTA clar și simplu pentru a ghida oamenii către pasul următor.

Solicitați feedback la fața locului

Ferestrele pop-up sunt o modalitate excelentă de a obține o reacție imediată și de a vă invita clienții să declare ce simt despre produsele dvs.

Cere-le să lase un comentariu și să evalueze experiența lor înainte de a părăsi site-ul tău.

De exemplu, puteți utiliza o fereastră pop-in cu scor net promotor (NPS), urmată de o casetă de comentarii în care utilizatorul poate furniza informații suplimentare.

Aceste tipuri de ferestre pop-up vă permit să vă cunoașteți mai bine clienții și să vă rafinați serviciile, astfel încât să le puteți satisface nevoile mai eficient. Următorul lucru pe care îl știi, ești pe calea rapidă către succes. Este în geantă!

Design pop-up: linii directoare

Când vine vorba de sancțiunile Google, trebuie să fii mereu vigilent și să urmezi instrucțiunile. Dacă un utilizator face clic pe un rezultat al unui motor de căutare după ce a tastat o interogare și aceasta declanșează o pagină cu o fereastră pop-up care îl îndeamnă să facă clic pe o sursă irelevantă, acesta este un semnal roșu.

Cu toate acestea, ferestrele pop-up pot fi încă foarte eficiente. Asigurați-vă că vizitatorii nu ajung pe o pagină cu un pop-up imediat după ce fac clic pe un rezultat SERP. Cronometrați corespunzător apariția anunțului pentru a vă asigura că au avut destule șanse să vă răsfoiască mai întâi conținutul.

Potrivit Google Search Central, anunțurile intercalate promoționale sunt dialoguri care sunt intruzive și împiedică Google și alte motoare de căutare să vă înțeleagă conținutul. Este important să vă faceți ferestrele pop-up cât mai mici posibil, astfel încât să nu acopere întregul ecran sau părți cheie ale paginii. Dimensiunile optime pentru un design pop-up sunt de până la 15% din dimensiunea ecranului utilizatorului.

Cu toate acestea, Google recunoaște că unele anunțuri intercalate sunt obligatorii, cum ar fi restricțiile de vârstă și alertele de confidențialitate:

Pop-up Design Ghidul

Sursă

Pentru a rămâne în siguranță, asigurați-vă că ferestrele pop-up nu ascunde conținutul paginii. Acest lucru facilitează accesarea cu crawlere și indexarea și este mai puțin probabil să afecteze experiența utilizatorului.

În plus, evitați redirecționarea solicitărilor HTTP primite către o altă pagină decât cea în care se afla utilizatorul înainte de anunț.

Când este posibil, utilizați bannere în loc de interstițiale și utilizați pluginuri pentru design-uri pop-up standard, cum ar fi o înscriere la un buletin informativ sau un mesaj de feedback.

Pop-up Design Ghidul Google

Sursă

5 idei de design pop-up ușor de utilizat

Acum, să aruncăm o privire la cum să vă proiectați corect ferestrele pop-up, astfel încât să poată provoca mai puțină frustrare utilizatorului și să obțină performanțe mai bune:

Alegeți stilul de design potrivit

Crearea unui design pop-up eficient pentru UX poate fi dificilă. Vrei ca fereastra pop-up să fie vizibilă, dar nu atât de obstructivă încât să îndepărteze oamenii. În același timp, designul ar trebui să fie strâns aliniat cu identitatea mărcii dvs. Și, în sfârșit, este important să păstrați designul general simplu, folosind puține culori, fonturi și imagini.

Când este făcută corect, o fereastră pop-up poate fi un instrument neprețuit pentru creșterea conversiilor și generarea de clienți potențiali.

Cu toate acestea, dacă designul este prea ocupat sau copleșitor, nu va face decât să frustreze utilizatorii și să-i alunge. Așa că fă-ți timp pentru a crea o fereastră pop-up care să reflecte cu acuratețe marca ta și să ofere o experiență pozitivă pentru utilizator.

Poziție pe ecran

Un alt lucru de reținut este că ferestrele pop-up ar trebui să fie ușor de respins.

Deoarece întrerup experiența de navigare a utilizatorului, ferestrele pop-up din față și din centru ar trebui în general rezervate pentru informații importante care contează pentru utilizator.

Poziție pe ecran

Sursă

Cu toate acestea, având în vedere gama largă de poziții posibile pentru un pop-up, designerii au multă flexibilitate în ceea ce privește modul în care pot fi utilizate.

De exemplu, o fereastră pop-up din colțul ecranului poate fi mai puțin intruzivă decât una din față și din centru.

O abordare populară este ca anunțul pop-up să alunece din partea de sus sau de jos a ecranului. Acest lucru permite utilizatorului să continue să interacționeze cu site-ul în timp ce fereastra pop-up este prezentă. Cu această metodă, vizitatorul poate alege când (și dacă) dorește să interacționeze cu pop-up-ul. Cu toate acestea, rețineți că, dacă fereastra pop-up acoperă prea mult ecran și devine distragătoare, este posibil să alunge utilizatorii.

O altă abordare ușor de utilizat este de a face pop-up-ul mai puțin intruziv prin includerea unui buton de închidere clar vizibil sau puteți pur și simplu face designul în sine mai mic ca dimensiune. În acest fel, vizitatorii pot vedea în continuare conținutul de pe pagina dvs. și au mai multe șanse să interacționeze cu pop-up-ul dvs.

Țintește fiecare vizitator

Împreună cu un aspect simplu și o copie simplă, este foarte important să vă adaptați designul pop-up-ului pentru fiecare vizitator al paginii în mod individual. Identificați paginile cheie în care va declanșa o conversie.

Crearea unei experiențe personalizate pentru clienți este un act de echilibru delicat. Pe de o parte, lipsa personalizării deloc poate reprezenta o oportunitate ratată pentru mărci. Pe de altă parte, conform Gartner, suprapersonalizarea face utilizatorii de trei ori mai probabil să abandoneze o marcă.

Prin urmare, punctele de date individuale pot fi utile pentru a crea o experiență mai personalizată, dar este important să le folosiți în mod judicios. Prea multă personalizare poate fi dezamăgitoare, așa că este important să găsiți un echilibru care să fie apreciat de client.

Sincronizare

Când un utilizator ajunge pe site-ul dvs. web, în ​​mod ideal doriți ca mai întâi să interacționeze cu conținutul dvs. și să răsfoiască în jur. Cu cât un vizitator petrece mai mult pe un site, cu atât este mai puțin probabil să plece (și cel mai sigur este să le introduci un anunț pop-up).

Sincronizare

Sursă

Eu eu

Sursă

Asigurați-vă că analizați timpul petrecut de utilizatori pe o pagină, adică sesiunea medie. Utilizați Google Analytics pentru a urmări traficul pe care îl primiți și acționați în baza acestuia.

Cu toate acestea, dacă ți-e teamă că s-ar putea da greșelii apariției și a alunga utilizatorii, iată câteva sugestii:

Ferestre pop-up de intrare

Plasarea unei ferestre pop-up imediat ce un utilizator ajunge pe o pagină poate face minuni atunci când sugerează oferte sau pachete limitate. Cu toate acestea, de obicei nu este recomandat de motoarele de căutare atunci când vine vorba de site-uri de comerț electronic.

Derularea ferestrelor pop-up

Dacă doriți să vă asigurați că vizitatorii site-ului dvs. au petrecut un timp decent pe o pagină și sunt suficient de informați, o fereastră pop-up de derulare este o alternativă bună. Puteți seta fereastra pop-up să apară după ce parcurg un anumit procent din pagină, plasând unul sau câteva praguri relevante.

Ieșiți din ferestrele pop-up

Ferestrele pop-up de ieșire sunt cunoscute și sub denumirea de reclame de părăsire prea curând. Acestea apar atunci când cursorul se deplasează către butonul Înapoi sau când sunteți pe cale să închideți o pagină sau să faceți clic pe un link pentru a merge la alta. Designul pop-up de ieșire poate fi folosit în ultimele secunde pe care un vizitator le petrece pe o pagină pentru a sugera o ofertă de ultimă oră.

Faceți clic pe Ferestre pop-up

Ferestrele pop-up pentru clic sunt casete de dialog care apar ca urmare a unui clic pe un buton sau link relevant. Acestea sunt probabil cele mai autentice și cele mai puțin frustrante tipuri de ferestre pop-up, deoarece apar după ce utilizatorul s-a implicat deja cu conținutul paginii și a luat o acțiune.

În exemplul de mai jos, a apărut o fereastră pop-up de înscriere prin e-mail după ce am făcut clic pe butonul „Alăturați-vă listei de așteptare”:

Faceți clic pe Pop-ups

Sursă

Aveți un ton al vocii plin de spirit/creativ/ocazional/ciudat

Dacă doriți să vă agățați utilizatorii și să-i faceți să rămână mai mult timp, ușurați-vă puțin și faceți copia pop-up-ului să fie identificată și memorabilă. Nu trebuie să fie agresiv sau nepoliticos, nici 100% vânzător.

Gândește-te doar cine este publicul tău, urmărește-i comportamentul, locația, datele demografice și preferințele, astfel încât să poți face o imagine a utilizatorului tău obișnuit. Apoi proiectați-vă fereastra pop-up pentru a afișa ceva ce le-ar putea plăcea.

Recapitulare

Ei bine, iată-l! Am analizat o varietate de ferestre pop-up și exemple de anunțuri pop-up și am discutat despre sfaturi utile despre cum să le facem mai eficiente. Sperăm că acest lucru ți-a oferit câteva idei pentru propriul tău site web.

Dacă aveți nevoie de ajutor pentru proiectarea sau implementarea ferestrelor pop-up pe site-ul dvs., nu ezitați să contactați experții designeri web de aici, la DevriX. Vă putem ajuta să creați o experiență captivantă și ușor de utilizat, care generează rezultate.