Experiența utilizatorului: cele mai bune practici pentru șapte stări goale pentru proiectarea UX

Publicat: 2021-05-15

Similar unei hărți, stările goale - direcția de instruire pe o pagină web sau în software - ghidează utilizatorul într-o călătorie prin site-ul sau software-ul dvs. Imaginați-vă că încercați să planificați o călătorie într-un loc în care nu ați fost niciodată în timp ce utilizați o hartă căreia îi lipsesc informații mari. Stările goale sunt ecranele care completează acele spații goale. Cu un design și o plasare atentă, aceste ecrane pot face diferența între un utilizator fericit și unul frustrat care vă abandonează site-ul la jumătatea drumului.

Exemple de stări goale

Potrivit IBM, fiecare dolar investit în ușurință în utilizare returnează între 10 și 100 USD, afirmă Megan Hartman, ucenică la UXbeginner. Acest ROI este doar un motiv pentru a petrece mai mult timp decidând ce platformă de comerț electronic este potrivită pentru afacerea și clienții dvs. Experiența utilizatorului (UX) devine din ce în ce mai importantă pentru satisfacția, implicarea, achiziția și păstrarea clienților. În funcție de cât de ușor de utilizat sunt platforma sau produsele dvs., UX vă poate crea sau sparge lista de clienți.

Stările goale sunt un concept important pentru cei care susțin afacerile locale în trecerea la comerțul electronic și soluții digitale. O experiență excelentă pentru utilizator este sinonimă cu o primă impresie excelentă; face parte integrantă din relația dintre o afacere locală și un expert local de încredere. Stările goale bine concepute asigură că soluțiile și site-ul web al companiei arată profesional. Acest lucru vă ajută să oferiți clienților potențiali o primă impresie pozitivă despre afacerea dvs., stimulând încrederea și încrederea în capacitatea dvs. de a-i îndruma.

Utilizarea adecvată a stărilor goale vă poate ajuta să păstrați mai mulți clienți, oferind o experiență de utilizare lină.

„Fără stări goale, utilizatorul nu știe ce să facă în continuare și se poate pierde cu ușurință în software sau pe un site web. Când nu știu ce să facă, probabil că vor renunța la site-ul dvs. și vor merge la altul. Stările goale atenuează această scădere și permit utilizatorului să continue drumul pe care sperați că îl va face ”, spune Loni Goff, designer, Vendasta .

Acest element de design poate avea un impact critic asupra modului în care un utilizator interacționează cu site-ul dvs. Recunoscând importanța experienței utilizatorului, designerii Vendasta UX adaugă continuu mai multe stări goale în puncte critice de-a lungul platformei de comerț electronic de la un capăt la altul. Platformele de socializare precum Facebook și Snapchat folosesc ecrane de stare goale pentru a solicita adăugarea de „prieteni” la rețeaua dvs. socială. Promptele promovează satisfacția și reținerea clienților, deoarece îi mențin pe utilizatori activi și implicați.

Exemple de stări goale

Stări goale și experiența utilizatorului

Stările goale îi ajută pe utilizatori să își atingă obiectivele în cadrul software-ului sau pe un site web. Pot include direcționarea de noi utilizatori către șabloane care îi vor ajuta să înceapă cu software-ul pe care îl utilizează. Stările goale pot apărea atunci când există o eroare, se caută o adresă URL incorectă sau se folosește o adresă URL veche.

Acestea pot fi folosite pentru a colecta informații de marketing prin necesitatea completării unui formular înainte de completarea paginii următoare. Companii precum Hubspot folosesc acest formular de completare a stării goale atunci când utilizatorii doresc să acceseze anumite conținuturi.

Aceste ecrane sunt utilizate pentru a spori implicarea, determinând utilizatorii să participe la pasul următor pe care designerul dorește să îl facă. Ele pot fi, de asemenea, utilizate ca explicație pentru motivul pentru care ceva de pe un site web nu răspunde. Yelp folosește un ecran de stare gol, care are un aspect vizual de construcție, asociat cu un text amuzant, care adaugă umor unei circumstanțe frustrante.

Yelp exemplu de stat gol

Cele mai bune practici privind starea goală

1. Ghidați experiența utilizatorului

Profitați de această ocazie pentru a transmite utilizatorilor informații. Aceasta poate include următorul pas pe care ar trebui să îl facă, un avertisment cu privire la o legătură întreruptă sau orice altceva care să prevină o experiență slabă a utilizatorului. Această interacțiune ghidată cu utilizatorul poate influența cu adevărat decizia lor finală dacă să rămână pe un site web.

Vedeți exemplul de mai jos de la Skyscanner.

Skyscanner starea goală examplex

Sursa imaginii

2. Alege-ți cuvintele cu atenție

Formularea mesajului corect este extrem de importantă în software-ul de stare goală. Mesajul trebuie să fie clar, astfel încât să nu fie ușor interpretat greșit. Explicația scrisă ar trebui să ajute utilizatorul să înțeleagă ce trebuie să facă în continuare. Aceasta ar putea fi orice, de la crearea unui profil până la adăugarea altor utilizatori într-o rețea. Acest ghid scris trebuie să fie concis, astfel încât utilizatorul să poată face cu ușurință următorul pas adecvat.

3. Folosiți conținut vizual

Interacționați cu utilizatorul dincolo de doar cuvinte cu un conținut vizual bine conceput. Această oportunitate de branding ar trebui să includă o imagine care să se potrivească textului. Asigurați-vă că reclama nu este prea strălucitoare sau mare și că este o reprezentare vizuală a textului în starea goală. Adăugarea unei imagini face ca starea goală să pară mai profesională și mai atrăgătoare.

4. Includeți un buton

Butoanele sunt un prompt clar pentru a ghida utilizatorul către locul în care designerul dorește să le ducă. Această experiență proiectată poate duce utilizatorii oriunde pe site. Îi poate direcționa să adauge contacte într-o listă de clienți sau să adauge o platformă socială la software cum ar fi Raportul instantaneu Vendasta . Acest raport este un instrument automat de informații de vânzări care trage o evaluare a nevoilor de marketing pentru potențiali din informațiile disponibile online.

Vedeți progresul stării goale Dropbox de mai jos, incluzând un text atent, o imagine potrivită și un buton.

Exemplu de stare dropbox gol

Sursa imaginii

5. Solicitați utilizatorului să facă clic undeva pe pagină

Acest lucru ar putea fi util atunci când utilizatorul tocmai începe pe site-ul dvs. web sau în cadrul software-ului. Includeți o scurtă descriere și săgeți care indică câteva dintre butoanele importante situate pe ecran.

Exemplu de stare goală de flux web

Sursa imaginii

6. Backlink către conținut

Adăugați un backlink într-o stare goală care leagă o bucată de conținut de actualitate. Această cea mai bună practică este una bună de urmat dacă o bibliotecă de conținut este ușor disponibilă pe site - orice oferă informații despre site-ul dvs. web care ar putea fi utile pentru un utilizator. Aceasta ar putea include un link către o demonstrație, un blog la nivel înalt sau un articol informativ despre cum să faceți acest lucru.

7. Asigurați-vă că proiectanții și dezvoltatorii au o relație de lucru bună

În cazul în care o stare goală abordează o problemă tehnică, cum ar fi clasica „Eroare 404”, aceasta înseamnă, în general, că există o deconectare imensă în comunicarea dintre dezvoltatori și designeri. Probabil că aceste mesaje inutile nu au fost verificate de un designer și încurcă experiența utilizatorului.

The Takeaway

Stări goale:

  • Creșteți achiziția clienților
  • Creșteți fidelizarea clienților
  • Reduceți ratele de respingere a site-urilor web
  • Sporiți implicarea clienților

Nu numai că stările goale reprezintă o hartă rutieră în cadrul site-urilor web și al software-ului, ci oferă utilizatorului și avantajul urmării pașilor următori.

Instrumente precum Raportul instantaneu utilizează stări goale pentru a vă ajuta să creșteți achiziția clienților prin evaluarea nevoilor de marketing digital ale potențialilor. De exemplu, veți putea vedea performanța lor în înregistrări, recenzii, rețele sociale, site-uri web, publicitate digitală, SEO și comerț electronic, iar stările goale vor solicita următorii pași.