Utilizabilitate - concepte generale. Principii principale de utilizare și reguli de bază

Despre usabilitate" url="http://marketnotes.ru/about-usability/usability-principls/">

Citând despre metodele euristice pentru evaluarea designului și a utilizabilității, am observat că toată lumea se referă la niște principii de utilizare general acceptate, totuși, nimeni nu scrie care dintre ele. Există două opțiuni: fie sunt atât de clare și naturale încât nici măcar nu merită să vorbim, fie nimeni nu știe cu adevărat care sunt aceste principii. După ce am analizat articolele care leagă și m-am gândit doar la ambele motoare de căutare, am ajuns la o concluzie dezamăgitoare: nimeni nu știe cu adevărat nimic și toate articolele sunt copii inexacte ale unuia dintre articolele lui Jacob Nelson. Unii au lăsat chiar o legătură către aceste principii cel mai general acceptate.

Din păcate, nu am găsit un singur articol în rusă (sau ucraineană) în care să fi fost dezvăluite. Prin urmare, am decis că merită să traduc și să descifrez puțin aceleași principii.

Deci, 10 principii de utilizare general acceptate. Să le privim mai detaliat.

1. Vizibilitatea stării sistemului.

Acest principiu înseamnă că utilizatorul ar trebui să știe ÎNTOTDEAUNA ce se întâmplă și unde s-a oprit de-a lungul căii. Dacă aceasta este o înregistrare complexă, indicați că acesta este pasul 2 din 3. Dacă ceva este în curs de descărcare sau se execută un script, afișați % procesat. etc.

Un exemplu simplu - sunt sigur că toată lumea s-a confruntat cu o situație în care ați dat clic pe o pictogramă, dar nu s-a întâmplat nimic. Judecând după cât de activ se învârte șurubul și monitorul clipește, ceva se întâmplă în continuare, iar după câteva minute se deschide o fereastră de program, de exemplu (eu încă deschid IE în acest fel). Ce să faci pe internet când totul este încărcat nu pe computer, ci pe un server din altă țară. Majoritatea utilizatorilor pur și simplu fac clic pe butonul „trimite” de mai multe ori, încarcă aceleași fișiere de mai multe ori etc. Și totul pentru că nu există nicio legătură între utilizator și sistem.

Trebuie avut grijă pentru a vă asigura că sistemul răspunde întotdeauna în mod clar și fără ambiguitate la acțiunile utilizatorului. Există un astfel de moment - ar trebui să treacă maximum 1 secundă între acțiune și reacție - aceasta nu este o ciudatenie a experților în utilizare. S-a descoperit științific că acesta este tocmai momentul în care creierul nostru menține o relație cauză-efect, cum ar fi făcut-primit. Dacă reacția la acțiunea ta are loc mai târziu de o secundă mai târziu, creierul o percepe ca pe o acțiune separată, doar îndepărtată legată de cea anterioară.

Și încă o cifră limită - 10 secunde. Utilizatorul trebuie să obțină ceea ce își dorește în 10 secunde de la acțiunea sa (de exemplu, în timp ce vizualiza rezultatele căutării, utilizatorul a deschis fereastra 5. Apoi se uită rapid prin fiecare dintre ele. Dacă după ce a deschis fereastra în 10 secunde, nu a făcut-o întoarce-te acolo – consideri-o pierdută pentru tine).

(Nu am verificat singur numerele sau nu le-am inventat, au fost luate dintr-o carte).

(acesta este un exemplu de la Contact. Când încărcați fotografii, vedeți procesul și estimați cât timp mai rămâne de așteptat).

Următorul principiu ne spune că site-ul dvs. ar trebui să fie creat pentru un anumit public și ar trebui să comunicați cu ei în limba lor, folosind desemnările și nivelul de pregătire.

Cu doar câteva zile în urmă m-am uitat la două site-uri web legate de computere cu o structură și un design destul de asemănătoare. DAR! Unul a fost dedicat particularităților instalării sistemului de operare, iar al doilea a fost cursurile de computer pentru începători.
După cum înțelegeți, acestea sunt două segmente de public complet diferite, iar expresia „click line 35 in the registry” va fi mai mult decât de înțeles pentru publicul primului site, dar va șoca 99% dintre utilizatorii celui de-al doilea site.

Prin urmare, țineți întotdeauna cont de publicul dvs. și faceți întotdeauna un site web pentru ei. Acest lucru se aplică nu numai textelor, ci și structurii, ajutorului, designului, percepției vizuale a informațiilor etc.

(este clar la prima vedere cui sunt adresate informațiile de pe acest site. Un începător nici măcar nu va citi ce este acolo. Doar prin design este clar că este pentru programatori).

3. Controlul utilizatorului (libertatea de alegere)

Utilizatorul ar trebui să fie mereu în control asupra situației, ca să spunem așa, să țină degetul pe puls (sau cel puțin ar trebui să aibă o astfel de impresie). Ce înseamnă asta în practică? De exemplu, atunci când completați un formular, trebuie să existe un buton „Ștergeți formularul”. Dacă formularul conține mai mulți pași, utilizatorul trebuie să revină la pasul anterior, sau invers, dacă este posibil, sări peste unii pentru a reveni la acesta mai târziu.

Această situație va da utilizatorului impresia că el este cel „responsabil”; nimeni nu încearcă să-l înșele sau să-l încurce. Iar complexitatea interfeței la prima vedere, cu abordarea corectă, va deveni o simplificare. La urma urmei, este mult mai ușor pentru oameni să facă 2-3 acțiuni simple decât una complexă (lucru aici este că, în timp ce utilizatorul completează al doilea pas, el încă crede că îl poate anula pe primul, dar se gândește deja cam a treia).

(atunci cand creezi un proiect in Seolib, vezi in ce stadiu te afli, cat a mai ramas. De asemenea, poti reveni la pasul anterior sau mergi mai departe sarind peste acesta).

4. Consecvență și standarde.

Un alt principiu care pare evident, dar, din păcate, este atât de rar folosit în practică. Spune-mi, poți crea cu ușurință un document nou în interfața oricărui program Microsoft Office? Salvați-l? Text în centru? Dar acestea nu sunt întotdeauna operații atât de simple...

Chestia este că campania Microsoft aderă la acest principiu în produsele sale (deși adesea încalcă multe altele). În toate produsele lor, aceleași pictograme sunt în aceleași locuri și arată la fel.

Internetul are deja anumite denumiri și standarde stabilite (de exemplu, tipul căruciorului, contactele din colțul de sus etc.). Cu toate acestea, dacă te uiți la câte tipuri diferite de coșuri există (conform imaginilor Yandex sau Google), vei înțelege că un utilizator neexperimentat se poate pierde serios printre toate aceste cărucioare, coșuri electronice, genți ultra-mode etc.) .
În ceea ce privește consistența, după ce ai ales un stil anume, urmează-l peste tot. Acest lucru se aplică fonturilor, imaginilor, textului și aspectului.

Am văzut de multe ori modul în care aspectul produsului și aspectul paginii diferă în diferite secțiuni. Creatorii site-ului consideră aceasta o „funcție creativă”. Dacă o fac pentru ei înșiși, atunci o pot lăsa așa, dar dacă o faci pentru utilizator, atunci cum îi explici de ce designul paginii atunci când alegi o imprimantă ar trebui să fie atât de diferit de design a paginii pentru alegerea RAM (în cadrul aceluiași magazin)?

(după cum puteți vedea în acest exemplu, toate pictogramele sunt exact aceleași în Word, Excel și PP. Când stăpâniți orice produs Microsoft nou, cel puțin jumătate din funcții vă vor fi imediat clare).

5. Prevenirea erorilor.

Acest principiu afirmă că este mai ușor să previi o eroare decât să o corectezi. Oriunde puteți simplifica alegerea și elimina acțiunile inutile, aleatorii, ar trebui să le eliminați.
În practică, acesta ar putea fi: un indiciu când introduceți ceva de la tastatură (oraș/țară, de exemplu).

Acest lucru este valabil și pentru butoane. De exemplu, ACCEPT este de obicei mai mare și mai luminos decât Clear Form. Dacă știți ceva despre informațiile introduse, solicitați-o utilizatorului (format de telefon sau cod de regiune), etc.

(în acest caz, utilizatorul nu poate merge mai departe până când nu înțelege aceste setări și selectează cel puțin o opțiune pentru analiza site-ului. Acest lucru este mult mai convenabil decât atunci când îi spuneți utilizatorului ceva de genul „selectați cel puțin o opțiune, sau parametrii sunt setați incorect.)

Faceți viața utilizatorului cât mai ușoară posibil, oferiți-i indicii, amintiți-vă informațiile pe care le-a introdus anterior (nu doar pe pagina anterioară, ci și din vizitele sale anterioare pe site).
De exemplu, dacă aveți din nou un formular de înregistrare în mai mulți pași, arătați-i câmpurile deja completate dacă ar putea fi necesare în viitor.

De asemenea, încercați să minimizați numărul de câmpuri de text în care utilizatorul trebuie să introducă ceva el însuși. Oferă-i opțiuni (sfaturi) astfel încât să poată alege dintre opțiunile deja disponibile.

(apare un indiciu de regiune când introduceți cel puțin o literă. Și dacă utilizatorul nu știe cum să scrie corect orașul, pur și simplu dă clic pe una dintre opțiunile propuse).

7. Flexibilitatea și eficiența utilizării.

Una dintre cele mai mari probleme este cum să combinați simplitatea interfeței și funcționalitatea acesteia? Cum să faci aceeași interfață clară și convenabilă atât pentru un utilizator profesionist, cât și pentru un începător?

Acest principiu prevede că interfața trebuie să fie flexibilă, personalizabilă și adaptată publicului care predomină. Concentrați-vă pe simplitate pentru utilizatorul obișnuit. Elementele pentru utilizatorii avansați pot fi făcute mult mai mici și plasate în părți mai puțin vizibile ale ecranului, deoarece le va găsi peste tot.

Un exemplu izbitor este Harta site-ului. Sunteți de acord că un începător nu va merge deloc acolo, dar un utilizator experimentat va găsi această „hartă a site-ului” cu litere mici în partea de jos a ecranului sau o pictogramă mică undeva în lateral.
Un alt exemplu sunt clickers/types. Acestea. Fiecare pagină poate fi accesată fie din meniu făcând clic pe navigare, fie căutând pe site. Ambele opțiuni ar trebui să fie susținute și, în cele din urmă, să conducă la același rezultat.

(observăm o căutare simplă pentru majoritatea utilizatorilor, precum și una avansată pentru cei avansați. În același timp, funcțiile de căutare avansată sunt ascunse destul de departe și doar un utilizator experimentat le poate găsi, adică, de fapt, doar acela cine are nevoie).

8. Design estetic și minimalist

Acest principiu prevede că interfața nu trebuie să conțină informații de care utilizatorul nu are nevoie sau de care ar putea avea nevoie în cazuri rare. La fel și în formulare: nu trebuie să solicitați utilizatorului informații de care nu aveți nevoie sau de care aveți nevoie în unele cazuri excepționale.

Din păcate, aproape nimeni nu folosește acest principiu. În 90% din cazuri, la înregistrare, vi se cere numărul de telefon de acasă, numărul de telefon mobil, adresa și e-mailul și chiar data nașterii. Și totul pentru a vă felicita pentru noul an și ziua de naștere.

Puteți clarifica toate informațiile suplimentare ulterior, dacă este necesar. Și inițial, la înregistrare, de exemplu, sau la plasarea unei comenzi, cereți doar informațiile de care aveți cu adevărat nevoie.

În același mod, pe un site web (sau într-un program, aceste principii sunt universale), nu ar trebui să afișați utilizatorului informații de care acesta ar putea avea nevoie într-o zi. De exemplu, să luăm același Microsoft Word. Spuneți-mi, cât de des folosiți funcția „navigator” sau inserția Date-Time? Și totuși, aceste butoane sunt întotdeauna vizibile în bara de instrumente (în funcție de versiune, butoanele pot fi diferite, dar sunt sigur că dacă te uiți la ele, vei găsi cel puțin 40% din pictogramele pe care nu le-ai folosit NICIODATĂ , și nici măcar nu știu ce fac).

(Iată un exemplu tipic. La înregistrare, Ozon mi-a cerut atât numele, cât și numele meu. În același timp, singurul loc în care este folosit numele meu este antetul scrisorii. Nu mi-am văzut niciodată folosit numele de familie la toate. Și întrebarea este - de ce au nevoie de aceste date? La urma urmei, există o poreclă Adică, forma poate fi înjumătățită cu ușurință...).

9. Ajutați utilizatorul să înțeleagă și să corecteze eroarea.

Spune-mi ce înseamnă eroarea bazei de date de pe linia 433? Sau erori lungi înfiorătoare în linia de memorie LXR-XXX-5438645?
Toate aceste mesaje de sistem ar trebui să fie stocate în jurnalele pentru administratorul de site/sistem. Scrieți utilizatorului în limbaj normal care este exact eroarea. Mai mult decât atât, utilizatorul este în esență interesat de un singur lucru: este vina lui sau a sistemului? Și se poate face ceva?

Sunt sigur că ați întâlnit situația în care completați un formular, faceți clic pe Trimiteți și, ca răspuns, obțineți un fel de eroare în baza de date. Și stai și suferi de două întrebări principale: cine este de vină și ce să faci? A dispărut formularul? Dacă da, acestea sunt toate informațiile? Sau încercați să trimiteți din nou?

Cu toate acestea, astfel de erori grave devin din ce în ce mai puțin frecvente. Dar cealaltă opțiune este și mai enervantă - completați un formular destul de lung, faceți clic pe trimite și vedeți o inscripție roșie (sau o fereastră pop-up) - completați cu atenție toate câmpurile marcate cu un asterisc.
Și din nou stai și te gândești - ce câmpuri? Ce asterisc? Se pare că am completat totul, m-am uitat cu atenție... și apoi se dovedește că acolo trebuie scris numărul de telefon cu spații, nu cu cratima.

12 mai 2011 la 17:03

Psihologia utilizabilității: influența preferințelor utilizatorului asupra percepției interfeței

• Blogul software ALEE

Dezbaterea dintre raționaliști și empiriști despre sursa cunoașterii umane este una dintre cele mai interesante pagini din istoria filozofiei și psihologiei. În zilele noastre, descoperirile din domeniul științelor speciale (neurofiziologie, psihologie cognitivă, lingvistică, cercetarea inteligenței artificiale etc.) ne obligă să revizuim aceste discuții și să privim problemele tradiționale dintr-un unghi neașteptat.
Empirismul se referă la poziția că sursa cheie a cunoașterii umane este experiența senzorială. După cum a spus filozoful englez din secolul al XVIII-lea John Locke, unul dintre cei mai faimoși susținători ai empirismului în filosofie și psihologie, conștiința umană este o „tabula rasa” pe care sunt aplicate semnele impresiilor senzoriale. Intelectul nu are nicio influență asupra percepției simțurilor; funcţiile sale se reduc doar la generalizarea datelor obţinute în experienţa senzorială.
Spre deosebire de empirism raţionalism Rațiunea este considerată principala sursă de cunoaștere. Filosofii și psihologii care iau poziția raționalismului cred că mintea umană nu este deloc o „tablie goală”: percepția noastră asupra lucrurilor poate fi influențată atât de componentele înnăscute, cât și de experiența anterioară. Psihologia experimentală a secolului al XX-lea a arătat că cogniția noastră senzorială este întotdeauna orientată într-un anumit fel. Când percepem lucruri noi, le interpretăm întotdeauna pe baza unui întreg sistem de prejudecăți și preconcepții. Pentru a ilustra tezele exprimate, se poate compara, de exemplu, modul în care același eveniment este acoperit în comunicate de presă de pe diferite canale TV: texte diferite sunt suprapuse aceleiași secvențe vizuale, creând în audiență o atitudine pe baza căreia interpretarea a ceea ce este vizibil este realizat.

Prejudecățile și preconcepțiile joacă un rol imens în procesul de interacțiune om-mașină. Pentru a crea cea mai prietenoasă interfață, este necesar să țineți cont de toate setările și așteptările utilizatorului - altfel aplicația sau site-ul web se pot dovedi neergonomice sau, în termeni moderni, inutilizabile.
Deseori, dezvoltatorii, designerii și experții în utilizare uită că și ei dezvoltă un sistem de prejudecăți și preconcepții care le influențează munca. Drept urmare, se întâmplă adesea ca produsul finit să primească laude mari de la programatori și designeri, dar nu de la utilizatorii finali. Desigur, pe baza a numeroase studii, vă puteți face o idee mai mult sau mai puțin clară despre nevoile utilizatorilor. Dar așa este proiectat o persoană, astfel încât în ​​activitățile sale zilnice să țină cont de opinia reprezentanților grupului în care se află constant, mai degrabă decât de opinia unor utilizatori abstracti. Pe baza blogului SixRevisions, să ne uităm la câteva setări tipice ale utilizatorului.

„Știu unde ar trebui să fie”

Utilizatorii de internet au dezvoltat un sistem de idei despre unde ar trebui să fie amplasate anumite elemente ale site-ului web. De exemplu, mulți utilizatori încep automat să caute câmpul pentru introducerea unui login și a unei parole în colțul din dreapta sus al ecranului.

Câmpul pentru introducerea numelui de utilizator și a parolei este în colțul din dreapta sus pe site-ul Mint.Com.

„Știu cum ar trebui să arate”

Utilizatorii au un sistem de părtiniri și părtiniri asociate cu aspectul site-urilor. De exemplu, un element grafic cu margini teșite este aproape întotdeauna perceput de ei ca un buton.

„Știu cum ar trebui să funcționeze”

În cursul interacțiunii zilnice cu lucrurile (atât online, cât și offline), utilizatorul dezvoltă prejudecăți care îi influențează ulterior percepția asupra interfețelor. De exemplu, când fac clic pe un link, majoritatea oamenilor se așteaptă să apară conținut nou pe ecran în același loc și în același format. Dacă utilizatorul face clic pe link și nu vede textul așteptat în format html, ci un mesaj despre începerea descărcării unui fișier pdf, acest lucru poate fi confuz. Prin urmare, este foarte de dorit ca site-ul să conțină avertismente despre posibile abateri de la așteptările utilizatorilor.

Recomandare: Când dezvoltați aplicații și site-uri web, ar trebui să luați în considerare cu atenție toate acțiunile posibile ale utilizatorului. Din păcate, se întâmplă adesea să se acorde mult mai multă atenție problemelor de proiectare decât construirii unei logici adecvate pentru prezentarea informațiilor. Posibilele strategii de comportament ale utilizatorilor pot fi explorate prin efectuarea de teste de utilizare bazate pe prototipuri interactive.

„Știu cum ar trebui să se numească”

Se știe că utilizatorii nu citesc cu atenție textele postate pe paginile web, ci doar le scanează cu ochii în căutarea informațiilor necesare. Prin urmare, textele publicate pe site-uri trebuie să conțină cuvinte cheie prin care vizitatorii să găsească cu ușurință ceea ce au nevoie. De exemplu, când face clic pe un link „contacte” sau „contactează-ne”, utilizatorul se așteaptă să vadă o pagină cu adrese, numere de telefon și alte informații de contact.

Pe site-ul Techi.Com, care publică știri din lumea înaltei tehnologii, un link Contactează-ne este prezent în partea de jos a fiecărei pagini.

Recomandare: Adresați-vă utilizatorilor într-o limbă pe care o înțeleg. Interfața trebuie să fie clară și transparentă pentru publicul site-ului. Evitați originalitatea de dragul originalității și nu dați nume pretențioase elementelor tipice de interfață.

Din cele de mai sus, putem trage următoarea concluzie: atunci când creați o aplicație sau un site web, trebuie să puteți vedea „lucru la lucru” prin ochii utilizatorului. Când creați condiții favorabile pentru ca utilizatorii să lucreze, trebuie să-i acceptați așa cum sunt cu adevărat. Și străduiți-vă să vă asigurați că produsul creat este cât mai ușor de înțeles pentru toată lumea - atât pentru specialiști, cât și pentru cei care abia încep să folosească computerul în activitățile lor zilnice.

Utilizabilitatea (în engleză usability - literalmente „posibilitatea de utilizare”, „capacitatea de a fi folosit”, „utilitate”) este un concept în microergonomie care denotă nivelul final de comoditate al unui obiect pentru utilizare în scopurile declarate. Termenul are o legătură cu conceptul de „ergonomie”, dar spre deosebire de acesta din urmă, este mai puțin asociat cu estetica tehnică, cu aspectul și este mai mult legat de utilitarismul unui obiect „utilizabil”.
Definiție oficială
Standardul internațional ISO 9241-11 definește capacitatea de utilizare ca fiind „măsura în care un produs poate fi utilizat de utilizatori specificați într-un context de utilizare specificat pentru a atinge scopurile specificate cu eficiență, eficacitate și satisfacție rezonabilă.” utilizatorii specificați pentru a atinge obiectivele specificate cu eficacitate. , eficiență și satisfacție într-un context de utilizare specificat”). Mai mult, importanța relativă a tuturor celor trei aspecte este determinată chiar de acest context. Utilizabilitatea este o măsură a calității experienței utilizatorului câștigată atunci când interacționează cu un produs sau sistem, cum ar fi un site web, o aplicație software etc. Utilizabilitatea este o combinație de factori care influențează experiența utilizatorului. Factorii sunt:

De ce este atât de importantă utilizarea?

Cercetările efectuate de User Interface Engineering, Inc arată că în 60% din timp, oamenii nu găsesc pe web informațiile de care au nevoie. Acest lucru duce la pierderea timpului, la scăderea productivității și la faptul că utilizatorii nu se vor întoarce pe site. Alte surse spun: Forrester Research a obținut câteva cifre care arată cât de mult pierd companiile din cauza utilizării slabe a site-ului. Magazinele online pierd aproximativ 50% dintre clienții care nu găsesc produsul de care au nevoie. Aproximativ 40% dintre utilizatori nu revin pe un site cu care au avut o experiență negativă. Jakob Nielsen spune: „Studiile privind comportamentul utilizatorilor pe web arată că aceștia nu răspund bine la site-urile lente și la site-urile cu design complexe. Oamenii nu vor să aștepte. De asemenea, nu vor să învețe cum să folosească pagina de pornire. Nu există instruire pe site sau instruire pe site. Oamenii vor să înțeleagă funcționalitatea unui site imediat după scanarea rapidă a paginii, adică în câteva secunde.”

Dezvoltarea utilizabilității

Dezvoltarea uzabilității este o abordare metodologică a creării unui site web sau a oricărei alte interfețe cu utilizatorul. Aceasta este o modalitate practică de a obține un produs care funcționează pentru utilizator. Dezvoltarea uzabilității implică mai multe metode care sunt aplicate secvențial pe tot parcursul procesului: colectarea cerințelor, dezvoltarea și testarea prototipurilor, evaluarea alternativelor de design, analiza problemelor utilizatorilor, propunerea de soluții și testarea site-ului (sau a oricărei alte interfețe).

Testare de utilizare

Testarea gradului de utilizare este parte a procesului de dezvoltare a gradului de utilizare. Într-un test tipic, un utilizator realizează o serie de sarcini folosind un prototip (sau alt sistem), în timp ce un observator înregistrează ceea ce face și spune utilizatorul. De obicei, testul este efectuat cu un utilizator sau doi lucrând împreună. Testarea poate implica colectarea de date, cum ar fi secvența de acțiuni pe care utilizatorii le întreprind pentru a realiza o sarcină, greșelile pe care le fac utilizatorii, când și unde utilizatorii au dificultăți, cât de repede termină utilizatorii sarcinile și cât de mult le place să folosească produsul. Scopul majorității testelor este de a detecta orice probleme pe care utilizatorul le poate avea, astfel încât acestea să poată fi rezolvate ulterior.

Pași de utilizare

• Noțiuni introductive - planificarea unui site web
  • Mai întâi trebuie să înțelegeți:
    • De ce dezvoltați un site web?
    • Cine ar trebui să vă viziteze site-ul
    • Când și de ce acești oameni pot vizita site-ul.

Răspunzând la aceste întrebări, veți stabili obiectivele site-ului. Obiectivele specifice depind de organizația dvs. și de publicul site-ului.

• • În plus, ar trebui să vă gândiți la obiectivele de utilizare ale site-ului. Obiectivele generale spun că site-ul ar trebui să fie:
    • Usor de invatat
    • Eficient de utilizat
    • Ușor de reținut la vizitele ulterioare
    • Satisfacerea utilizatorului

Toate obiectivele de utilizare sunt importante pentru majoritatea site-urilor web, dar poate doriți să luați în considerare altele pentru diferite situații și audiențe.

• Colectarea datelor de la utilizatori

Deoarece designul se bazează pe nevoile utilizatorilor, trebuie să colectați date din acele nevoi și despre modul în care site-ul web existent (dacă există) răspunde acestor nevoi. Există mai multe modalități de a colecta date, inclusiv formulare de feedback, jurnalele de server și testarea gradului de utilizare a unui site existent.

• Dezvoltăm un prototip

Este mai ușor pentru utilizator să interacționeze cu un exemplu real existent decât să raționeze despre ceea ce va funcționa cel mai bine. Rezultate utile pot fi obținute cu un prototip de site web care are conținut minim și nicio grafică. Acest prototip simplu este potrivit pentru prima rundă de teste. Prototipul poate fi folosit pentru a solicita comentarii de la utilizatori și pentru a determina capacitatea prototipului de a îndeplini sarcinile necesare. Prototipurile pot fi realizate pe hârtie, în HTML sau folosind instrumente speciale precum MSVisio.

• Colectăm, scriem și edităm conținut

Trebuie să postați conținutul de care au nevoie utilizatorii site-ului. Dacă aveți o mulțime de informații, uitați-vă la ceea ce ar putea fi util și de înțeles pentru utilizatori. Citirea de pe ecranul unui computer este mai lentă decât citirea de pe hârtie; mulți oameni doresc să scaneze rapid informațiile și să citească doar câteva bucăți mici. Dacă informațiile dvs. sunt împărțite în paragrafe lungi, trebuie să le împărțiți în bucăți mici cu subtitluri. Eliminați cuvintele inutile din text, utilizați liste și tabele, astfel încât utilizatorii să poată găsi rapid informațiile de care au nevoie.

Reguli și principii de utilizare

Regula 7±2

Capacitățile de procesare a informațiilor ale creierului nu sunt nelimitate; conform rezultatelor cercetării lui George Miller, memoria pe termen scurt poate conține simultan de la 5 la 9 entități. Acest fapt este adesea folosit pentru a justifica necesitatea de a reduce numărul de elemente din meniurile de navigare la 7, ceea ce provoacă dezbateri aprinse, deoarece nu este complet clar cum trebuie aplicată această regulă pe web.

Regula 2 secunde

Ideea este că utilizatorul nu ar trebui să aștepte mai mult de 2 secunde pentru orice reacție a sistemului, de exemplu, lansarea sau comutarea unei aplicații. Valoarea a 2 secunde este arbitrară, dar pare suficient de adecvată. În general, cu cât utilizatorul așteaptă mai puțin, cu atât mai bine.

Regula cu 3 clicuri

Un utilizator nu va fi mulțumit să folosească un site dacă nu poate găsi informațiile de care are nevoie în trei clicuri. Cu alte cuvinte, această regulă subliniază importanța navigării clare și simple. În multe cazuri, important nu este atât numărul de clicuri necesare, cât și înțelegerea generală a sistemului; chiar și 10 clicuri nu reprezintă o problemă dacă în fiecare etapă utilizatorul înțelege clar unde se află și unde ar trebui să se deplaseze în continuare. .

Regula 80/20 (Principiul Pareto)

Ideea este că 80% din efect provine din 20% din acțiuni. În afaceri, această regulă este adesea aplicată sub forma: „80% din vânzări provin de la 20% dintre clienți”. În designul web și utilizarea, această regulă funcționează nu mai puțin eficient. De exemplu, puteți îmbunătăți semnificativ impactul unui site web identificând 20% dintre utilizatori, clienți, acțiuni, produse sau procese care generează 80% din profit și acordându-le o atenție deosebită în timpul dezvoltării.

Opt reguli de aur pentru dezvoltatorii front-end

Ca rezultat al cercetărilor sale în interacțiunea om-calculator, Ben Shneiderman a compilat un set de reguli care pot fi folosite pentru a proiecta multe tipuri de interfețe. Aceste principii sunt relevante atât pentru dezvoltatorii de interfețe, cât și pentru designerii web.

• Străduiește-te pentru logică
• Pentru utilizatorii avansați ar trebui să existe o modalitate rapidă (comenzi rapide, taste rapide, macrocomenzi)
• Ar trebui să existe feedback informativ
• Dialogul trebuie finalizat
• Gestionarea erorilor ar trebui să fie simplă
• Trebuie să existe o modalitate ușoară de a anula acțiunile
• Utilizatorul ar trebui să simtă că totul este sub controlul său
• Păstrați memoria pe termen scurt cât mai scăzută posibil

Regula Fitts

Publicat de Paul Fitts în 1954, un model al mișcării umane cuantifică timpul necesar pentru a se deplasa rapid către o zonă țintă în funcție de distanța până la țintă și dimensiunea țintei. De obicei, această regulă este utilizată atunci când se ia în considerare mișcarea mouse-ului de la punctul A la punctul B. Acest lucru poate fi important atunci când plasați elemente pe care doriți să creșteți numărul de clicuri.

Piramidă inversată

Piramida inversată este un stil de scriere în care ideea principală este prezentată la începutul articolului. Articolul începe cu o concluzie, urmată de puncte cheie și se termină cu informațiile cele mai puțin importante. Utilizatorii doresc informații cât mai repede posibil, așa că piramida inversată este perfectă pentru web, așa cum spune guruul de utilizare Jakob Nielsen.

Satisfacţie

Utilizatorii nu aleg cea mai bună cale pentru a găsi informațiile de care au nevoie. Ei nu au nevoie de cea mai bună și mai fiabilă soluție; dimpotrivă, sunt adesea gata să fie mulțumiți cu o soluție rapidă și nu cea mai bună, care va fi „destul de acceptabilă”. În ceea ce privește web, satisfacția este descrisă tocmai de acest caz: utilizatorul a primit o soluție „complet acceptabilă” a problemei - chiar dacă soluțiile alternative îi acoperă mai pe deplin cerințele pe termen lung.

Psihologia în utilizare

Sindromul Baby-Duck

Utilizatorii devin de obicei atașați de primul design pe care îl învață și îi judecă pe alții în funcție de cât de asemănătoare sunt cu acesta. Drept urmare, utilizatorii preferă sisteme care sunt similare cu cele pe care le cunosc și nu sunt foarte îndrăgostiți de altele. Această problemă apare adesea în timpul unei reproiectări; utilizatorii care sunt obișnuiți cu versiunea anterioară a designului nu se simt confortabil în noua structură a site-ului.

Banner orbire

Utilizatorii ignoră orice arată ca publicitate și, interesant, o fac destul de eficient. Chiar dacă reclamele sunt observate, acestea sunt tot timpul ignorate. Utilizatorii au dezvoltat modele destul de clare pe care le urmăresc atunci când efectuează diverse acțiuni pe web: în căutarea informațiilor necesare, se concentrează pe acele părți ale paginii unde pot fi localizate aceste informații - pe textul principal și hyperlink-urile. Bannerele mari, colorate, animate sunt complet ignorate în acest caz.

Efectul de incertitudine (efectul Zeigarnik)

Oamenii nu pot tolera incertitudinea - încercăm să găsim răspunsuri la întrebările emergente cât mai repede posibil. Efectul de incertitudine se bazează tocmai pe această trăsătură a comportamentului uman. Videoclipurile, articolele și poveștile care folosesc efectul incertitudinii se termină de obicei brusc, fără a rezolva o situație dificilă sau a răspunde la întrebările care apar. Acest efect este adesea folosit în publicitate: punând vizitatorilor întrebări interesante și provocatoare, agenții de publicitate îi forțează adesea să citească materialul sau să facă clic pe un link. Descoperit de Bluma Zeigarnik în 1927, efectul ajută la stabilirea unei legături emoționale cu cititorul și este incredibil de eficient în marketing. Cititorii își vor aminti mai bine despre ce a fost anunțul și chiar și detaliile mici vor fi amintite mai clar și mai precis. Efectul Zeigarnik este folosit și atunci când scrieți texte pentru web pentru a atrage și a interesa vizitatorii.

Principiile gestaltice ale percepției formei

Acestea sunt reguli fundamentale ale psihologiei umane în contextul proiectării interfeței om-calculator. Legea proximității spune că atunci când vedem o colecție de obiecte, recunoaștem obiectele care sunt mai aproape unul de celălalt ca un grup.

Legea asemănării spune că o persoană grupează subconștient obiecte similare.

Legea lui Prägnanz spune că același obiect poate juca un rol important într-un câmp vizual și poate face parte din fundal în altul.

În sigla Macintosh puteți vedea atât o față normală fericită, cât și o față fericită în profil.
Legea simetriei spune că avem tendința de a percepe obiectele simetrice ca un singur obiect.
Legea închiderii spune că oamenii tind să combine obiecte care nu sunt de fapt unite.

În sigla IBM vedem literele I, B, M, deși în realitate există doar linii de lungimi diferite. Acest efect este deosebit de important atunci când se creează texte pentru web, deoarece poate îmbunătăți semnificativ legătura dintre autor și cititor. Ne amintim lucrurile legate de propriile noastre experiențe mai bine decât cele care nu sunt legate de noi. De exemplu, după ce citesc un articol, oamenii își amintesc mai bine personaje, povești sau fapte cu care erau cumva conectați.

Termeni și concepte

Urmărirea ochilor

Urmărind mișcările ochilor, puteți determina unde caută utilizatorul. Există metode care permit, prin observarea fiecărei mișcări a ochiului, să se determine zonele care îi atrag cea mai mare atenție. Cercetările în acest domeniu ne permit să tragem concluzii despre cât de confortabil se simt utilizatorii pe un site și cât de repede pot înțelege structura acestuia. Câteva fapte interesante dezvăluite în timpul cercetării pot fi găsite pe Eyetrack07.

Îndoiți

Pliul este o linie care se desfășoară în partea de jos a ferestrei browserului; toate elementele paginii aflate sub ea nu sunt vizibile fără derulare. Nivelul acestei linii depinde de rezoluția monitorului vizitatorului. Elementele situate deasupra pliului primesc de obicei mai multe clicuri și atenție a utilizatorului și, ca urmare, mai mult profit, dar există și opinii opuse.

Sugestii (lucire)

Degradare grațioasă, toleranță la erori

Capacitatea unui site de a afișa conținut și de a păstra funcționalitatea de bază, chiar dacă unele dintre componentele sale nu pot fi afișate sau utilizate. În practică, aceasta înseamnă că conținutul site-ului trebuie să fie accesibil sub orice posibile erori, în orice browser și sistem de operare.

Granularitatea

Gradul în care volumele mari de date complexe sunt împărțite în module mici.

Hotspot

O zonă pe care se poate face clic a site-ului care își schimbă designul după ce faceți clic pe ea. Acest lucru este tipic pentru: efecte de focalizare după ce faceți clic pe un link sau alt element de site.

Lizibilitate

Lizibilitatea vizuală a textului.

Curatarea minelor

Invizibilitatea legăturilor de pe un site poate duce la nevoia utilizatorului de a muta cursorul peste pagină pentru a detecta legăturile atunci când aspectul acesteia se schimbă. În cele mai multe cazuri, acesta este un semnal clar al problemelor de utilizare.

Mystery-Meat Navigation (MMN)

Acest termen este folosit pentru a descrie navigarea în care utilizatorul are dificultăți în înțelegerea scopului hyperlinkurilor sau pentru a le găsi deloc.

Consistență fizică

Logica designului extern al site-ului - poziția logo-ului, navigarea, utilizarea elementelor grafice și a tipografiei. Logicitatea influențează foarte mult ușurința de navigare în jurul site-ului.

Îmbunătățire progresivă (PE)

O strategie de dezvoltare în care funcționalitatea de bază a site-ului este accesibilă din toate browserele și sunt furnizate funcții suplimentare pentru utilizatorii browserelor moderne. Principalul avantaj al acestei abordări este că vă permite să creați site-uri care sunt convenabile pentru utilizatorii cu conexiuni lente sau browsere mai vechi, oferind în același timp funcții suplimentare pentru utilizatorii cu conexiuni de mare viteză și browsere moderne.

Lizibilitate

Indică nivelul de claritate al sensului textului, în funcție de complexitatea propozițiilor și a termenilor folosiți. De obicei, măsurată prin nivelul de educație cerut de cititor pentru a înțelege textul. Lizibilitatea și lizibilitatea sunt concepte diferite.

Design centrat pe utilizator (UCD)

O strategie de design în care utilizatorii, nevoile, interesele și comportamentul acestora stau la baza dezvoltării structurii unui site, a navigării și a prezentării informațiilor. Această abordare a devenit standardul pentru aplicațiile web moderne, în special odată cu apariția aplicațiilor care utilizează conținut generat de utilizatori. În Web 2.0, utilizatorii trebuie să fie motivați să creeze conținut și alte activități, în timp ce lucrul cu serviciul ar trebui să provoace un minim de dificultăți și să fie cât mai convenabil posibil.

Vigilență, atenție susținută

Abilitatea de a rămâne atent atunci când efectuați sarcini lungi și monotone, cum ar fi verificarea textului pentru erori, amintirea programărilor și acordurilor, stocarea documentelor în timpul lucrului. În aplicațiile web moderne, astfel de sarcini sunt efectuate automat, sporind astfel confortul serviciilor.

Design Walk-Up-And-Use

Design intuitiv pe care îl pot vizita vizitatorii care îl folosesc pentru prima dată sau care vor avea nevoie de el o singură dată

utilizați-l în mod eficient fără instruire sau instrucțiuni prealabile.

Cadru de sarma

Scheletul site-ului, care reflectă ideile conceptului și structura viitorului site. Poate fi prezentat sub forma unei prezentări care să demonstreze clienților caracteristicile aspectului și funcționalității site-ului, precum și posibile scenarii pentru ca utilizatorii să își îndeplinească sarcinile. De obicei, scheletul nu va conține elemente vizuale sau aspect final al site-ului, dar poate include schițe sau schițe. Exemplu.

Regula celor trei clicuri
Utilizatorul va fi complet încântat de site dacă va reuși să găsească toate informațiile necesare în doar trei clicuri. Această regulă subliniază importanța navigării simple și clare. Deși, în cele mai multe cazuri, nu numărul de clicuri contează, ci înțelegerea generală a sistemului; chiar și zece clicuri nu reprezintă o problemă dacă în fiecare etapă o persoană înțelege clar unde se află și ce trebuie să facă în continuare.

Regula 7+/-2
Memoria noastră pe termen scurt poate conține de la 5 la 9 concepte în același timp, deoarece capacitățile de procesare a informațiilor ale creierului nu sunt nelimitate. Acest fapt este rezultatul cercetărilor lui George Miller și este folosit pentru a justifica necesitatea reducerii numărului de obiecte de navigare în meniu la 7.

Regula 80/20. Principiul Pareto
Acest principiu este că 80% din efect provine din 20% din efort. În afaceri, această regulă sună astfel: „80% din vânzări provin de la 20% dintre clienți”. Cu uzabilitate, regula funcționează nu mai puțin eficient. De exemplu, puteți îmbunătăți semnificativ impactul unei resurse identificând 20% dintre utilizatori, acțiuni, clienți, procese sau produse care generează 80% din profit și să le acordați o atenție deosebită în timpul dezvoltării.

Două a doua regulă
Această regulă este că utilizatorul nu trebuie să aștepte mai mult de două secunde pentru ca o aplicație să se lanseze sau să comute. Adică, cu cât utilizatorul așteaptă mai puțin, cu atât mai bine. Valoarea a două secunde a fost aleasă complet arbitrar.

Opt reguli principale pentru dezvoltatorii de interfețe
Ben Shneiderman a petrecut mulți ani cercetând interacțiunea om-calculator și a compilat un set de reguli care ar trebui urmate la dezvoltarea multor tipuri de interfețe. Aceste principii sunt relevante și pentru designerii web.

1. Este necesar să ne străduim pentru logică.
2. Pentru utilizatorii experimentați, ar trebui dezvoltată o modalitate rapidă, de exemplu, taste rapide, macrocomenzi, comenzi rapide.
3. Feedback-ul ar trebui să fie informativ.
4. Încheiați întotdeauna dialogul, adică să fie adus la concluzia lui logică.
5. Permiteți utilizatorului să corecteze cu ușurință toate erorile.
6. Dezvoltați o modalitate simplă de a anula acțiunile.
7. Utilizatorul ar trebui să simtă întotdeauna că totul este sub control.
8. Memoria pe termen scurt ar trebui să fie încărcată cât mai puțin posibil.

Piramidă inversată
O piramidă inversată este un stil de scriere specific în care ideea principală, o concluzie, este prezentată la începutul articolului, iar apoi această concluzie este dovedită pe baza unor puncte cheie. Cele mai puțin importante informații vin la sfârșit. Acest stil de scriere este potrivit pentru Internet, deoarece utilizatorii doresc să obțină cât mai repede informațiile necesare.

Regula Fitts
În 1954, Paul Fitts a publicat o lucrare care descria un model de mișcare umană care determina timpul necesar pentru a se deplasa rapid către o țintă în funcție de distanța față de țintă și dimensiunea țintei. Această regulă este adesea folosită atunci când se ia în considerare mișcarea mouse-ului de la un punct la altul. Acest lucru este important atunci când mutați elemente pe o pagină, cu un număr crescut de clicuri. Adică, rețeaua, elementele de pagină utilizate frecvent ar trebui să fie situate nu departe unul de celălalt.

Psihologie și utilizare

Efectul Zeigarnik sau efectul de incertitudine

O persoană nu-i place incertitudinea și reticența. Oamenii încearcă să găsească răspunsuri la întrebările lor cât mai repede posibil. Pe această caracteristică se bazează efectul de incertitudine. În 1927, psihologul Bluma Zeigarnik a efectuat un experiment interesant: adunând oameni într-o cameră, li s-au dat probleme de rezolvat. Invocând lipsa de timp, lucrarea neterminată a fost luată. După sondaj, s-a dovedit că oamenii și-au amintit sarcinile neterminate.

Multe videoclipuri, povești și articole care folosesc efectul Zeigarnik se termină de obicei brusc, fără a răspunde la întrebări sau a rezolva o situație dificilă. Acest efect este folosit în publicitate punând oamenilor întrebări provocatoare și interesante, marketerii îi obligă să facă clic pe un link sau să citească materiale suplimentare.

Sindromul rățuței
De obicei, utilizatorii devin atașați de designul original pe care l-au studiat bine și îi judecă pe alții în funcție de cât de asemănătoare sunt cu acesta. Adică, utilizatorii preferă sisteme vechi care sunt similare cu cele pe care le cunosc deja și nu le plac extrem de mult altele. Această problemă apare adesea în designul web; utilizatorii care sunt obișnuiți cu vechea interfață se simt foarte incomod în noua structură a site-ului.

Banner orbire
Utilizatorii ignoră tot ceea ce seamănă mai mult sau mai puțin cu publicitatea și o fac foarte eficient. Publicitatea este observată, desigur, dar toată lumea o ignoră devreme. Toți utilizatorii au dezvoltat în mod clar modele pe care le urmează neobosit atunci când efectuează diverse acțiuni în rețea. În căutarea informațiilor necesare, aceștia își concentrează atenția tocmai asupra acelor părți ale paginii unde pot fi localizate aceste informații, de exemplu, conținutul textului. Și bannerele colorate și animate sunt complet ignorate.

Principiile gestaltice ale percepției formei
Aceste reguli fundamentale ale psihologiei umane se aplică chiar și atunci când o persoană interacționează cu un computer.

Legea proximității spune că atunci când vedem un set de elemente situate în imediata apropiere unele de altele, le recunoaștem ca un grup.

Legea asemănării spune că o persoană grupează subconștient obiecte similare.

Legea simetriei spune că avem tendința de a percepe obiectele simetrice ca un element.

Efect de oglindă
Efectul de oglindă este deosebit de important atunci când se creează conținut text, deoarece poate îmbunătăți foarte mult legătura dintre autor și cititor. Ne amintim mult mai bine lucrurile care au legătură cu propria noastră experiență decât cele care nu au nicio legătură cu noi. De exemplu, după ce citesc un articol, oamenii își amintesc fapte și personaje cu care sunt cumva conectați.

Pentru a rezuma toate cele de mai sus: multe depind de cât de competent ați implementat toate punctele cheie descrise pe site-ul dvs. La urma urmei, utilizarea competentă înseamnă o mulțime de vizitatori noi și care revin. Și, ca rezultat, vânzări excelente, performanță ridicată a site-ului web și multe alte avantaje. Principalele secrete ale resursei pe care o vizitați sunt designul interesant, utilizarea adecvată, funcționalitatea și conținutul de calitate.

Și astăzi vom atinge aspectele psihologice care afectează ușurința de utilizare a site-ului de către utilizator.

Sindromul rățuței urâte

După cum arată practica, marea majoritate a utilizatorilor sunt puternic atașați de prima versiune a designului unui anumit proiect. Acest design a fost studiat de ei la maxim. În consecință, ei percep versiunile ulterioare ale site-ului (sau elementele locale), după reproiectare, prin prisma cât de asemănătoare este noua versiune cu cea anterioară. Acesta este motivul pentru care vizitatorii se simt deplasați la început.

Banner orbire

Esența orbirii bannerului este că vizitatorii ignoră tot ceea ce le amintește de publicitate. În același timp, au dezvoltat un algoritm clar pentru navigarea pe site, datorită căruia utilizatorii se concentrează pe acele blocuri în care se află informațiile cele mai utile pentru ei. Prin urmare, bannere uriașe cu conținut colorat sub acest aspect sunt complet ignorate.

Efectul de incertitudine (efectul Bluma Zeigarnik)

Prin natura, oamenii sunt intoleranti la incertitudine. Datorită ei, încercăm să găsim răspunsuri la toate întrebările care ne apar în cap. În același timp, cât mai repede posibil.

Efectul de incertitudine se bazează tocmai pe această trăsătură a comportamentului uman. Descoperit în 1927, efectul stabilește un fel de legătură emoțională cu utilizatorul, cititorul sau observatorul produsului.

Pe baza acestui fapt, videoclipurile, diverse articole și alte materiale care folosesc acest principiu, de regulă, au o oarecare subestimare și tind să pună întrebări utilizatorului mai degrabă decât să le răspundă. Drept urmare, persoanele care văd materialul sunt încurajate să caute răspunsuri și sunt forțate să ia unele măsuri (de exemplu, faceți clic pe un link sau citiți material suplimentar).

Principiile Gestalt

Ele reprezintă regulile de bază, fundamentale ale psihologiei în contextul designului și al percepției umane prin intermediul unui computer.

Legea Proximității afirmă că un set de obiecte situate la o distanță mai apropiată unul de celălalt decât alte obiecte este clasificat de utilizator ca un grup.

De asemenea este si legea asemănării, care poate fi formulată astfel: o persoană grupează subconștient obiecte similare.

Legea pragmatismului spune - același element poate juca atât un rol foarte important într-o reprezentare vizuală, cât și poate deveni parte a imaginii de fundal în alta.

Un exemplu foarte clar al acestei reguli este sigla Macintosh, care conține mai multe câmpuri vizuale. Un lucru în comun cu o față zâmbitoare, precum și cu o față fericită prezentată în profil.

În general vorbind, dispunerea simetrică a elementelor, indentări etc. faceți site-ul mai îngrijit. În același timp, o încălcare a simetriei poate provoca o reacție la o persoană - „ceva nu este în regulă aici”.

Legea închiderii indică faptul că o persoană este predispusă să combine obiecte care în realitate nu sunt un singur întreg.

Un exemplu este sigla IBM, unde în realitate există doar linii orizontale care diferă în lungime. Cu toate acestea, omul le interpretează în litere.

Efectul experienței personale. Este cel mai răspândit în domeniul creării de conținut text datorită faptului că este capabil să stabilească un fel de relație între cititor și autor.