Banner Mesaj de eroare

Cel mai bun mesaj de eroare, după cum știm cu toții, este cel care nu apare niciodată. Cu toate acestea, erorile sunt inevitabile, indiferent cât de bună este proiectarea noastră. Atunci când oamenii interacționează cu produsele, este sigur că la un moment dat ceva se va întâmpla.

Mesajele de eroare pot părea neînsemnate, dar ele reprezintă o parte importantă a experienței utilizatorului. Utilizatorii folosesc frecvent calitatea mesajelor de eroare pentru a evalua calitatea produsului. Unul dintre lucrurile care îi irită pe utilizatori sunt mesajele de eroare prost scrise. Pe de altă parte, o bună proiectare UX a mesajelor de eroare poate îmbunătăți plăcerea subiectivă a utilizatorilor și viteza de utilizare.

Cum să scrieți mesaje de eroare bune?

Gestion rea punctelor de durere ale utilizatorilor este un element cheie al UX. Mesajul de eroare este unul dintre cele mai temute (de către utilizatori). Poate fi o problemă care apare în timp ce un utilizator se înscrie pentru un produs sau una care apare în mijlocul fluxului de lucru al unui utilizator. Obiectivul este de a face ca întâlnirea să fie cât mai puțin dureroasă pentru utilizatori. Când vine vorba de redactarea acestor tipuri de mesaje, cele mai bune practici de microcopy și ghidurile de stil pot fi de ajutor, dar acestea sunt mai mult decât simple elemente de bază.

Iată câteva principii generale care vă vor ajuta să creați cele mai eficiente mesaje de eroare pentru consumatorii dvs:

1. Fiți mai degrabă specific decât speculativ

Autentificare eșuată

Imagine preluată de pe Bootcamp

Mesajele de eroare ar trebui să fie scrise într-un mod clar și simplu. Atunci când vizualizează un mesaj de eroare, utilizatorul ar trebui să fie capabil să înțeleagă problema. Nu are niciun rost dacă mesajul de eroare este vag, iar utilizatorul nu poate determina motivul mesajului. Utilizatorii nu au nicio modalitate de a rezolva problema, ceea ce are un impact negativ asupra experienței produsului.

Exemplu:

Pagina nu a fost găsită

Imagine preluată de pe Strikingly

2. Mențineți-o scurtă și semnificativă

Format e-mail introdus greșit

Imagine preluată de pe Bootcamp

Informațiile necesare trebuie incluse în mesajul de eroare. De cele mai multe ori, utilizatorul nu este dispus să citească o poveste lungă. Scrieți o scurtă descriere care să fie semnificativă pentru utilizator și să-i ofere acestuia o înțelegere clară a problemei și a modului de rezolvare a acesteia. Evitați comunicarea excesivă a problemei și evitați să folosiți termeni superflui.

3. Evitați jargonul tehnic

Eroare de rețea

Imagine preluată de pe Bootcamp

Majoritatea utilizatorilor nu sunt interesați de complexitatea tehnică a problemei. Utilizatorul devine perplex dacă o comunicare cuprinde fraze tehnice sau jargon. Evitați să folosiți jargonul sau să faceți referire la detalii de implementare în scrierile dumneavoastră. Dacă trebuie menționate detalii tehnice sau sofisticate, puneți-le într-o secțiune de depanare și direcționați utilizatorul astfel încât acesta să poată remedia rapid problema.

4. Fiți umil și nu arătați cu degetul spre utilizator

Nu ați introdus un nume

Imagine preluată de pe Bootcamp

Un mesaj de eroare decent este de natură modestă. Acesta explică în mod politicos problema utilizatorului, fără a-l condamna pentru comportamentul său. Utilizatorul are capacitatea de a efectua în mod repetat o acțiune incorectă. Cu toate acestea, este rolul proiectantului să-l avertizeze în mod corespunzător cu privire la erorile sale.

"Ca o modalitate de a da mesajelor de eroare un ton mai uman, încercați să le spuneți cu voce tare cuiva. Când îl spuneți cu voce tare, cum sună?" Sonia Gregory.

Exemplu :

Importare produse

Imagine preluată de pe Strikingly

5. Cuvintele negative trebuie înlocuite cu cuvinte pozitive

Pe interfața cu utilizatorul, există câteva cuvinte neplăcute care ar trebui evitate. Deoarece un mesaj de eroare se bazează pe activitățile ciudate ale utilizatorului, este posibil ca sistemul să afișeze ceva care este lipsit de respect față de utilizator.

John Ekman oferă o ilustrare excelentă a modului de utilizare a cuvintelor "da" și "nu":

"Am întrebat-o pe femeia de la ghișeul aeroportului din Stockholm, în urmă cu câțiva ani, dacă pot face upgrade la clasa business pentru un bilet spre Statele Unite. Ea mi-a răspuns: "Îmi pare rău, dar nu este posibil". Ar trebui să plătiți o primă pentru asta. "Am încercat din nou același lucru în timp ce mă înregistram pentru zborul de întoarcere: "Bineînțeles, domnule!" a fost reacția de data aceasta. "Cum ați vrea să plătiți pentru asta?", spune naratorul.

Așadar, în ciuda faptului că disponibilitatea locului și potențialul de upgrade erau aceleași, am primit două răspunsuri complet diferite: un "da" și un "nu".

6. Oferiți instrucțiuni utilizatorului

Un fișier cu același nume deja există

Imagine preluată de pe Bootcamp

Un mesaj de eroare bun conține trei părți: identificarea problemei, detalii despre cauză, dacă sunt disponibile, și o soluție, dacă este posibil. Atunci când un utilizator întâlnește o greșeală, acesta dorește să o rezolve cât mai repede posibil. Un Mesaj de eroare ar trebui să ofere utilizatorului informații suficiente pentru a-l ajuta să iasă din starea incorectă. Notificarea poate, de asemenea, să îndrume utilizatorul către o altă locație sau persoană care poate oferi mai multe informații despre situație.

Exemplu:

Înregistrare domeniu nou

Imagine preluată de pe Strikingly

7. Faceți ca punctele dvs. să fie specifice și relevante

Ați uitat sa atașați un fișier

Imagine preluată de pe Bootcamp

Mesajul trebuie să includă informații pertinente care să permită utilizatorului să se raporteze rapid la locația și alternativele oferite. Indicați în mod clar locația exactă a problemei, inclusiv locul unde ar trebui să se ducă utilizatorul și pașii pe care ar trebui să îi facă pentru a o rezolva. Dacă un mesaj de eroare conține informații ambigue, utilizatorul se va simți perplex, ceea ce îi va îngreuna corectarea problemei.

Exemplu :

Imagine preluată de pe Bootcamp   Mesajul trebuie să includă informații pertinente care să permită utilizatorului să se raporteze rapid la locația și alternativele oferite. Indicați în mod clar locația exactă a problemei, inclusiv locul unde ar trebui să se ducă utilizatorul și pașii pe care ar trebui să îi facă pentru a o rezolva. Dacă un mesaj de eroare conține informații ambigue, utilizatorul se va simți perplex, ceea ce îi va îngreuna corectarea problemei.  Exemplu :

Imagine preluată de pe Strikingly

8. Nu folosiți toate literele majuscule

Numele de utilizator și/sau parola nu se potrivesc

Imagine preluată de pe Bootcamp

Textul scris cu majuscule este greu de citit și dă utilizatorului impresia că strigă. Deoarece un mesaj de eroare este un loc în care utilizatorul este avertizat de o situație potențial periculoasă, utilizarea unui limbaj cu majuscule îl poate face să se simtă descurajat.

9. Adoptați măsurile corective

Acțiunile din mesajul de eroare sunt esențiale. Acțiunile adecvate oferă utilizatorului indicații cu privire la ceea ce trebuie să facă în continuare. Acțiunile sunt opțiuni de rezolvare a problemei. Un mesaj poate include una sau mai multe acțiuni ale utilizatorului.

"Dați butoanelor de alertă nume scurte și rezonabile. Cele mai bune titluri de butoane sunt unul sau două cuvinte care transmit ce se întâmplă atunci când apăsați butonul." - Orientări pentru iOS.

Utilizați același nume de acțiune ca și titlul butonului dacă utilizatorul trebuie să întreprindă anumite activități pentru a rezolva eroarea.

Exemplu:

Numărul nu este un tip de card valabil

Imagine preluată de pe Bootcamp

Textul scris cu majuscule este greu de citit și dă utilizatorului impresia că strigă. Deoarece un mesaj de eroare este un loc în care utilizatorul este avertizat de o situație potențial periculoasă, utilizarea unui limbaj cu majuscule îl poate face să se simtă descurajat.

Numele de utilizator și/sau parola nu se potrivesc

Imagine preluată de pe Bootcamp

Textul scris cu majuscule este greu de citit și dă utilizatorului impresia că strigă. Deoarece un mesaj de eroare este un loc în care utilizatorul este avertizat de o situație potențial periculoasă, utilizarea unui limbaj cu majuscule îl poate face să se simtă descurajat.

9. Adoptați măsurile corective

Acțiunile din mesajul de eroare sunt esențiale. Acțiunile adecvate oferă utilizatorului indicații cu privire la ceea ce trebuie să facă în continuare. Acțiunile sunt opțiuni de rezolvare a problemei. Un mesaj poate include una sau mai multe acțiuni ale utilizatorului.

"Dați butoanelor de alertă nume scurte și rezonabile. Cele mai bune titluri de butoane sunt unul sau două cuvinte care transmit ce se întâmplă atunci când apăsați butonul." - Orientări pentru iOS.

Utilizați același nume de acțiune ca și titlul butonului dacă utilizatorul trebuie să întreprindă anumite activități pentru a rezolva eroarea.

Exemplu:

Numărul nu este un tip de card valabil

Imagine preluată de pe Strikingly

10. Adoptarea unei strategii de publicare progresivă a informațiilor

Conexiunea la baza de date SQL a eșuat

Imagine preluată de pe Bootcamp

Plasați informații detaliate despre un mesaj de eroare sub zona Afișare/ Ascundere dacă credeți că utilizatorul nu va dori să le vizualizeze. Poate fi benefic pentru un utilizator mai avansat care dorește să afle detalii tehnologice. Pur și simplu plasați cele mai puțin importante informații în aceste părți, deoarece majoritatea utilizatorilor nu vor vizita secțiunea Show/Hide.

11. Folosiți poziționarea adecvată

Câmpuri de completare obligatorii

Imagine preluată de pe Bootcamp

Este esențial să poziționați mesajul de eroare mai aproape de regiunea căreia îi aparține. Utilizatorii nu ar trebui să fie nevoiți să se uite în jur după ce citesc mesajul pentru a-și da seama despre ce este vorba.

Atunci când un utilizator completează un formular, de exemplu, furnizarea erorii de validare împreună cu controalele la care se referă reprezintă cea mai bună experiență. În caz contrar, utilizatorul va localiza mai întâi controlul incorect înainte de a încerca să îl rectifice.

Un mesaj de eroare trebuie să fie ușor de văzut și de înțeles. Chiar dacă utilizatorul a derulat până în partea de sus sau de jos a ecranului, un mesaj ar trebui să apară în vizualizarea curentă.

12. Designul vizual potrivit pentru mesajul de eroare

Va rugăm să introduceți adresa dumneavoastră de e-mail

Imagine preluată de pe UXplanet

Mesajul de eroare trebuie să fie accesibil în orice moment. Folosiți text cu contrast ridicat și imagini/culori de fundal pentru ca mesajul să iasă în evidență și să fie ușor de citit.

Textul anunțului de eroare este de culoare roșie, așa cum se obișnuiește. Se aleg uneori culorile galben sau portocaliu, deoarece unele resurse susțin că roșul este excesiv de stresant pentru consumatori. În toate circumstanțele, asigurați-vă că textul de eroare este lizibil și că iese în evidență pe culoarea de fundal. Nu uitați să includeți o pictogramă legată de culoare lângă culoare pentru a o face mai accesibilă persoanelor daltoniene.

Concluzie:

Sunteți gata să reconstruiți sau să modernizați site-ul web al companiei dvs. și este posibil să aveți câteva idei de design sau caracteristici pe care ați dori să le includeți. Înainte de a face orice altceva, asigurați-vă că UX, sau experiența utilizatorului, este prioritatea dvs. principală în proiectarea site-ului. Angajamentul clienților, generarea de lead-uri și vânzările sunt toate influențate de experiența utilizatorului.

O experiență bună a utilizatorului face mai mult decât să vă ajute vizitatorii să navigheze pe site-ul dvs.; de asemenea, provoacă răspunsuri emoționale și vă aduce mai aproape de clienții dvs. Cu toate acestea, indiferent de cât de multe îndrumări există pentru a vă face designul remarcat, obținerea unei UX corecte poate fi dificilă uneori.

Scopul designului experienței utilizatorului este de a face ca oamenii să răspundă "Da" la toate aceste întrebări.

Nu putem proiecta o experiență a utilizatorului și nu putem recrea experiența utilizatorului de pe un site web pe altul. Experiența utilizatorului va diferi în funcție de site-ul web. Designul unui site web trebuie să fie adaptat obiectivelor, valorilor, metodei de producție și produselor companiei.

Totul trebuie testat și trebuie să încercați să vă vedeți site-ul prin ochii publicului țintă. În cele din urmă, site-ul dvs. va deveni mai ușor de utilizat pentru vizitatorii specifici ai site-ului dvs., ceea ce ar putea duce la vânzări suplimentare sau la noi clienți.

În ceea ce privește nivelul de utilizare sau ușurința de utilizare, fiecare constructor de site-uri are avantaje și dezavantaje în funcție de caracteristicile, flexibilitatea și designul intuitiv al interfeței de editare. Pe de o parte, aveți un constructor precum Strikingly, care este atât simplu de utilizat, cât și extins. Pe de altă parte, un constructor de pagini precum WordPress sau GoDaddy nu vă oferă multe opțiuni atunci când vine vorba de crearea de pagini. Cu cel mai bun constructor de site-uri web, puteți crea o experiență de utilizare memorabilă, care să îi inspire pe utilizatori să revină pe site-ul dvs.

Strikingly a crescut și a devenit software-ul gratuit de web design pentru startup-uri, întreprinderi mici și profesioniști din întreaga lume, cu peste 3 milioane de utilizatori. Echipa noastră vine mereu cu noi șabloane de design web care prioritizează experiența utilizatorului, rămânând în același timp la curent cu tendințele din industrie. Sperăm că, folosind aceste concepte ca un cadru pentru șabloanele noastre, putem oferi potențialilor antreprenori o platformă solidă pentru construirea unor site-uri web unice și bogate în funcții.