4 provocări în crearea unui design de site web ușor de utilizat

Pentru a crea un site web care este accesibil, trebuie să îl proiectați și să îl dezvoltați astfel încât toți utilizatorii să aibă acces egal la informațiile, funcționalitățile și caracteristicile site-ului. Dar timpul tău este limitat. Până când veți termina această propoziție, cineva vă va vizita și va abandona site-ul. Dacă nu le oferiți vizitatorilor un motiv să rămână, aceștia dispar.

Rata ridicată de respingere este un indicator al lipsei de interes a vizitatorilor. Ar putea fi absolut bine ca un utilizator să verifice o pagină, mai ales dacă este un comunicat de presă sau un alt conținut bazat pe evenimente. Dar scopul tău ar trebui să fie să construiești o relație cu vizitatorii tăi.

Succesul în designul site-ului web se măsoară prin cât de eficient comunică și ghidează vizitatorii săi. Și având în vedere cât de greu este să atrageți utilizatori în era post-reclamă, este mai greu să încorporați un design bun al site-ului web fără a părea prea vânzător. Aici intervine designul site-ului ușor de utilizat.

Gândiți-vă la site-ul dvs. web ca pe un teren de testare – trebuie să improvizați aspectul și senzația de navigare, iar acest lucru necesită rezolvarea anumitor probleme de design. Înainte de a le aprofunda, este important să discutăm de ce este atât de importantă ușurința de utilizare.

Cele mai multe site-uri web au o rată de respingere de 85% - ceea ce înseamnă că o mare parte a eforturilor dvs. de generare de clienți potențiali se duc la scurgere. Dacă traficul a venit din reclamele Google, aceasta este o bună risipă a bugetului PPC. Acesta este motivul pentru care vă recomandăm întotdeauna să vă optimizați cu atenție paginile de destinație înainte de a vă lansa campaniile PPC.

Aceasta este de obicei expertiza exclusivă a unei agenții de design de site-uri web, care jongla cu atenție obiectivele afacerii cu ușurința de utilizare. Este un act de cablare mare care necesită o mulțime de încercări și erori pentru a fi corect, dar se poate face.

Iată 4 provocări ale UI care trebuie rezolvate atunci când creați un site web ușor de utilizat.

1. Încorporarea elementelor GUI

Ați văzut acele butoane, link-uri, butoane și bare de defilare radical noi folosite în atât de multe site-uri web astăzi? Deși arată impresionant și realizat profesional, te-ai întrebat dacă îngreunează viața utilizatorului?

Dacă răspunsul la această întrebare este da, atunci tocmai ați pierdut o bună parte de utilizatori.

Designul site-ului, oricât de șic și impresionant, trebuie să mențină uzabilitate în primul rând. Dacă elementul GUI diminuează gradul de utilizare general, atunci este mai bine să îl eliminați complet. În designul site-ului web, trebuie să acordați prioritate accesibilității, utilizabilității și esteticii: în această ordine. Butoanele și derularea orizontală ar trebui folosite numai dacă puteți garanta că nu vă vor deruta utilizatorii.

Iată o regulă bună de reținut în designul site-ului web: dacă încorporați un nou element de design doar de dragul progresului, atunci ar fi bine să îl evitați.

2. Evitați meniurile de navigare dacă nu aveți nevoie de ele

Mulți designeri de interfață de utilizare iau idei de design noi și pur și simplu le aruncă în aer disproporționat. Un bun exemplu în acest sens ar fi meniurile Hamburger și derularea infinită. Ambele tendințe și-au luat avânt și sunt folosite cu abandon imprudent de mii de site-uri web; dacă arhitectura informațională are nevoie de aceste meniuri este o chestiune complet separată.

Defilarea infinită arată bine doar dacă arhitectura informațională o cere. Un bun exemplu ar fi Twitter, Facebook, Google Images și diverse site-uri web de comerț electronic; caz în care defilarea infinită este o soluție suficient de bună. Dar pune-ți această întrebare: cum vor găsi utilizatorii și cum vor marca conținutul care le place cu adevărat?

Cum s-ar muta ei înainte și înapoi de la conținutul ales de ei? Cum vor naviga prin cantitatea mare de informații pe care le aruncați?

Acest lucru afișează și meniuri Hamburger: un meniu magic de navigare care face navigarea o plimbare în parc pentru vizitatori – sau așa pare. Numele său vine de la designul său: adică este format din trei linii orizontale care seamănă cu un hamburger. Și la fel ca omologul său real, meniul de hamburger este conceput pentru a economisi spațiu.

Dar este o pictogramă care derutează complet utilizatorii. Pentru început, oamenii chiar dau clic pe meniurile de hamburgeri? Și chiar dacă o fac, dacă elementele de meniu sunt atât de importante, nu ar trebui să ocupe un loc mai proeminent pe ecran?

Un meniu este important doar dacă poate realiza două lucruri:

• Îi spun utilizatorului unde se află
• Îți arată unde mai poți merge

Meniurile cu hamburgeri, dacă nu sunt făcute corect, pot fi groaznice la ambele, deoarece meniul nu este pe ecran și nu este suficient de vizibil.

Cu toate acestea, vestea bună este că meniurile cu hamburgeri au devenit un fel de omniprezente – sunt aproape peste tot, de la aplicații la site-uri web la jocuri video. Și-au găsit chiar drumul spre tipărire. Este o pictogramă care a fost pătrunsă în mintea utilizatorilor online și a devenit sinonimă cu navigarea. Oamenii sunt familiarizați cu el și se pot baza pe el pentru navigare, este foarte asemănător cu modul în care utilizatorii știu că pictograma acasă este locul în care accesați meniul principal sau pictograma coșului de gunoi este locul în care ștergeți fișierele.

În spațiile digitale în care imobilul vizual este greu de găsit, cum ar fi site-urile web și aplicațiile mobile, meniul hamburger poate economisi spațiu. La urma urmei, nu ar trebui să-ți copleșești niciodată vizitatorii cu prea multe opțiuni. Acest lucru se datorează faptului că atunci când utilizatorilor li se prezintă prea multe alegeri, ei tind să nu facă deloc una.

3. Crearea unui site receptiv

Cea mai mare parte a traficului online vine acum de pe dispozitive mobile. Site-urile web pentru desktop sunt esențiale, desigur, dar ar trebui să se încarce ușor și pentru utilizatorii de telefonie mobilă. Ultimul lucru pe care îl dorești este să-ți îndepărtezi publicul din cauza unei experiențe îngrozitoare pe mobil. În zilele noastre, dezvoltarea site-urilor mobile a devenit atât de ușoară încât este imperdonabil să nu o încorporezi în designul tău.

Există pluginuri WordPress și designeri de interfață de utilizare la prețuri accesibile pentru a face site-ul dvs. mai receptiv.

Mai jos sunt trei elemente cheie ale unui site responsive:

Grilă fluidă: procentele fixe permit utilizatorilor cu diferite rezoluții de ecran și dispozitive să vadă același ecran ca toți ceilalți.

Imagini și text adaptive: imaginile și dimensiunile fonturilor nu pot fi păstrate la fel pentru toate dispozitivele, prin urmare trebuie să modificați codul astfel încât să se încarce complet optimizat pentru fiecare dispozitiv diferit. Acest lucru necesită ajustări atente la codul site-ului web, de exemplu la fișierul CSS.

Interogări media: dacă ați implementat cu succes coduri pentru cele două scenarii de mai sus, este timpul să le asamblați. O interogare media spune ce trebuie afișat în mod specific pe desktop și dispozitive mobile.

4. Viteza de încărcare rapidă

Majoritatea utilizatorilor au o capacitate de atenție foarte scăzută și concurezi pentru fiecare secundă care trece. Utilizatorul online de astăzi pur și simplu nu are răbdarea să aștepte mai mult de 2 secunde pentru ca pagina dvs. web să se încarce.

Doriți să creșteți viteza site-ului? Există multe moduri creative de a face acest lucru fără a cheltui mai mulți bani pe găzduire:

Site comprimat: Imaginile și videoclipurile sunt pe placul mulțimii, dar prea multă media poate distrage atenția de la experiența generală și poate încetini site-ul dvs. Pe lângă utilizarea atentă a imaginilor, comprimați-vă site-urile web folosind soluții precum RIOT, Smush.it etc.

Împărțiți imagini: nu este o idee bună să stoarceți fiecare informație pe o singură pagină. Este mai benefic să oferiți site-ului dvs. web mai multe pagini scurte pentru o încărcare mai rapidă, plus că vă oferă, de asemenea, mai mult avantaj SEO.

Codare curată: motoarele de căutare folosesc crawlerele pentru a înțelege despre ce este pagina ta. Dacă îi confundați cu codificarea complexă, îi va forța doar să-și ia timpul sau, mai rău, să vă ignore complet site-ul. Așa că acordați întotdeauna prioritate codării curate.

Cum abordați navigarea pe site-ul dvs.? Anunțați-ne în comentariile de mai jos.

Biografia autorului -

Faye Eldridge este fondatorul și directorul The Fyami Marketing group limited. Fyami este o companie curioasă de consultanță în design și marketing web din Londra, care oferă generarea cererii, creșterea clienților potențiali, digital, social media și asistență și soluții generale de marketing.' Misiunea noastră este de a atrage mai multe afaceri în această era digitală condusă de tehnologie. Faye crede în influențarea pozitivă, transparența, diversitatea, a fi curios, a fi tenace și a împărtăși cunoștințele. Ea are o diplomă de master și participă în prezent la cercetarea doctorală în afaceri referitoare la colaborarea CMO și CTO.