Meniul
AcasăAvarii

Utilizabilitatea interfețelor. Principii principale de utilizare și reguli de bază. Ce este utilitatea

Identificarea obiectivului de conversie al vizitatorilor și facilitarea realizării acestuia prin interacțiunea cu interfața web nu este importantă, pe o pagină de destinație autonomă generatoare de lead-uri, produs pagina de destinație un magazin online sau o soluție SaaS cu drepturi depline - acesta este obiectivul principal al marketerilor și designerilor web care dezvoltă și plasează produsele și serviciile lor în Rețeaua Globală.

Sunt diverse elemente arhitectura informatiei, care afectează gradul de utilizare, adică utilizabilitatea, dezirabilitatea și fiabilitatea resursei. Cei mai des auziți despre astfel de parametri (concepte) sunt „ interfața cu utilizatorul„(Interfața de utilizator, UI) și „experiența utilizatorului” ( Experiența utilizatorului, UX).

Acești 2 factori legați de orice resursă web nu sunt deloc echivalenti. Mitul potrivit căruia „UI = UX” induce în eroare ambele părți ale interacțiunii digitale: vizitatorii paginilor de destinație și site-urilor web, agenții de marketing și antreprenorii de pe internet

În această postare vom dezvălui un alt secret de utilizare al marketingului eficient pe internet.

Designerul UI și designerul UX sunt două profesii diferite

Căutătorii de locuri de muncă și profesioniștii actuali în design web din întreaga lume se confruntă cu o varietate de probleme care decurg din prevalența pe scară largă a mitului menționat mai sus.

Un designer de interfață cu utilizatorul trebuie să fie capabil să efectueze cercetarea utilizatorilor(cercetarea utilizatorilor) și, desigur, cunoașteți principiile designului interfeței cu utilizatorul, designului vizual și tipografiei, precum și elementele de bază ale arhitecturii informaționale.

Cerințe similare - design grafic, arhitectură informațională - sunt prezentate designerilor UX. Designul interfeței este cu siguranță despre experiența utilizatorului și există o suprapunere a abilităților profesionale, dar iată ce trebuie să înțelegeți clar și să vă amintiți cu fermitate:

A ști cum să proiectezi interfețele utilizator nu rezolvă toate problemele UX.

Acum că înțelegem diferența dintre UI și UX, putem concluziona că este mai înțelept să ne străduim să creați o experiență completă pozitivă pentru utilizator, decât să dezvoltați o interfață web frumoasă. Designul extern bun nu rezolvă problema conversiei (deși este cu siguranță importantă): specialiștii de marketing și designerii web ar trebui să se străduiască să facă experiența de interacțiune cu pagina de destinație/site-ul lor cât mai puțin traumatizantă psihologic pentru utilizator.

Această abordare este cea care ne aduce mai aproape de rezolvarea problemei conversiei.

Un designer UX care poartă numele de Useagility a postat recent un tweet care proclamă adevărul incontestabil:

„Site-ul dvs. web poate fi foarte frumos, dar vizitatorii îl vor părăsi rapid dacă nu reușesc să înțeleagă care este obiectivul de conversie și cum să îl navigheze.”

Navigare ușoară prin conținut, un obiectiv de conversie clar definit și o valoare de utilizator clar declarată a ofertei - acestea sunt elemente integrante ale unei bune UX. Interfața site-ului web trebuie proiectată ținând cont de acest fapt.

Există numeroase exemple de produse web digitale cu interfață de utilizare bună și UX proastă împrăștiate pe tot Internetul. Cele mai obișnuite sunt formularele lungi de clienți potențiali, cu multe câmpuri de completat. Da, unele dintre ele arată foarte bine: aspectul inteligent al câmpurilor și al textului, utilizarea frumoasă a spațiului alb, fonturi impecabile din punct de vedere estetic etc. Au un singur dezavantaj - sunt enervant de lungi.

Versiunea corectă a formularului de lead contribuie la formarea unui UX pozitiv

Când un agent de marketing îi cere unui utilizator să completeze un formular, acesta începe de fapt un dialog cu un potențial client sau chiar cu un client. Să recunoaștem adevărul dur: când viata realaîncepem să vorbim cu străin pentru prima dată, nu îi cerem să ne furnizeze datele sale personale, cum ar fi studiile, nivelul de venit sau adresa de domiciliu. Pur și simplu nu se întâmplă așa.

Deci, de ce noi - marketerii și web designerii, ca toate ființele umane capabile de empatie - provocăm uneori utilizatorului disconfort psihologic asociat cu completarea formularelor lungi de înregistrare?

Dar este ușor să creezi un UX pozitiv pentru vizitator: lăsăm cele mai necesare câmpuri, le grupăm aproape de titlul formularului, făcându-l vizual mai mic și, ca urmare, schimbăm reacția comportamentală din „O, Dumnezeule! Ce formă uriașă!” la „Așadar, mai întâi numele meu, apoi adresa de e-mail, este simplu.” Simplitatea este una dintre regulile principale ale proiectării interfeței cu utilizatorul.

Destul de ciudat, dar dintr-un motiv oarecare nu le vine niciodată prin minte designerilor web care selectează cu grijă fonturile și culorile pentru formularul principal pentru a simplifica viața utilizatorului cât mai mult posibil, chiar și în detrimentul frumuseții interfeței de utilizare.

Aici exemplu clar un dispozitiv familiar care creează o experiență de utilizator pozitivă cu o interfață de utilizare nu atât de grozavă. Nu fi surprins, despre care vorbim despre... bancomate.

Interacțiunea utilizatorului cu ei este extrem de simplă și într-o mare măsură similar pentru orice locație geografică de pe glob: introduci card bancar, introduceți codul PIN, selectați o sarcină (un fel de obiectiv de conversie), să spunem retrageți numerar, finalizați sarcina (primiți numerar), scoateți cardul și plecați, mulțumit: în general, ați primit un UX pozitiv. Proiectarea interfeței și designul unui bancomat pare o sarcină ciudată: cine i-a acordat atenție? Este funcțional, vă permite să efectuați interacțiunile dorite, iar utilizatorilor nu le pasă de frumusețea lui.

Și când vine vorba de designul ATM UI, cine i-a acordat atenție? Este funcțional, vă permite să efectuați interacțiunile dorite, iar utilizatorilor nu le pasă de frumusețea lui.

Acum să facem o afirmație foarte importantă:

O resursă web care are un UX bun și o interfață de utilizator proastă va depăși întotdeauna, din perspectivă de marketing, un produs digital care are o interfață de utilizare excelentă, dar răsplătește utilizatorul cu o experiență negativă de utilizator.

Să ne uităm la câteva exemple pentru a ilustra faptul că o interfață de utilizator slabă poate duce la o experiență pozitivă în timp ce interacționați cu o resursă web și invers: designul luxos al interfeței de utilizator poate crea un sentiment de frustrare atunci când finalizați o sarcină de conversie.

UX contează: UI proastă și UX bună

Destul de ciudat, niște resurse care oferă informatie pretioasa despre proiectarea interfețelor UX, UI, au aproape cele mai proaste interfețe pe care le-am văzut vreodată. Aceste site-uri nu urmează tendințele actualeîn dezvoltare și dau impresia că nu sunt deloc afectați de toate cele mai recente tendințe de web design. Nu sunt plăcute ochiului: se pare că sunt ferm blocați în „Evul Mediu Internet”.

Cu toate acestea, poate un vizitator să găsească cu ușurință ceea ce caută pe acest site? Navigarea pe resursa web este clară? Este util ca sursă de conținut valoros?

Răspuns la toate întrebările: Da.

Exemplu din lumea mobilă— Interfață Emotion UI, un shell pentru Android dezvoltat de Huawei. Este minimalist, iar principiile principale care i-au ghidat dezvoltatorii au fost planeitatea și simplitatea.

Dacă un neprofesionist curios (nu un marketer, nu un designer) dorește să vadă cu propriii ochi ce este „Interfața de utilizare proastă, UX bună”, atunci trebuie să se uite pe site-ul web al băncii. Aproape orice bancă. Programatorii și designerii web care au dezvoltat aceste interfețe web nu păreau să știe despre existența Foilor de stil în cascadă (CSS).

Să ne uităm la interfața de utilizare a site-ului web Bank Of India. Paginile sunt aranjate neglijent, butoanele sunt realizate sub formă de elemente grafice (ceea ce înseamnă roboți de căutare nu sunt indexate), totul este călcat în picioare principii de baza tipografie (chiar și după ce Google le-a oferit designerilor lor Fonturi Google!), conținutul nu este aliniat vizual în funcție de „grilă” (una dintre principalele abordări ale aspectului paginilor de destinație/site-urilor web moderne este încălcată), culorile sunt alese într-un mod ciudat (ne referim la - foarte ciudat) etc.

Lista greșelilor făcute de designerii web indieni continuă și continuă, dar prin această interfață neatractivă, utilizatorul poate efectua destul de ușor tranzacții online, câștigând o experiență de utilizator pozitivă. Site-ul web Bank of India se potrivește perfect expresiei „Interfață de utilizare proastă, UX bună”.

Glassdoor: UI bună și UX proastă

Există resurse web care oferă vizitatorilor o perspectivă asupra conținutului digital pe care îl găzduiesc (de exemplu, cărți electronice) și apoi le solicită să se înregistreze pentru a vedea tot conținutul. e-carte, articol de revistă. De ce? Este cu adevărat posibil ca după citirea a 5-6 rânduri din articol, să devină clar pentru utilizator că acest continut ii va fi de folos?

Unele dintre aceste pagini de destinație prezintă de fapt un design vizual excelent care urmează cele mai recente tendințe de design UI. Dar experiența pe care o oferă utilizatorului poate fi descrisă doar ca fiind negativă, respingătoare și dezamăgitoare.

Necesitatea de a vă înregistra pentru a citi chiar și cărți electronice/articole gratuite pare o constrângere neceremonioasă. O abordare similară, ignorând liberul arbitru al vizitatorului, se practică, de exemplu, pe Glassdoor: nu veți ști niciodată ce este pe a doua pagină a cărții electronice fără a crea un cont pe această resursă.

Un alt exemplu grozav de UI bună și UX teribil: iată un magazin online cu o interfață grozavă (evident, aceleași produse), dar vizitatorul va trebui să dea clic pe blocul vizual al anumitor oferte pentru a merge pe altă pagină și numai acolo va aflați prețul USP-ului de interes.

Trebuie sa mergi pe alta pagina pentru a afla pretul produsului care iti place

O glumă suplimentară constă în faptul că tranziția se face prin intermediul butonului „Cumpără acum”: se pare că potențialului cumpărător i s-a oferit cu adevărat să cumpere „un porc într-o picătură la un preț necunoscut”. De ce să nu plasați prețurile pentru aceste oferte specifice pe pagina categoriei de produse, așa cum faceți cu toate celelalte?

Interfață și prezentare UI: un ghid rapid pentru implementarea UX și UI bune

Pagina ta de destinație va ieși în evidență față de concurenți, oferind o interfață bună și creând o experiență pozitivă pentru utilizator. Iată câteva sfaturi pentru implementarea acestor două elemente cele mai importante în arhitectura informațională a resursei dvs. web:

  • Furnizați informații în funcție de importanța acesteia, adică plasați conținutul pe pagina de destinație astfel încât principalul și nu numai Informații importante s-a remarcat vizual. Exemplu: Folosiți ferestre pop-up pentru a afișa un mesaj de succes pentru o acțiune interactivă („Șters” sau „Adăugat în coș”) deasupra corpului principal de text.
  • Utilizați atrăgător din punct de vedere vizual elemente grafice. Încercați să utilizați grafică animată (acest sfat, ca toate celelalte, trebuie testat cu un test divizat). Exemplu: faceți meniul drop-down de pe site-ul dvs. web mai atractiv, oferindu-i efecte de estompare/tranziție.
  • Reduceți la minimum numărul de clicuri necesare pentru a vă îndeplini obiectivul de conversie. Exemplu: Dacă vindeți o soluție SaaS pentru a simplifica și a facilita unele operațiuni de marketing, de ex. listă de email-uri, atunci oferta ta ar trebui să se încarce rapid și ușor: asocierile pozitive contribuie la o bună UX.
  • Utilizați golurile ca mijloc de eliminare informatii inutile. Exemplu: Includeți întotdeauna numai conținut critic pentru conversie pe pagina dvs. (beneficii, descriere, dovezi sociale etc.). Nu este nevoie să plasați „învelișuri” ale textului doar pentru a arăta că cunoașteți o mulțime de cuvinte la modă și termeni tehnici (deși, desigur, există cazuri în care numai pe o pagină de destinație lungă prin intermediul explicatii detaliate poți exprima esența ofertei).
  • Reduceți la minimum numărul de clicuri necesare pentru a vă îndeplini obiectivul de conversie. Exemplu: Vindeți o soluție SaaS pentru a simplifica și a facilita un fel de operațiuni de marketing, cum ar fi corespondența directă. Ar fi logic ca oferta ta să poată fi descărcată simplu și rapid - asociațiile pozitive contribuie la crearea unui UX bun.
  • Ușurează navigarea prin conținut. Exemplu: Utilizați linkuri interne pe o pagină web pentru a afișa mai multe informații despre un anumit subiect. Optimizați arhitectura informațională a resursei dvs. web.
  • Și amintiți-vă întotdeauna cuvintele înțelepte ale scriitorului german Thomas Mann: „Comportamentul uman are sens dacă te gândești la el în termeni de scopuri, nevoi și motive”. Această expresie se aplică și designului. Abordați nevoile potențialilor potențiali/clienți în ceea ce privește fezabilitatea tehnică și fezabilitatea economică a soluțiilor de proiectare. Amintiți-vă: „design pentru utilizator, nu utilizator pentru design”.

Efectuați teste de utilizare, urmăriți reacțiile comportamentale ale utilizatorilor la fiecare element al arhitecturii informaționale a soluției dvs. web și implementați numai cele mai bune soluții care contribuie la formarea unui UX pozitiv în versiunea sa finală.

În loc de concluzie

Sperăm că am descoperit adevărata natură a unor astfel de concepte complexe precum interfața și experiența utilizatorului și am contribuit la dezmințirea mitului dăunător că „UI = UX”.

Problema pe care marketerii web și designerii trebuie să o rezolve este optimizarea UX. Optimizarea interfeței cu utilizatorul este o activitate importantă, dar nu duce direct la o creștere a ratei de conversie. Scopul final este de a crea o experiență pozitivă pentru utilizator.

Termenul „utilizabilitate” se referă la comoditatea unui site web pentru utilizator. Astăzi este foarte parametru important, ceea ce poate afecta grav promovarea resursei. Dacă site-ul este ușor de utilizat, utilizatorul va petrece mai mult timp pe el, ceea ce afectează factori comportamentali, care, la rândul lor, se reflectă în poziții în motoare de căutare, și acordă din ce în ce mai multă atenție acțiunilor utilizatorului, se poate presupune că în timp această tendință se va intensifica.

Când vine vorba de site-uri cu mai multe pagini (site-uri de cărți de vizită etc.), rareori se gândesc serios la utilizare - acest lucru nu este necesar. Designul și conținutul bun sunt suficiente. Dar, în cazul proiectelor mari și complexe, trebuie să vă strângeți serios mintea în privința utilizabilității.

De ce este necesar acest lucru?

Potrivit diverselor studii, oamenii petrec în medie aproximativ 30 de secunde pe o pagină. În plus, puțini utilizatori văd pagina până la sfârșit. Acest lucru este explicat o sumă imensă site-uri web, multe dintre ele conțin informații inutile sau proaste. Oamenii sunt obișnuiți cu asta și trebuie să fie cuplati literalmente în primele secunde.

În plus, o persoană ar trebui să navigheze cu ușurință prin resursă; navigarea ar trebui să fie intuitivă. Există o serie de soluții standard și eficiente în acest domeniu, dar le voi discuta mai jos.

Se pare că un site cu o utilizare bună ar trebui să capteze imediat atenția utilizatorului și să o rețină și, de asemenea, să îi permită să intre cu ușurință în orice secțiune, chiar dacă se află în resursa ta pentru prima dată.

Mulți dezvoltatori se străduiesc să solutii simple, ceea ce este absolut corect. ÎN în acest caz, simplitatea este cheia succesului. În unele cazuri, simplitatea este sacrificată din cauza necesității, dar întotdeauna trebuie să fii foarte atent. De exemplu, textul verde pe fundal negru va atrage cu siguranță atenția, dar va fi incomod pentru oricine să folosească un astfel de site.

Facem un site web convenabil

Cum o persoană percepe informațiile

Jakob Nielsen a realizat un studiu în care a creat o hartă a mișcării privirii unui utilizator pe un site web. Majoritatea oamenilor percep informații astfel:

Imaginea arată oameni care se uită partea stanga ecran. Acest lucru se întâmplă subconștient. De aceea, meniurile și alte elemente cele mai importante de pe site sunt cel mai adesea adăugate în partea stângă. Acesta a devenit deja un standard, așa că în acest caz nu este nevoie să inventați ceva nou. Oamenii sunt obișnuiți cu faptul că meniul va fi fie în stânga, fie în partea de sus a site-ului. Alte soluții pot dezorienta o persoană.

Regula celor trei clicuri

Cu mult timp în urmă, cineva a venit cu regula celor trei clicuri, conform căreia un utilizator ar trebui să treacă de pe orice pagină a site-ului în oricare alta cu cel mult trei clicuri. Evident, acest lucru nu este potrivit pentru resurse cu o structură complexă. Exemplu: " pagina principala– magazin – biciclete – biciclete de munte – marca.” Se dovedește deja că o persoană trebuie să facă patru clicuri. Dar în acest caz nu putem spune că acest lucru este rău.

Dacă excludeți orice articol, de exemplu, „biciclete de munte”, atunci utilizatorul va avea prea multe produse pe pagină, dintre care unele nu are nevoie (de exemplu, biciclete de drum). Acest exemplu arată că pe site-urile cu o cantitate mare pagini și o structură complexă, trebuie să vă gândiți nu la trei clicuri (sau la orice alt număr), ci la confortul utilizatorului.

Despre navigare

  • prezența unui logo în partea de sus a ecranului, care duce la pagina principală;
  • informațiile de contact sunt în subsol dacă vorbim despre un site de vânzare;
  • link-urile ar trebui să fie vizual diferite de text.

Este o prostie sa nu respectam aceste standarde. Pur și simplu pentru că toți utilizatorii sunt deja obișnuiți cu ele. Respectarea lor poate fi numită elementele de bază ale utilizabilității în domeniul navigației; cu siguranță nu este nimic demn de inventat aici, cu excepția cazului în care soluțiile non-standard în domeniul designului o cer, dar acestea sunt cazuri speciale.

Dacă site-ul are un număr mare de pagini, atunci cu siguranță trebuie să faceți o căutare internă. De obicei, linia este plasată în dreapta colțul de sus(ca pe site-ul meu). Dacă numărul de pagini nu depășește 900–1000, atunci absolut căutare simplă, iar dacă sunt mult mai multe, atunci este logic să faceți o căutare complexă (corecția erorilor, sfaturi de căutare etc.). Cu toate acestea, nu ar trebui să încercați niciodată să înlocuiți navigarea proastă cu căutarea internă. Abilitatea de a găsi rapid informatie necesara- aceasta este doar o opțiune suplimentară.

Despre conținut

Calitatea conținutului și designul acestuia se referă, de asemenea, în mod direct la capacitatea de utilizare a site-ului. Dacă aveți articole fără sens despre resursa dvs Calitate rea, atunci nu contează cât de bune sunt celelalte elemente. Și dacă aveți articole excelente, dar îngrozitor de proiectate, atunci calitatea lor nu contează deloc - nu vor fi citite. Există reguli general acceptate pentru formatarea textului care sunt potrivite pentru aproape orice site și merită urmate, chiar dacă doar pentru confortul utilizatorilor.

Utilizare fonturi standard precum Arial, Tahoma, Verdana sau altele asemănătoare. Fonturile personalizate pot fi folosite pentru titluri, dar acest lucru nu va fi cazul pentru corpul textului. cea mai bună soluție. Nu toată lumea va fi confortabil să citească un articol mare cu un astfel de font, chiar dacă pare interesant:

Font negru pe fundal alb - standard și soluție optimă. Opțiuni non-standard apar, dar textul și fundalul ar trebui să fie contrastante și culori deschise ar trebui evitat. De exemplu, se va crea font roșu pe un fundal verde incarcatura grea vizual, iar majoritatea vizitatorilor site-ului dvs. vor considera pur și simplu neplăcut să citească un astfel de text. Fundal întunecat Este permisă utilizarea, dar chiar și aici trebuie să alegeți foarte atent o combinație de culori și nuanțe. Bun exemplu:

Dimensiunea fontului nu trebuie să fie mai mică de 12 pixeli. Evitați, de asemenea, liniile cu crawler și textul care clipește - aceste tehnici îngreunează citirea și sunt pur și simplu enervante pentru mulți oameni. Nu este nevoie să abuzezi text îngroșat, puncte cheie O poți evidenția, dar nu ar trebui să o faci în fiecare propoziție.

Calitatea conținutului este, de asemenea, importantă. Există anumite reguli pentru scrierea și formatarea articolelor care sunt relevante pentru aproape orice resursă. În general, acesta este un subiect pentru un articol separat, dar voi menționa principalele puncte care influențează foarte mult gradul de utilizare.

  • Este mai corect să scrieți articole sub forma unei „piramide inversate”, adică cele mai importante informații și concluziile cheie ar trebui să fie la început și cele mai puțin importante la sfârșit. Acest lucru ajută la captarea imediată a atenției utilizatorului: acesta trebuie să înțeleagă rapid dacă articolul îi va fi util sau nu;
  • Dimensiunea articolului nu contează (inclusiv din punct de vedere SEO), trebuie să răspundă complet la întrebarea utilizatorului. Este clar că dacă un articol de 10–15 mii de caractere este în top, atunci cu un articol de 2–3 mii de caractere nu vei ocupa o poziție de lider. Pur și simplu pentru că nu puteți răspunde suficient la întrebarea utilizatorului într-un astfel de volum;
  • Pentru articolele mari, merită să creați un cuprins (cu ancore în text), care vă va permite să ajungeți rapid la secțiunea dorită;
  • Titlurile, listele și structura atentă a materialului facilitează foarte mult percepția acestuia.

Cum să identifici problemele

Problemele de utilizare pot fi găsite pe orice site web; în acest sens, nu poate exista o limită a perfecțiunii. Exista diverse metode, puteți face singur analiza, sau puteți solicita ajutorul specialiștilor. Un semnal clar al problemelor cu comoditatea poate fi scăderea conversiei site-ului web.

Studierea datelor statistice

Statisticile pot oferi destul de multe motive de gândire. Există instrumente foarte avansate, de exemplu, Yandex Webvisor, care vă permite să vă priviți site-ul prin ochii utilizatorului. Da, studierea acestor date va dura mult timp, dar nu trebuie să priviți prin ochii fiecărui vizitator. De obicei, ei acordă atenție refuzurilor și doar celor care au venit ca răspuns la solicitări vizate.

În plus, statisticile obișnuite pot sugera și puncte slabe ale unei resurse. Iată o captură de ecran de la " Valori Yandex» cu date privind traficul către diferite secțiuni de pe site:

Am evidențiat datele pentru o secțiune care este clar diferită de celelalte. Adâncimea de navigare aici este mult mai mare decât media, iar acest lucru se poate spune și despre timpul de pe site. Rata de respingere este puțin sub media pentru întregul site. Ce s-a întâmplat? Este simplu: această secțiune a site-ului este complet terminată, există o legătură între articole și elemente suplimentare navigare (articole recomandate). Numai acest lucru a dat +0,64 adâncime de vizionare și +1 minut și 13 secunde la timp pe site.

O metodă extrem de simplă care vă va permite să găsiți rapid punctele slabe în proiectul dvs. Este departe de a fi un fapt că problemele vor fi în zona de utilizare, dar lucrați cu analiza webîncă necesar.

Evaluarea utilizatorului

În acest caz ei întreabă oameni adevărați evaluați confortul site-ului și oferiți feedback detaliat. Poți întreba prieteni, poți angaja specialiști terți care vor oferi rapoarte detaliate și vor face recomandări. Dacă vă întrebați prietenii sau rudele, principalul lucru este să îndepliniți o condiție: trebuie să vă viziteze site-ul pentru prima dată. Există un astfel de efect precum „încețoșarea ochilor”, deci numai Utilizator nou va fi capabil să acorde atenție punctelor slabe pe care tu însuți nu le observi, deoarece ești obișnuit cu resursa ta.

Testare

Testarea este cea mai mare calea grea, dar dă cele mai bune rezultate. În mod obișnuit, pentru evaluarea site-ului se folosesc focus grupuri de 5-8 persoane. Înainte de testare, se determină parametrii pe care testatorii vor trebui să îi evalueze. Opțiunea nu este cea mai ieftină, dar chiar este cea mai bună.

De fapt, există o mulțime de metode de testare; există un număr decent de publicații științifice pe acest subiect, așa că nu voi intra în detalii, deoarece nu va fi posibil să acoperim complet subiectul în cadrul unui articol. Pentru un webmaster obișnuit, primele două metode de evaluare a gradului de utilizare a unui site web vor fi destul de suficiente - vor identifica cele mai critice probleme.

Concluzie

Ușurința de utilizare ar trebui să fie o prioritate de vârf pentru orice site web astăzi. Dacă chiar vrei să faci proiect de succes, atunci nu ar trebui să aibă slăbiciuni. La urma urmei, vor exista întotdeauna concurenți care au totul perfect. Acordând o atenție sporită utilizării, puneți o bază solidă pentru viitorul site-ului dvs. Și nu uitați că, deși există standarde și recomandări general acceptate, nimeni nu interzice experimentarea, iar succesul fiecărei soluții poate fi determinat doar după teste reale.

De la autor: Bună prieteni! În articolul meu, vă voi spune ce este utilizarea site-ului și cum să faceți resursa atractivă și vizitată. În procesul de dezvoltare a unei resurse de internet, este foarte important să acordați atenție nu numai conținutului și designului, ci și ușurinței în utilizare. Chiar și cel mai personalizat site web, cu imagini de la fotografi populari și butoane de designer, poate eșua complet dacă utilizatorul nu înțelege unde să facă clic pentru a realiza acest lucru. acțiunea necesară. Pentru a evita pierderea timpului creând pagini de internet inutile și nevizitate, iată câteva sfaturi pentru proiectarea și analiza gradului de utilizare.

De unde provine termenul „utilizabilitate”?

Conceptul de „utilizabilitate” a apărut în urechile noastre relativ recent, cu toate acestea, a devenit popular în multe domenii. Pentru cei care nu au întâlnit niciodată termenul „utilizabilitate” și se întreabă ce înseamnă acest cuvânt, vă voi spune puțin despre istoria originii sale.

Tradus din engleză, „usability” înseamnă capacitatea de utilizare, dar dacă vorbim despre utilizarea paginilor de internet, atunci există mai multe interpretări diferite. Inițial, acesta a fost numele dat ușurinței de utilizare a unui site web sau, așa cum spun mulți, ușurinței de interacțiune a utilizatorului cu interfața unei resurse de internet. Astăzi, utilizabilitatea a devenit o întreagă știință, deoarece cât de confortabil va fi un vizitator pe site-ul dvs. determină direct traficul acestuia și, în consecință, profitul din proiect.

Reguli „de aur” pentru succesul site-ului tău web

Ne-am dat seama care este gradul de utilizare a interfeței unui site web, acum trebuie să vă familiarizați cu principalii ei parametri - vizuali și funcționali. Utilizabilitatea vizuală afectează percepția unei resurse de către vizitatori, prin urmare, atunci când vă dezvoltați site-ul web, utilizați serviciile unui web designer cu experiență sau învățați-vă folosind cursuri video și literatură de specialitate. Cu siguranță, astfel de cunoștințe nu vor fi de prisos.

JavaScript. Pornire rapidă

LA parametrii functionali Acestea includ structura, navigarea și conținutul. , prin încercare și eroare, am venit cu 8 reguli „de aur” pentru o resursă de internet de succes și funcțională.

Regula 1. Informațiile trebuie să fie clar structurate. Fiecare vizitator al resursei dvs. dorește să găsească informațiile necesare (serviciu, produs) cu cheltuieli mintale și de timp minime, așa că înainte de a completa resursa de internet cu conținut, ar trebui să dezvoltați structura clară a acesteia.

Structura se referă la ierarhia materialelor plasate pe ea. Dacă „puneți totul în ordine”, atunci nu numai vizitatorii resursei vă vor mulțumi, ci și webmaster-ului, pentru că îi va fi mai ușor să actualizeze și să completeze informațiile. Dezvoltarea structurii unei resurse Internet. asigurați-vă că vizați un anumit grup țintă.

Regula 2. Postați informații care se potrivesc cu subiectul resursei dvs.

Regula 3: Plasați bara de navigare principală în locul cel mai vizibil de pe pagină. Ar trebui să fie ușor de utilizat și de reflectat structura informatiei resursă. Vizitatorii oricărui site web se familiarizează mai întâi cu sistemul de navigare și încearcă să-și dea seama cum să navigheze prin resursă. Niciunul dintre ei nu vrea să-și încordeze creierul și să piardă timpul căutând cutare sau cutare secțiune.

Dacă utilizatorul nu înțelege intuitiv navigarea resursei în câteva secunde, atunci o părăsește rapid. Prin urmare, este în interesul dumneavoastră să faceți bara de navigare și meniul accesibile atât utilizatorilor avansați World wide web, și pentru manechini.

Regula 4. Fiecare pagină a site-ului trebuie să conțină un link către pagina principală. Link-ul către pagina principală poate fi unul vertical sau meniu orizontal, sau sigla companiei situată în antet.

Regula 5. Aceasta nu mai este o regulă, ci un sfat. Instalați un element de navigare breadcrumbs pe resursa dvs. (numit și „ firimituri de pâine"). Acest element arată ca o bară în partea de sus a paginii web (Pagina principală => Secțiune => Categorie => Pagina curenta). Fiecare element al acestui lanț conține un hyperlink intern, datorită căruia utilizatorul poate merge cu ușurință la categoria sau secțiunea dorită și, de asemenea, poate afla. unde este el acest moment situat. Acestea sunt „pesmets” atât de utile și funcționale.

Regula 6. Toate paginile unei resurse de Internet trebuie să aibă același sistem de navigare.

Regula 7. O hartă a site-ului este obligatorie. Pentru cei care nu știu, o hartă este o pagină care conține un model al structurii site-ului (ceva ca un cuprins în cărți). Ar trebui să fie accesibil din fiecare pagină a resursei, deoarece datorită ei vizitatorii vor putea să o navigheze cu ușurință. Navigarea bine concepută este unul dintre principalii parametri ai utilizării eficiente.

Regula 8. Fă-ți site-ul să funcționeze rapid. . Pare un lucru mic, dar de fapt, dacă o resursă durează mai mult de 3 secunde pentru a se încărca, atunci 40% dintre potențialii vizitatori o părăsesc imediat.

JavaScript. Pornire rapidă

Explora Bazele JavaScript pe un exemplu practic de creare a unei aplicații web

Cum să înțelegeți dacă site-ul dvs. este convenabil pentru vizitatori?

Lucrul cu uzabilitate, ceea ce înseamnă lucrul la confort, are întotdeauna ca scop creșterea confortului șederii unui vizitator pe un site web și este indisolubil legat de aspecte precum:

proiectarea resurselor;

aranjarea elementelor funcționale;

continutul textului;

corectarea și formatarea textului;

logica de functionare a elementelor functionale etc.

Pentru a putea înțelege cât de promițător este proiectul dvs., începeți să evaluați gradul de utilizare deja în procesul de creare a unui site web, gândindu-vă la fiecare element până la cel mai mic detaliu. Dacă resursa dvs. de Internet funcționează de mult timp, dar nu sunteți mulțumit de performanța acesteia, atunci efectuați o analiză de utilizare.

Vă prezint atenției 5 moduri eficiente analizând confortul resursei dvs. pentru vizitatori. Pe care să o alegeți, decideți singuri.

Analiza statistică (Google Analytics, Bitrix, Yandex.Metrics etc.). Aproape fiecare site web are contoare instalate, ale căror date sunt furnizate absolut gratuit. Astfel, această metodă devine cea mai accesibilă pentru proprietarii de resurse Internet. Puteți implementa analiza comparativa statistici ale site-urilor similare, dacă sunt disponibile accesul dat. Principalele dezavantaje ale metodei sunt superficialitatea concluziilor și cantitatea insuficientă de date.

Lucrul cu recenzii de la oaspeții resurselor web. Ar putea fi ceva mai simplu decât să întrebi însuși vizitatorul ce ar dori să vadă pe resursa ta web? Mulți dezvoltatori postează special în acest scop. părereși formularele de vot.

Dacă vreun element din resursa dvs. provoacă indignare în rândul utilizatorilor, fiți siguri că aceștia vor fi bucuroși să își exprime „sentimentele”. Implementarea feedback-ului pe site și procesarea recenziilor primite nu este deloc dificilă, principalul lucru este să o faceți nu doar o dată, ci periodic.

Testarea de utilizare a unei resurse de Internet. Serviciile online concepute pentru acest tip de muncă vă vor ajuta cu testarea.

Monitorizarea acțiunilor oaspeților site-ului. Pentru această metodă, puteți utiliza și Yandex.Metrica sau Webvisor. Ei vor înregistra toate acțiunile și pașii oaspeților resurselor web. Aceasta metoda are multe avantaje: diverse opțiuni concluzii, o cantitate mare de date, analiză gratuită, un grup țintă clar etc. Această metodă vă va permite să vă dați seama ce anume împiedică utilizatorul să-și atingă obiectivul cu privire la resursa dvs.

Efectuarea unui examen. Dacă doriți să obțineți un rezultat ridicat, puteți comanda un examen de la profesioniști. Această metodă, desigur, este plătită, dar vă asigur că este una dintre cele mai eficiente.

Și, în sfârșit, aș dori să spun că gradul de utilizare se bazează în principal pe obiceiurile umane și pe psihologie. Când creați o nouă resursă de Internet, încercați să o faceți cât mai convenabilă și simplă posibil, aceasta va fi cheia succesului.

Dacă nu v-ați abonat încă la știrile blogului nostru, vă sfătuiesc să nu ezitați și să faceți acest lucru chiar acum. În fiecare zi adăugăm noi, utile și articole interesante privind dezvoltarea web și promovarea site-ului web. Nu ratați Ne vedem în curând!

JavaScript. Pornire rapidă

Aflați elementele de bază ale JavaScript cu un exemplu practic despre cum să creați o aplicație web.

Rezumat: Definiția utilizabilității. Cum, când și unde poate fi îmbunătățită această setare a interfeței cu utilizatorul (UI)? De ce este important atât pentru un marketer, cât și pentru un web designer?

Această postare reprezintă o prezentare a unui articol al celei mai mari autorităţi din lume în acest domeniu, Jakob Nielsen, adaptat specificului web marketingului.

Mai jos sunt termeni și parametri cheie care descriu designul și capacitatea de utilizare a unui site web de vânzare și oferă răspunsuri la principalele întrebări pe care le pot avea atât un specialist în marketing, cât și un designer web.

Definiție

Utilizabilitate este o măsură calitativă care evaluează cât de ușor sunt de utilizat interfețele cu utilizatorul. Adjectivul „calitate” din definiția termenului înseamnă că nu poate fi exprimat în termeni de parametri cantitativi, spre deosebire, de exemplu, de rata de clic (CTR), rentabilitatea investiției (ROI) sau cost pe lead (CPL). Cu alte cuvinte, nu vom putea calcula valoare exacta acest parametru și notează-l în cifre. Traducerea semantică a utilizabilității este „ușurință de utilizare”.

Acest parametru se referă și la modalități de simplificare a utilizării interfeței cu utilizatorul (UI, interfața cu utilizatorul) utilizate în procesul de proiectare.

Ne propunem să luăm în considerare termenul UI într-un sens practic restrâns din punctul de vedere al unui agent de marketing pe Internet - o interfață cu utilizatorul este o vizualizare a unei pagini de destinație, a paginilor site-ului de comerț electronic sau a unei soluții SaaS afișate pe monitorul unui reprezentant public țintă.

La rândul său, ușurința în utilizare este determinată de 5 componente de calitate (criterii de nivel inferior):

Abilitate de învățare(Abilitate de învățare): Cât de ușor vor putea utilizatorii să finalizeze sarcinile de conversie când vor vedea pentru prima dată designul paginii de destinație?

Eficienţă(Eficiență): odată ce utilizatorii au văzut designul unei resurse web, cât de repede pot finaliza sarcina în cauză?

Memorabilitatea(Memoriabilitatea): Dacă utilizatorii revin la o pagină web după o perioadă lungă de absență, cât de ușor își vor putea aminti algoritmul pentru finalizarea sarcinii de conversie?

Erori(Erori): câte erori vor face utilizatorii în timp ce interacționează cu pagina de destinație/site-ul, cât de grave vor fi aceste erori și cât de ușor își vor putea recupera utilizatorii de pe urma acestor erori (adică vor fi dezamăgiți în așa măsură încât pur și simplu vor părăsi resursa web)?

Satisfacţie(Satisfacție): Cât de plăcut este această interfață de utilizare?

Aceasta este utilitatea unui sistem software și a unei pagini de destinație.

Există și alte atribute importante de design de calitate. Un parametru cheie legat de funcționalitatea interfeței cu utilizatorul este utilitatea: designul satisface nevoile de bază ale utilizatorilor?

Utilizabilitatea și utilitatea sunt la fel de importante și numai prin combinarea acestor 2 parametri puteți determina dacă ceva este util pentru utilizator: nu contează cât de ușor este să efectuați o acțiune dacă nu aveți nevoie de ea.

Cu toate acestea, este la fel de rău dacă un vizitator care ajunge pe pagina de destinație după interogare de căutare, înțelege că teoretic poate efectua acțiunea de conversie pe care și-o dorește, dar în practică nu își va putea îndeplini dorința, pur și simplu pentru că interfața cu utilizatorul este prea complicată.

Pentru a studia utilitatea designului, se folosesc aceleași metode ca și pentru cercetarea utilizabilității (le vom discuta mai jos).

Deci, să formulăm 3 definiții ale designului care promovează utilizarea în interfața de utilizare condiționată:

Utilitate/utilitate= dacă designul oferă utilizatorului funcțiile necesare.

Utilizabilitate= cât de ușor și plăcut este să folosești aceste funcții.

Design util= ușurință în utilizare + utilitate.

De ce este importantă utilizarea?

Pe Internet, ușurința de utilizare este o conditie necesara, mai ales în domeniu comerțul electronic orice format. Dacă o pagină de destinație de vânzări sau o soluție SaaS este dificil de utilizat, vizitatorii vor merge la concurenți.

Dacă Pagina principalaÎn imposibilitatea de a afirma clar ce oferă compania și de a explica ce pot face membrii publicului țintă pe resursa web, utilizatorii „fug pentru viața lor”. Aceeași reacție va fi cauzată de lipsa unei navigări clare, inconvenientul citirii conținutului textului (notoriul „zid al textului”), răspunsurile evazive, neconvingătoare sau incompetente la întrebările cheie.

Acesta este modelul comportamental de bază al comportamentului online al unei persoane: nu va citi instrucțiunile pentru utilizarea unei pagini de destinație/site sau nu își va pierde timpul încercând să descopere cum este structurată și cum funcționează o anumită interfață web. Există multe alte resurse web disponibile la doar un clic distanță. Plecarea este prima reacție defensivă a unui vizitator care se confruntă cu dificultăți.

Acum să ne amintim de „prima lege a comerțului electronic”:

Dacă vizitatorii nu găsesc produsul, nu îl vor cumpăra.

Nielsen susține că cea mai buna practica Abordarea actuală este de a cheltui 10% din bugetul total alocat pentru dezvoltarea designului pentru optimizarea gradului de utilizare.

Această abordare oferă o creștere metrici de calitate resursa web de mai mult de 2 ori (Nielsen, ca criteriu indirect pentru evaluarea ușurinței de utilizare, folosește ROI ca parametru care are un valoare numericași a monitorizat în mod repetat relația dintre ușurința de utilizare a interfeței și raportul de rentabilitate a investiției în practica sa extinsă pe termen lung).

Dublarea vânzărilor, dublarea numărului de clienți potențiali înregistrati, dublarea oricărui rezultat de marketing - nu este un argument suficient de convingător pentru a acorda în sfârșit atenție utilizării paginilor de destinație?

Cum să îmbunătățiți gradul de utilizare?

Există multe metode pentru studierea acestui parametru, dar principala și cea mai utilă este testarea utilizatorului, constând din 3 operații secvențiale:

  • Atragerea unui număr de utilizatori reprezentativi reprezentând piața țintă.
  • Participanții la test efectuează sarcini tipice de conversie.
  • Observarea lor: ce fac, ce reușesc, unde au dificultăți în a interacționa cu interfața cu utilizatorul.

Specialiștii de marketing nu ar trebui să interfereze în niciun fel cu testul, lăsând participanții să rezolve toate problemele în mod individual. Orice indiciu va anula rezultatele experimentului.

Pentru a identifica cele mai importante probleme sunt suficienți 5-10 utilizatori. Nu este nevoie să desfășurați un studiu costisitor la scară largă; o serie de teste cu un număr mic de participanți va fi mult mai eficientă, dar fiecare test ar trebui să fie efectuat după fiecare modificare adusă designului, astfel încât să puteți corecta defectele ca imediat ce sunt descoperite.

Să reamintim că această metodă se numește design iterativ și este folosită și în procesul de reproiectare a site-ului web pentru a crește conversia, deși în al doilea caz situația este mult mai simplă: fiecare iterație se termină cu un test obișnuit de împărțire.

Și, desigur, cu cât putem testa mai multe versiuni și idei de design de interfață, cu atât mai bine.

Testarea utilizatorilor nu trebuie confundată cu un sondaj focus grup - această metodă este bună pentru cercetarea pieței țintă, dar nu este potrivită pentru evaluarea gradului de utilizare. Marketerul trebuie doar să primească și să analizeze opiniile primite de la focus grup; designerul UI trebuie să vadă personal modul în care fiecare utilizator finalizează sarcina de conversie folosind interfața web proiectată.

Când ar trebui să începeți să lucrați la optimizarea gradului de utilizare?

Acest parametru joacă un rol în fiecare etapă a procesului de dezvoltare a interfeței web. În consecință, este nevoie de numeroase teste, fiecare dintre acestea putând fi efectuată rapid și ieftin.

Iată pașii de bază:

  • Înainte de a începe să dezvoltați o nouă interfață de utilizare sau să o reproiectați, testați-o versiune veche pentru a identifica convenabil și util utilizatorului elemente care pot fi folosite în viitor.
  • Efectuați un așa-numit studiu de teren - observați cum se comportă reprezentanții publicului țintă în „habitatul lor natural”, adică într-un mediu familiar atunci când vizitează resursele web preferate: folosesc , derulează pagina folosind rotița mouse-ului sau o motor cu bară de defilare verticală etc.
  • Acesta este modul în care vă puteți forma o opinie aproximativă despre modul în care viitorii vizitatori își imaginează ușurința în utilizare.
  • Creați câteva schițe simple și grosiere ale modelelor noi și începeți testarea utilizatorilor cât mai devreme posibil. Nu pierdeți timpul lucrând minuțios prin ideile de design - va trebui să le schimbați pe toate pe baza rezultatelor testelor.
  • Treceți treptat de la un prototip care se întâlnește cel mai mult Cerințe generale la designul web adoptat în nișa dvs. de marketing, la o reprezentare computerizată personalizată de înaltă calitate a paginii/site-ului dvs. de destinație. Nu uitați să testați fiecare iterație!
  • Verificați designul pentru conformitatea cu regulile general acceptate (există multe lucrări pe acest subiect, de exemplu, același Jakob Nielsen).
  • Dacă decideți că ați terminat în sfârșit noua optiune design, verificați-l din nou - probleme minore de utilizare „se strecoară întotdeauna în lumină” tocmai în timpul implementării unei noi interfețe pe o resursă web.

Nu amânați testarea utilizatorilor până când noul design este complet operațional. Dacă faceți acest lucru, va fi imposibil să remediați marea majoritate a problemelor critice.