Crearea UX perfectă cu 11 Hack-uri de site-uri web

Un site web bun este combinația perfectă a tuturor aspectelor și elementelor necesare care invocă un utilizator să facă clic pe el, să-și răsfoiască paginile și să rămână pe el suficient de mult pentru ca proprietarul site-ului să-l recunoască.

Site-urile web sunt preponderent setate pentru cea mai bună funcționalitate, cea mai bună platformă de comerț electronic și cele mai recente extensii actualizate, care sunt toate foarte importante dacă site-ul trebuie să reziste. Cu toate acestea, un alt factor care a fost subestimat și necunoscut în studiile de evaluare a site-urilor web este UX sau experiența utilizatorului. Credeți sau nu, acesta este unul dintre factorii primari care determină dacă site-ul web va fi cel mai bun clicker sau doar un gunoi plutitor pe internet.

Cât de mult contează UX

Experiența utilizatorului sau UX este pur și simplu felul în care utilizatorul se simte despre interacțiunea cu o interfață digitală. Majoritatea factorilor implică o muncă amănunțită atât din partea designerilor, cât și a dezvoltatorilor, în timp ce alții includ preferințele de mediu și ale utilizatorilor. Acești factori includ accesibilitate, uzabilitate a interfeței, performanță, design/temă/estetică, ergonomie și utilitatea Marketingului. Toată interacțiunea umană pe platformele digitale depinde profund de acești factori și, prin urmare, un site web bun care trebuie să atragă atenția pe internet trebuie să le încorporeze în UX-ul său.

Factori care afectează UX

Deși acești factori sunt pilonii unei bune experiențe de utilizator, aspectele umane care măsoară eficiența unui site web prin intermediul experienței utilizatorului nu se limitează doar la utilizare. Prin mai mulți cercetători și studii în acest subiect foarte particular, am văzut că emoția umană joacă, de asemenea, un rol cardinal în conectarea vizuală a persoanei cu aspectul site-ului web. Ținând cont de ele, să vorbim despre efectele lor în afacerea site-ului.

Formulare de site

În primul rând sunt formele. Amintiți-vă, nimeni nu vrea să-și completeze informațiile dacă nu reușiți să-l faceți să se simtă în siguranță în legătură cu acestea. Formularele sunt, fără îndoială, un mecanism esențial de a obține informații de la clienți și de a le folosi pentru diverse beneficii în ceea ce privește marketingul, produsele personalizate, estimările de preț și multe alte utilizări. Formularele sunt, de asemenea, o parte integrantă a procesului de anchetă, care îl ajută pe administrator să înțeleagă nevoile publicului său și să stabilească ținte pentru organizația sa.

Soluţie:

Pentru a păstra formularele pe site și a rămâne în contact cu clientul, trebuie să păstrați întrebările la un nivel scăzut și să permiteți câmpuri opționale și să setați comentarii ca instrucțiuni sub atribute.

Textul substituent în câmpuri

Vorbind despre formulare, puteți folosi și textul substituent pentru a exemplifica tipul de răspuns necesar pentru câmpul formularului. Textul substituent este exemplul introdus în câmp sub formă de text amovibil. Ideea este absolut genială și îi ajută pe clienți să înțeleagă mai bine ce le cere formularul. Problema este că așa cum am experimentat eu pe multe site-uri, atunci când încerci să introduci informații în câmp; textul substituent rămâne acolo amestecându-se cu textul tău. Singura modalitate de a-l scăpa este să-l ștergeți manual sau formularul dvs. nu va trece. Acum imaginați-vă asta cu alte 20 de câmpuri pe care trebuie să vă introduceți informațiile.

Soluţie:

Pentru a preveni enervarea clienților și pentru a-i determina în continuare să introducă informațiile corecte, asigurați-vă că textul substituent dispare imediat ce clientul introduce informațiile.

Formatarea în Atribute

Această problemă poate fi evitată utilizând tipul corect de câmp potrivit pentru informații. Cu toate acestea, dacă nu există nicio prevedere ca atare, trebuie să adăugați întotdeauna instrucțiunile la ce format de informații trebuie să introducă utilizatorul, cum ar fi cifre și text. Dacă așteptați ca clientul să introducă informații de format greșit, doar pentru a primi un mesaj de eroare, acel utilizator este la fel de bun ca plecat din magazinul dvs.

Soluţie:

Acest lucru se întâmplă de cele mai multe ori pe paginile de plată când clienții sunt frustrați și decid să abandoneze site-ul. Puteți folosi exemple de sub câmpuri pentru a clarifica utilizatorul.

Preveniți mesajele de eroare

Nimeni nu poate infirma faptul că mesajele de eroare sunt o parte esențială a sistemului de corectare automată într-un site web profesional. Cum să le folosești, este totuși un argument mai mare. Pentru a înțelege cum afectează aceste mesaje UX-ul unui client, să vă punem în pielea unui cumpărător online care încearcă să cumpere un produs completând ID-ul de utilizator și parola pentru a se înregistra. În 6-7 încercări, pur și simplu nu vă puteți înregistra, deoarece mesajul de eroare spune doar „Reintroduceți ID-ul utilizatorului”, unde ar trebui să spuneți „Actul utilizator este deja luat”!

Soluţie:

Astfel de mesaje de eroare negăsite frustrează clienții și duc la un abandon imediat. Cereți întotdeauna dezvoltatorilor să producă un mesaj de eroare explicativ, care să îi spună utilizatorului ce trebuie să facă corect pentru a evita să apară din nou.

Anteturi mari

Nu pot să-mi dau seama cum s-a dezvoltat acest lucru și, mai bine, a devenit tendință pe internet, odată cu creșterea numărului de site-uri web care folosesc antete mari de navigare fixe pe paginile lor. Acum problema este că de fiecare dată, atunci când utilizatorul derulează în jos pe pagină, se confruntă cu dificultăți în a vizualiza conținutul care contează de fapt. Aceste anteturi mari și elemente similare blochează conținutul și dezactivează utilizatorul să citească sau să vadă conținutul important de sub acesta. Pe site-urile web mai mari, unde există categorii și fonturi mai mari, această problemă devine chiar crucială, deoarece conținutul devine complet ascuns.

Soluţie:

Pentru a rezolva această problemă, administratorul poate cere dezvoltatorului să NU folosească aceste antete mari de navigație fixe și, în schimb, să folosească unele simple care permit utilizatorului să citească corect textul.

Adoptă design responsiv

În această eră modernă a tehnologiei și gadgeturilor exponențiale, un procent alunecător de utilizatori online vizualizează și utilizează site-uri web de pe tabletele lor și alte dispozitive portabile care au ecrane proporțional mai mici în comparație cu un laptop sau un computer desktop. Problema apare atunci când site-ul web nu reușește să se acomodeze pe ecranul mai mic, în timp ce se descurcă perfect pe ecranul mai mare. Acesta este un „NU” direct pentru client. Fără capacitatea de a acoperi site-ul web pe dispozitivul lor, site-ul web nu va ajunge niciodată la utilizator, deoarece de cele mai multe ori acesta navighează pe dispozitivul său portabil.

Soluţie:

Site-urile web responsive sunt o abordare a designului web pentru crearea de site-uri care pot oferi o vizualizare optimă și o experiență interactivă prin cel puțin panorame, redimensionare și derulare pe fiecare dispozitiv.

Utilizați nuanțe mai deschise pentru contrast

Ce se întâmplă atunci când trebuie să vezi ceva care este întunecat, față de un contrast care este oficial și negru. Înțelegi punctul meu de vedere? Lasă-mă să explic. Când utilizați un font întunecat pentru text și îl setați pe un fundal mai întunecat, rezultatul ar fi absolut orbire pentru utilizator. Nu alegeți niciodată fontul și contrastul cu spectru paralel, deoarece nu numai că cauzează dizabilități în citire, ci reflectă și sentimentul dvs. de alegere proastă pentru clienți.

Soluţie:

Puteți folosi nuanțe mai deschise ca contrast. Am văzut chiar eu pe multe site-uri de top. Ei au folosit inteligent nuanțe mai deschise, cum ar fi galben, alb pal, alb nor și chiar portocaliu deschis ca fundal.

Text și imagini

Un site web ar trebui să fie centrat pe text la fel de mult ca și multimedia. Utilizatorul pur și simplu nu poate să-și imagineze un produs bazându-se pe descrierea lui textuală. Ochiul are încredere în detaliile vizuale ale unei imagini mult mai mult decât în ​​documentația scrisă, cu toate acestea, fără detaliile scrise, imaginea nu poate vorbi așa cum s-a intenționat. Pe lângă UX, textele au și o mare importanță în ceea ce privește marketingul prin tehnici SEO.

Soluţie:

Trebuie să vă asigurați că tipografia, culoarea și dimensiunea sunt optimizate, astfel încât să se potrivească cu atractivitatea psihologică a majorității. În mod similar, imaginile pe care le utilizați ar trebui să fie HD cu funcții de zoom pentru o experiență de vizionare ideală.

Alegerea Culoare

Ochiul uman poate detecta aproximativ 10 milioane de culori diferite, dar asta nu înseamnă că poți alege orice culoare pentru site-ul tău web și să o adaugi la fontul tău. Culorile ar trebui alese cu grijă, deoarece multe culori nu pot coexista pur și simplu. Nu puteți trimite spam verde neon pe un fundal portocaliu, la fel ca albastrul închis nu poate fi distins pe un fundal negru.

Soluţie:

Nu știu cu adevărat ce culori sunt în tendințe în acest moment, dar utilizarea adecvată a verde pentru butoanele de apel la acțiuni, alb pentru spațierea negativă și negru pentru majoritatea fonturilor este o practică sigură pe care o încorporează fiecare site web. Puteți da o notă artistică oricând, dar respectând regulile de bază menționate mai sus.

Apel la acțiuni

Permiteți-mi să explic acest lucru cu un exemplu din viața noastră de zi cu zi. Când vă aflați într-o zi obișnuită pentru a cumpăra niște marfă de la vânzătorii ambulanți, ce vă atrage lângă taraba fără să vă uitați la marfă? Sunt cântecele pe care majoritatea vânzătorilor le folosesc pentru a atrage cumpărătorul prin încorporarea punctelor de interes. În mod similar, magazinul dvs. va fi suficient de bun pentru a atrage cumpărătorul numai dacă utilizați corect „Îndemnul”.

Solutii:

„Call to Actions”, sunt declanșatoare care provoacă imediat publicul să execute o anumită acțiune. Folosind o frază sau o declarație atractivă cu un buton frumos modelat, puteți face un îndemn la acțiune excepțional de bun.

Atingeți Funcția pentru dispozitive mobile

Acesta este unul dintre elementele cele mai enervante cu care trebuie să te tocmești, iar partea cea mai proastă este că este peste tot pe internet, deoarece proprietarii de site-uri o fac fără discernământ. Dacă setați o țintă tactilă pentru utilizatorul mobil, pentru Iubirea lui Dumnezeu vă rugăm să lăsați un spațiu pentru ca utilizatorul să interacționeze cu acesta. Îmi amintesc când am încercat să cumpăr șapcă de baseball dintr-un magazin online, dar pur și simplu nu m-am putut abține să apăs pe butonul „Evaluare” de fiecare dată când încercam să ajung la butonul „Părți la casă”. Acest lucru nu numai că îl frustrează pe utilizator, dar îl îndepărtează de site-ul web.

Soluţie:

Alți utilizatori nu vor fi la fel de răbdători ca mine, așa că, înainte de a fi prins în propriul site web, cereți-vă designerului să plaseze butonul cu spațierea adecvată lângă alte ținte tactile de pe site-ul dvs., sau este posibil să nu obțineți niciodată abonați sau cumpărători și s-ar putea nici măcar nu reușesc să-și dea seama de problema.

Concluzie

Toate aceste probleme notorii sunt motivul principal pentru care multe site-uri web lucrate din greu au probleme de UX care, în cele din urmă, paralizează site-ul într-o navă fantomă care plutește pe internet. Doar adăugând puțin efort și luând unele măsuri de precauție, puteți preveni ca aceste probleme să se transforme într-o catastrofă costisitoare. Dacă țineți cont de soluțiile pentru fiecare dintre aceste probleme, vă asigur că nu numai că veți oferi cu succes o experiență promițătoare utilizatorilor și clienților dvs., ci și vă veți ridica site-ul într-un clicker de top pe motoarele de căutare. Când vine vorba de UX, „ trebuie să începi cu experiența clientului și să lucrezi înapoi spre tehnologie ” – Steve Jobs .