21 greșeli comune de proiectare a interfeței cu utilizatorul (UI) care vă costă foarte mult afacerea

Consumatorii de astăzi sunt mai pretențioși decât oricând, mai ales când vine vorba de lumea digitală. Ei se așteaptă la o interfață intuitivă, proiectată atractiv, care se încarcă în câteva secunde atunci când navighează pe un site web și vor vota cu ochii dacă găsesc ceva care nu corespunde standardelor lor exigente.

De fapt, statisticile adunate într-o gamă largă de industrii sugerează că:

• 38% dintre vizitatori vor părăsi un site web dacă găsesc aspectul de bază sau conținutul neatrăgător
• 47% dintre oameni se așteaptă ca o pagină web să se încarce în mai puțin de două secunde;
• Marea majoritate (95%) a oamenilor cred că cel mai important element al oricărui site web este experiența utilizatorului (UX); și
• Dacă calitatea designului web a devenit degradată, 94% dintre oameni vor înceta să mai aibă încredere sau să folosească un site web.

Multe companii care își consideră site-ul ca un element integral al strategiei lor de marketing online ar putea să nu realizeze că un design slab al interfeței de utilizare le poate costa enorm în ceea ce privește afișările de pagină, clicurile și ratele de conversie.

Iată 21 de greșeli comune de proiectare a interfeței de utilizator

#1. Aspect aglomerat

Utilizatorii consideră că site-urile web prea aglomerate sunt foarte frustrante. Le lipsește ordinea vizuală și îi pot copleși pe oameni în timp ce se luptă să înțeleagă care sunt cele mai importante elemente și unde ar trebui să-și concentreze atenția. De obicei, o pagină de site poate fi aglomerată dacă:

• Există prea mult conținut – în special text – pe ecran;
• Nu apare nicio logică sau ordine în modul în care este afișat conținutul; și
• Designul vizual este neatrăgător sau culorile și fonturile se ciocnesc prea strident.

[Tweet „“Designul web nu se referă doar la crearea unor machete frumoase. Este vorba despre înțelegerea provocării de marketing din spatele afacerii tale. ― Mohamed Saad ””]

Nu știi unde sau ce să cauți pe o pagină poate face vizitatorii să se întoarcă, ceea ce înseamnă o vânzare pierdută sau o potențială conversie.

„O greșeală pe care o văd adesea este că nu folosesc conținut autentic în faza de proiectare. Textul (de exemplu) joacă un rol semnificativ în design-urile moderne, dar odată ce produsul este lansat, exemplele de text perfecte sunt înlocuite cu conținut real. Acolo se termină armonia și apar diverse probleme: propoziții lungi care nu se potrivesc, etichete nealiniate, goluri între rânduri și dezordine (și asta chiar înainte de a intra în provocările de localizare).
– Gil Bouhnick este CTO și cofondator al Missbeez și proprietar al lingurei mobile. Urmărește-l pe Twitter @GilBouhnick

#2. Anularea invitației îndemnurilor (îndemnuri)

Se poate spune că butoanele CTA (Call to Action) sunt cel mai important element de pe orice pagină de destinație. Sunt dispozitivul care convertește un vizitator aleatoriu pe un site web într-un potențial client. Prin urmare, este esențial ca butoanele CTA să fie proeminente, atrăgătoare și ușor de utilizat, astfel încât vizitatorii să fie direct pentru a efectua acțiunile pe care le doriți, fie că este vorba de a-i direcționa către o pagină de produs, un coș de cumpărături sau o facilitate de plată. .

[Tweet „„Ascultarea unui apel profetic la acțiune aduce beneficii pozitive.” ― Sherry K. White, Walking in the Father's Riches: The Prosperity of Sonship”]

Atunci când evaluează dacă butoanele lor CTA sunt eficiente, companiile trebuie să își pună următoarele întrebări:

• Este CTA clar și lipsit de ambiguitate? Este orientat spre acțiune și induce un sentiment de urgență din partea vizitatorului?
• Butonul este plasat în locul potrivit pe pagină? Poate fi localizat cu ușurință? și
• Cât de ușor este de utilizat? Se evidențiază de restul paginii și atrage atenția vizitatorului.

#3. Navigare neintuitivă

Un site web ar trebui să fie organizat și ușor de navigat. Aceasta înseamnă că ar trebui să aibă o ierarhie și o ordine logică ușor de urmat, cu titluri și subtitluri care se referă în mod clar între ele și sunt formulate clar și fără ambiguitate,

[Tweet „„Busola morală a omului nu funcționează încă în lumi în care instinctul navighează în viață.” ― Toba Beta, strămoșul meu a fost un astronaut antic”]

Furnizați întotdeauna un meniu și localizați-l acolo unde utilizatorii se așteaptă să îl găsească - fie vertical în partea stângă a paginii ca bară laterală, fie orizontal în partea de sus a paginii. Și nu includeți prea multe articole în meniu - șase sau mai puțin este cantitatea recomandată.

Navigarea trebuie să fie intuitivă pentru utilizatorul obișnuit – dacă li se pare prea complicată sau nu știu unde să caute, pur și simplu vor merge în altă parte.

#4. Imagini generice

Imaginile generice reprezintă utilizarea fotografiilor de stoc și a altor imagini evident false pentru a vinde sau promova produse sau servicii. Problemele cu aceste tipuri de imagini sunt duble - nu numai că imaginile în sine nu sunt autentice, dar sunt generice - aceleași imagini pot fi găsite pe mai multe site-uri web.

O imagine pictează mai mult de o mie de cuvinte pe care le spun, și o imagine captivantă care poate fi un instrument puternic de marketing, generând un sentiment sau încredere și chiar bunăstare unui client. Dar o imagine generică subminează imediat această încredere.

#5. Nicio dovadă socială

Dovada socială este ideea că oamenii se vor conforma normelor pentru a fi agreați sau acceptați de societate. Consumatorii cumpără produse care îi fac să se simtă bine cu ei înșiși, dar caută motive pentru care ceea ce fac este lucrul corect. Asta înseamnă că se uită la recenzii online de produse, mărturii și pictograme de încredere pentru a-i ghida atunci când iau o decizie de cumpărare.

Cercetările au arătat că 85% dintre oameni vor citi recenzii online înainte de a lua o decizie de cumpărare. Acţionează ca o parte valoroasă a procesului de cumpărare.

[Tweet „“Omul este o ființă socială; nu este surprinzător că ne plac dovezile sociale, vinde rapid mărci” – Bernard Kelvin Clive”]

Dacă site-ul dvs. nu are recenzii sau mărturii online de la clienți anteriori sau existenți, nu există nicio dovadă socială, iar vizitatorii sunt mult mai puțin probabil să continue cu o vânzare.

#6. Absența unui ghid de stil

Un ghid de stil este un set de standarde vizuale pentru formatarea și designul unui site web. Acestea asigură uniformitatea designului pe un site, ajutând la evitarea inconsecvențelor, cum ar fi diferite fonturi și dimensiuni de text, culori sau dimensiuni sau utilizarea diferitelor stiluri.

Cele mai bune practici sugerează că un designer de UI ar trebui să-și creeze Ghidul de stil odată ce a înțeles brief-ul pentru un site web, dar înainte de a începe să proiecteze paginile individuale. Acest lucru nu numai că asigură consistența, dar le economisește mult timp – multe dintre elementele grafice vor exista deja și nu trebuie să fie create de la zero.

#7. Raport text și grafică/imagine

Prea mult text și prea puține imagini sau conținut grafic pot afecta experiența utilizatorului unui site web. Nu există o formulă exactă cu privire la care este echilibrul potrivit, deși unii experți sugerează minim 60% text și maximum 40% grafică sau imagini.

Cele mai bune practici sugerează:

• Găsiți echilibrul care are sens pentru afacerea dvs.;
• Folosiți suficient text în corpul mesajului dvs., astfel încât spectatorii să poată obține toate punctele cheie fără a-i copleși;v
• Adoptă o utilizare mai intensă a imaginilor pentru persoanele care vizualizează site-uri web pe dispozitive mobile, deoarece acestea sunt mai ușor de vizualizat decât ramurile de text;
• Testați continuu raporturile dintre text și imagine pentru a determina configurația optimă pentru afaceri.

#8. Viteză lentă de încărcare a paginii

Oricât de bun ar fi restul designului dvs., dacă paginile dvs. web durează prea mult să se încarce, veți pierde automat mult din trafic. Cercetările au arătat că 47% dintre oameni se așteaptă ca o pagină web să se încarce în două secunde sau mai puțin. Același studiu a demonstrat, de asemenea, costul pentru companii cu doar o secundă de întârziere a timpilor de încărcare a paginii – cu 11% mai puține vizualizări de pagină și cu 7% mai puține conversii.

În plus, viteza de încărcare a paginii afectează și clasamentele în Google și în celelalte motoare de căutare.

[Tweet „73% dintre utilizatorii de internet mobil spun că au întâlnit un site web care a fost prea lent pentru a se încărca.” ― Neil Patel”]

#9. Făcând utilizatorul să gândească

Scopul unui site web pentru o afacere este în primul rând de a acționa ca un instrument de marketing. Ar trebui să explice ce vindeți, cât costă și cum să îl obțineți cât mai simplu și concis posibil. Scopul final este de a converti un vizitator al site-ului web într-un client cât mai rapid și fără durere posibil.

Dacă, totuși, un utilizator trebuie să se gândească la decizie sau trebuie să rezolve ceva pentru el însuși, sunt șanse ca acesta să se răzgândească și să plece în altă parte. Faceți experiența utilizatorului lină și fără întreruperi pentru ei, astfel încât să nu fie nevoiți să gândească singuri.

#10. Proiectarea pentru tine

O greșeală comună făcută de mulți designeri web este să proiecteze pentru ei înșiși, fără a ține cont de utilizatorul final. Acest lucru poate fi doar auto-indulgent și nu poate îndeplini nevoile și cerințele pe care le va avea potențialul vizitator al unui site. În schimb, un web designer ar trebui să lucreze îndeaproape cu echipele de marketing și vânzări pentru a se asigura că designul este optimizat din perspectiva utilizatorului, în primul rând. Și site-urile web ar trebui apoi testate pe utilizatori reali și modificate în funcție de feedback-ul lor.

#11. Statele goale prea goale

În termeni de UI, o stare goală este ceea ce vede un vizitator al unui site web atunci când nu există date de afișat pe ecran. Acest lucru poate fi din mai multe motive: un utilizator tocmai s-a înscris; au șters singuri datele sau a apărut o eroare.

O stare goală în sine nu este un lucru rău - pot fi folosite pentru a spune unui spectator pentru ce este, de ce o văd și cum o pot umple.

Cu toate acestea, ele pot fi frustrante și pentru telespectatori dacă nu există îndrumări cu privire la ceea ce ar trebui să se întâmple în continuare. De aceea se recomandă ca acestea să nu fie lăsate prea goale, ci umplute cu o ilustrație, pictogramă sau bloc de text care sugerează pașii următori.

#12. Lipsa ierarhiei tipografice

În orice proiect de design, ierarhia vizuală este importantă: le spune oamenilor unde să se uite și ce lucruri de pe ecran. Ierarhia în tipografie organizează și dă ordine elementelor de text dintr-un design. Îi spune cititorului ce este important și face lectura mult mai ușoară. Fără ea, vizitatorii se pot pierde sau distras atenția și fie să rateze mesajele cheie, fie să fie frustrați și să facă clic pe un site.

[Tweet „“Tipografia trebuie să fie audibilă. Tipografia trebuie simțită. Tipografia trebuie experimentată.” — Helmut Schmid, designer grafic și tipograf”]

#13. Prea Mult din Tot

Când vine vorba de design web, uneori mai puțin este mai bine decât mai mult. Acest lucru este valabil mai ales pentru blocurile mari de text, dar se poate aplica și imaginilor. Dacă există prea multe informații de absorbit, oamenii nu se vor deranja să o citească. Păstrați informațiile simple și concise, folosiți imagini și grafice în loc de cuvinte acolo unde este posibil și încercați să nu stoarceți prea mult din oricare dintre acestea pe nicio pagină.

#14. Proiectare pentru un public prea larg

Deși doriți ca produsele sau serviciile dvs. să atragă un public cât mai larg posibil, există pericolul ca mesajul dvs. să fie prea larg și să nu reușiți să atragă niciun grup sau segment specific. Înainte de a vă proiecta site-ul web, cercetați-vă publicul potențial și adaptați materialele și mesajele de marketing care ar putea să-i atragă direct. Adaptarea conținutului pentru un public țintă este o modalitate mult mai eficientă de marketing și va asigura mult mai multe conversii decât adoptarea unei abordări aleatorii de tip scatter-gun.

#15. Proiectare pentru o singură dimensiune a ecranului

O greșeală comună pe care o fac mulți designeri web este că își proiectează site-urile web doar pentru ecrane complete, fără a verifica mai întâi dacă pot fi vizualizate mai întâi pe ecrane mai mici sau pe dispozitive mobile. Aceasta este o mare greșeală. Aproape 70% dintre consumatorii din ziua de azi consumă media sau vizualizează mai întâi paginile web pe smartphone-urile lor, chiar dacă ulterior își fac achizițiile de pe un laptop sau desktop. Dacă site-ul dvs. web nu este optimizat pentru toate ecranele, atunci este posibil să renunțați la un număr mare de conversii potențiale.

#16. Omiterea testării utilizatorilor

Testarea utilizatorilor este vitală pentru rate de conversie ridicate. În timp ce designerii web, personalul de marketing și vânzări dintr-o organizație ar putea avea o idee bună despre ce ar putea dori vizitatorii sau cum va fi experiența utilizatorului, nu există nici un substitut pentru a determina utilizatorii reali să testeze site-ul dvs. web și performanța acestuia și să încorporeze feedback-ul lor.

De fapt, testarea utilizatorilor ar trebui să fie un proces continuu, chiar și atunci când un site a fost lansat, astfel încât performanța site-ului dvs. să fie mereu optimizată.

#17. Prea multe ferestre pop-up

Pop-up-urile funcționează. Studiile de cercetare au arătat că site-urile care folosesc ferestre pop-up pot înregistra o creștere de până la 400% a conversiilor. Sunt eficiente deoarece captează atenția oamenilor și pot transmite mesaje cheie într-o formă ușor de digerat.

Problema este însă că aceștia îi stau în calea designerilor și îi împiedică să creeze site-uri web accesibile și atractive. Ele ocupă spațiu și pot interfera cu conținutul paginii. Cu toate acestea, principala problemă cu ferestrele pop-up este că pot fi intens iritante. Mulți oameni preferă să citească pentru ei înșiși sau să se bucure de experiența utilizatorului fără să li se amintească în mod constant aceste imagini sau solicitări.

Dacă urmează să fie folosite ferestre pop-up, acestea ar trebui să fie utilizate în mod responsabil și cu moderație, astfel încât să informeze vizitatorii fără a-i copleși sau a-i bombarda.

Există un alt motiv pentru care ar trebui evitate prea multe ferestre pop-up. Din ianuarie 2017, Google a început să penalizeze site-urile care aveau prea multe ferestre pop-up intruzive în clasamentele lor globale de căutare.

#18. Utilizați o copie lungă

O copie în formă lungă este versiunea pe internet a unei vechi tradiții de copywriting și este adesea folosită ca instrument de marketing pentru a încerca să forțeze vizitatorii să cumpere folosind tehnici precum evidențierea galbenă, titluri roșii și săgeți intermitente. Poate avea succes în anumite circumstanțe, cum ar fi vânzarea către potențiali rece care trebuie să rezolve o anumită problemă, deoarece evidențiază produsul fără nicio distragere.

Cu toate acestea, aceste tehnici sunt asociate cu campanii cu plata-pe-clic, care nu numai că sunt mai scumpe decât au fost cândva, dar i-au determinat și pe vizitatorii web să fie atenți atunci când fac clic pe acestea, din cauza prevalenței crescute a malware-ului și a virușilor pe web. , Și, cel mai important, copierea în formă lungă este o formă agresivă de publicitate și este posibil să înstrăinați mai mulți vizitatori decât atrageți.

#19. Fonturi greu de citit și contrast slab de culoare

Din păcate, nu toată lumea are o vedere perfectă și este capabilă să distingă nuanțe și culori subtile. De fapt, persoanele cu deficiențe de vedere au probleme în citirea unui text care nu contrastează cu fundalul acestuia. Și bărbații, în special, suferă adesea de o deficiență de culoare, în special în a distinge roșul de verde. Aceasta înseamnă că, dacă utilizați fonturi greu de citit sau contraste slabe de culoare pe site-ul dvs., puteți face paginile greu de citit și veți vedea ca rata de respingere a paginii dvs. începe să crească.

#20. Dreptul utilizatorului la confidențialitate

Site-urile web le cer în mod constant oamenilor să aibă încredere în ei cu informații sensibile, personale. Dar, cu cât un utilizator trebuie să dezvăluie mai mult, cu atât este mai mare importanța pe care designerul și proprietarul site-ului trebuie să o acorde protecției datelor. Prin urmare, atunci când proiectează un site web sau orice formular online care colectează informații private, de proprietate, companiile trebuie să aibă politici și proceduri clare în vigoare cu privire la modul în care vor fi colectate și stocate datele utilizatorilor. Acest lucru trebuie, de asemenea, comunicat vizitatorilor sub forma unei politici de confidențialitate și a termenilor și condițiilor unui site web.

Nici aceasta nu este doar o cerință legală. Nerespectarea obligațiilor care le revin conform legislației precum GDPR (Regulamentul general privind protecția datelor) poate costa afaceri, mii sau chiar sute de mii de dolari în amenzi și acuzații penale împotriva proprietarilor companiilor.

#21. Oferirea prea multă alegere

Proiectarea unui site web cu prea multe opțiuni, prea multe butoane pentru a face clic sau comutare poate duce la paralizia utilizatorului. Ei nu știu ce să facă în continuare, așa că adesea ajung să nu facă nimic. Principiul de aur al designului site-ului web este că mai puțin înseamnă mai mult.

Concluzie

Poate fi dificil să apreciezi valoarea unui site web bine conceput pentru afacerea ta – până când îți dai seama că un site care este proiectat prost sau nu funcționează bine poate costa enorm compania sau organizația ta când vine vorba de pierderi de vânzări și conversii.

Aceasta înseamnă că site-ul dvs. trebuie să fie curat, atractiv, bine amenajat și organizat și ușor de citit și de navigat. De asemenea, trebuie să fie rapid, ușor de încărcat și vizibil pe toate dispozitivele sau dimensiunile de ecran. Țineți cont de publicul țintă, prețuiți dovezile sociale și amintiți-vă de preceptul general că mai puțin înseamnă mai mult.

Nu în ultimul rând, nu presupuneți că, odată ce ați lansat site-ul web, treaba dvs. este făcută. Departe de. Un site web ar trebui să evolueze constant, încorporând feedback continuu al clienților și utilizatorilor pentru a încerca să se asigure că este optimizat cât mai mult posibil și că se obțin cât mai multe clicuri și conversii.