State goale – Cel mai neglijat aspect al UX

Deși importante pentru experiența utilizatorului, stările goale sunt adesea trecute cu vederea. Cunoașterea ce sunt și cum să le folosești și aplicarea celor mai bune practici UX poate aduce beneficii substanțiale.

Ce este o stare goală?

Designerii UX au o mulțime de oportunități de a crea experiențe plăcute și semnificative. O astfel de oportunitate care este adesea ignorată este „starea goală” sau ecranul gol. Stările goale sunt momente din experiența unui utilizator cu un produs în care nu există nimic de afișat.

Iată câteva exemple de situații comune de stare goală:

• Un nou ecran Dropbox în care nu au fost create fișiere sau foldere.
• Ecranul rezultat după finalizarea tuturor sarcinilor într-un manager de liste de activități.
• Obținerea unui ecran de eroare în Slack atunci când o comandă nu este acceptată.
• Pornirea unui nou cont de rețea socială și nu există conexiuni.
• Cauți ceva în Gmail și nu obții niciun rezultat.

Aceste momente intermediare oferă oportunități de îmbunătățire a experienței utilizatorului și, în consecință, de a amplifica oportunitățile de afaceri. Pentru designerii UX, să profite de fiecare oportunitate de a îmbunătăți experiența utilizatorului și de a adăuga mai multă valoare afacerii este un lucru bun.

O stare goală utilă va permite utilizatorului să știe ce se întâmplă, de ce se întâmplă și ce trebuie să facă. Iată două exemple de design-uri bune UX în stare goală:

Iată câteva exemple de modele de stat goale cu oportunități ratate:

Tipuri de state goale

Iată patru tipuri de stări goale întâlnite frecvent:

• Prima utilizare – Apare cu un nou produs sau serviciu atunci când nu mai există nimic de afișat, cum ar fi un nou cont Evernote sau Dropbox.
• Ștergerea utilizatorului – Apare atunci când utilizatorii efectuează acțiuni, cum ar fi ștergerea căsuței primite sau a listei de activități, iar rezultatul este un ecran gol.
• Erori – Acestea apar atunci când ceva nu merge bine sau când există probleme, cum ar fi un telefon mobil deconectat din cauza unor probleme de rețea.
• Fără rezultate/Fără date – Apare atunci când nu există nimic de afișat. Acest lucru se poate întâmpla dacă cineva efectuează o căutare și interogarea este goală sau nu există date disponibile de afișat (de exemplu, când se filtrează pentru un interval de date care nu are date).

Pe măsură ce designul de stare goală primește mai multă atenție, designerii UX constată că utilizarea lor are rezultate benefice, atât din perspectiva afacerii, cât și din perspectiva experienței utilizatorului.

Utilizatorii încearcă o mulțime de aplicații, dar decid pe care doresc să „nu mai folosească” în primele 3-7 zile. Pentru aplicațiile „decente”, majoritatea utilizatorilor păstrați timp de 7 zile rămân mult mai mult timp. Cheia succesului este să atragi utilizatorii în prima perioadă critică de 3-7 zile. – Ankit Jain

Beneficiile utilizării statelor goale bine concepute

Proiectarea unor ecrane de stare goale bine gândite și utile poate ajuta la stimularea angajamentului produsului, la încântarea utilizatorilor și la reducerea abandonului. Acest lucru scade șansele de a pierde utilizatori în fața produselor concurente, lăsându-i astfel frustrați sau pierduți.

În cartea sa, Ce vor clienții cu adevărat , Scott McKain prezintă șase principii directoare ale unei experiențe excelente pentru clienți.

El scrie că clienții vor:

1. O experiență convingătoare
2. O concentrare personală
3. Loialitate reciprocă
4. Diferenţiere
5. Coordonare
6. Inovaţie

Atunci când sunt aplicate designului în stare goală, aceste principii pot fi de mare beneficiu pentru o afacere - de exemplu, o creștere a satisfacției produsului și scăderea ratelor de abandon.

Iată trei zone suplimentare care pot beneficia, de asemenea, de un design bun pentru starea goală:

• Încorporarea utilizatorilor – Oferă o oportunitate de a construi încredere și de a utiliza în continuare produsul, pe lângă o experiență de utilizator ridicată.
• Construirea mărcii – generează gradul de conștientizare și promovează compania pentru a construi un capital de brand sporit.
• Personalizare – Poate fi jucăuș, distractiv, serios sau dinamic în diferite stări de utilizare; creează un sentiment de atingere personală.

Beneficiile stărilor goale bine concepute nu pot fi subestimate. Ele nu numai că contribuie la o experiență convingătoare a clienților, dar, pe măsură ce ferestrele de oportunitate pentru a menține clienții fericiți și implicați devin din ce în ce mai scurte, sunt pur și simplu o afacere bună.

Evitat: Ecranele uitate ale designului UX

Deoarece există rezultate pozitive aparent pentru stările goale bine concepute, de ce sunt ignorate în primul rând?

În primul rând, există foarte puține situații de stare goală care apar în comparație cu numărul total de ecrane dintr-o aplicație sau produs sau site web, așa că sunt adesea neglijate pentru că nu sunt văzute ca o prioritate, iar designerii tind să-și concentreze eforturile asupra părțile mai vizibile ale unui design.

În al doilea rând, cu doar aproximativ 2-5% dintre utilizatori văd o stare goală, nu este întotdeauna o utilizare economică sau practică a timpului unui designer.

În cele din urmă, stările goale nu au fost întotdeauna bine înțelese în ceea ce privește locul în care apar și ce face cu ele, așa că au luat un loc din spate în favoarea ecranelor și paginilor mai populare.

Ce se întâmplă când stările goale sunt ignorate?

Ecranele goale fără îndrumare pot duce la confuzie, incertitudine și dezamăgire. Acest lucru poate duce la rate mai mari de abandon și la o satisfacție generală mai scăzută cu produsul.

Din fericire, lucrurile încep să se schimbe, pe măsură ce beneficiile și oportunitățile proiectării de ecrane bune de stare goale devin o parte mai importantă, cu prioritate înaltă a procesului de proiectare UX.

Cum să umpleți un ecran gol cu ​​scop

Iată câteva dintre cele mai bune practici UX pentru a vă asigura că ecranele goale sunt concepute pentru a fi utile, utile și informative.

Empatie. Adăugarea de surpriză și încântare , emoție și personalitate sunt toate modalitățile prin care designerii UX au creat experiențe mai bune chiar și în cele mai întunecate colțuri ale unui produs. Pentru ecranele goale, mesajele empatice adaugă varietate și creează o experiență mai captivantă și personalizată.

Imagini. Există un principiu de design numit efect de biofilie. Aceasta este o stare de stres redus și de concentrare îmbunătățită care rezultă din priveliștile naturii. Adăugarea unor imagini scenice (de exemplu, fundalul unui ecran de eroare de stare gol) poate duce la o experiență de utilizator mai plăcută.

Îndrumare utilă. În funcție de tipul de produs, stările goale pot fi folosite pentru a ghida utilizatorul. Un bun exemplu în acest sens este o aplicație de management de proiect. Cu un cont nou, nu există încă proiecte în joc, oferind o oportunitate potențial excelentă de a ajuta utilizatorul să înceapă rapid, reducând astfel șansa de abandon. Iată un exemplu:

Conținut de pornire. Există o mulțime de ecrane care stau goale suficient de mult pentru ca utilizatorul să fie frustrat și să plece. Pentru anumite produse, furnizarea de conținut bun pentru început îi ajută să vizualizeze ce se întâmplă și ce pot face în continuare.

Iată un exemplu de ecran de stare gol cu ​​conținut de pornire:

Furnizarea unui pas de acțiune. Cu unele produse, nu trebuie să oferim îndrumări sau să umplem ecranul cu niciun conținut, deoarece nu ar avea niciun sens. În aceste cazuri, designerii ar putea pur și simplu să ofere un pas de acțiune.

Cu toate acestea, cel mai bine este să mențineți acțiunile la minimum. Legea lui Hick afirmă că „timpul necesar pentru a lua o decizie crește odată cu numărul și complexitatea alegerilor”. Astfel, utilizatorii vor fi probabil mai rapid să acționeze atunci când apelurile la acțiune sunt menținute la unul sau două cel mult. Iată un exemplu grozav:

Un alt exemplu bun este Instagram. Când oamenii sunt noi pe platformă, nu urmăresc încă pe nimeni (și nimeni nu îi urmărește). Ar fi ușor să se concentreze asupra tuturor funcțiilor grozave ale Instagram, dar un ecran de stare gol bun, de exemplu, le-ar putea oferi opțiunea de a „adăuga persoane pe care să le urmărească”.

Cele mai bune practici UX de stat goale – de pe teren

Toptal are talent independenți global de top în toate domeniile designului. Iată ce au avut de spus câțiva designeri Toptal UX despre experiențele lor de proiectare a ecranelor de stare goale.

Designer Toptal: Tamara Olson

Disciplina de design: UX Design

Care sunt câteva modele bune de stare goală la care ați lucrat sau le-ați văzut?

Modelele bune și moderne de stare goală pe care le-am observat sunt de obicei instrucțiuni din două părți, o parte încântare. Dacă o interfață de utilizare este goală, este datoria designerului UX să ajute utilizatorii să înțeleagă ce se va întâmpla în spațiu atunci când este populat. Dacă este sarcina utilizatorului să-l completeze, mesajele ar trebui să includă instrucțiuni despre cum. (De exemplu, un tabel „Clasuri” gol dintr-un produs edtech poate include o copie care informează profesorii cum să-și creeze prima clasă.)

Văd, de asemenea, că multe aplicații folosesc imobilele generoase ale statelor goale ca o oportunitate de a injecta ceva încântare și personalitate jucăușă a mărcii. Ați putea spune că este versiunea aplicației web a paginii 404 a unui site web.

Ați trecut vreodată cu vederea stările goale și, dacă da, de ce?

Desigur, este o capcană ușoară. Când suntem vizionari, ne imaginăm aplicațiile și produsele când sunt în plină desfășurare, populate cu conținut și utilizatori. Când lucram la Google, un VP de produs a făcut un comentariu că produsele sunt ca zborurile cu avionul; cele mai multe probleme apar în timpul decolărilor și aterizării.

Când un utilizator intră pentru prima dată în produsul dvs., stările goale sunt inevitabile și nu vrem ca acestea să ajungă în fundături înainte de a începe. Aș încuraja designerii juniori să proiecteze un set separat de modele liniare care să arate fluxul de integrare al utilizatorului.

Ați observat succesul clientului în utilizarea stărilor goale? Dacă da, în ce moduri?

Am lucrat recent cu National Novel Writing Month la reproiectarea platformei lor, care permite utilizatorilor să stabilească și să urmărească obiective în jurul progresului lor de scriere. Echipa noastră de produse a avut o minge absolută cu stările goale; a fost o modalitate minunată de a introduce și de a tachina funcționalitatea și personalitatea platformei și de a inspira utilizatorii să înceapă să-și înregistreze progresul.

Care este cea mai reușită utilizare a unei stări goale pe care ați experimentat-o?

În calitate de „zero inboxer”, sunt în mod constant încântat de ilustrația goală a căsuței de e-mail a aplicației Gmail: o persoană sub o umbrelă, citind o carte sub soare, cu legenda „Ați terminat!” Din punct de vedere tehnic, încalcă regula pe care am menționat-o despre stările goale care au nevoie de un îndemn la acțiune și, totuși, nu este așa, deoarece CTA subliminal este „Dă-ți e-mailul și bucură-te de viața ta”. Iubesc aia.

Designer Toptal: Michael Clingerman

Disciplina de proiectare: Design de produs SaaS

Dacă ați proiectat pentru stări goale, ce tipuri vedeți cel mai frecvent?

Stările goale cu care sunt cel mai familiar sunt stările 404/eroare și stările șters de utilizator.

Ați observat succesul clientului în utilizarea stărilor goale? Dacă da, în ce moduri?

Da. Am văzut cazuri în care ecranele de stare goale au devenit parte a unei strategii de comunicare și conținut captivantă și încântătoare. Există și alte cazuri în care clienții le-au folosit pentru a-și construi personalitatea mărcii.

Care este cea mai reușită utilizare a unei stări goale pe care ați experimentat-o?

Întotdeauna mi-a plăcut folosirea de către Dropbox a stilurilor ilustrative simple și monocromatice pentru a stabili personalitatea, tonul și caracterul mărcii corporative.

Concluzie

Este ușor să treceți cu vederea stările goale (sau ecranele goale) în designul UX, deoarece acestea apar rar și nu sunt întotdeauna bine înțelese. Cu toate acestea, beneficiile includerii lor sunt subestimate, deoarece îmbunătățesc experiența utilizatorului și ajută la crearea unui produs mai coeziv.

• • •

Citiți în continuare pe Blogul Toptal Design

• Cele mai bune practici de design UI și greșeli comune
• Mobile UX Design – Cele mai bune practici, constrângeri și lucrul cu dezvoltatorii
• Principii euristice pentru interfețele mobile
• Influența cu designul – Un ghid pentru culoare și emoții
• Principiile designului și importanța lor