www.romver.ru / Полный список статей / Что такое юзабилити сайта

Anastasia Starkova

Xotite ponat', kak posetiteli vosprinimaut sayt? Eto o4en' prosto. Predstav'te, 4to vi govorite po telefonu s direktorom, i v eto vrema vam zvonit kto-to iz rodstvennikov, a u vas e6e raboti na 4 4asa, a sey4as uje 5 4asov ve4era i vam segodna nujno uspet' domoy k 7 na den' rojdenia te6i. Predstavili?

Teper' dobav'te k etomu ujasu neobxodimost' vibrat' v podarok kuxonniy kombayn i na4inayte xodit' po saytam v poiskax lu46ego varianta. Dobro pojalovat' v mir posetiteley kommer4eskix saytov!

Mi ne pitaemsa skazat', 4to bol'6instvo posetiteley – eto o4en' zanatie, naxoda6iesa v sostoanii stressa ludi, obi4no eto ne tak. No koli4estvo musora v internete zastavlaet ludey o4en' bistro otfil'trovivat' ne vajnuu po ix mneniu informaciu, daje esli vi s4itaete ee klu4evoy.

V dannoy stat'e poydet re4' o tom, kak zastavit' upravlat' vnimaniem posetiteley saytov, 4tobi re6at' zada4i kompanii, kotoroy sayt prinadlejit.

4to takoe usability i po4emu eto vajno?

Termin «uzabiliti» vo6el v upotreblenie, kak sinonim ponatia «ergonomi4nost'», «udobstvo ispol'zovania», «drujestvennost'», poetomu, esli re4' idet o uzabiliti saytov, to pod nim podrazumevaetsa udobstvo i prostota ispol'zovania sayta.

Krug, odin iz samix izvestnix uzabiliti-specialistov v mire, pi6et:
«Asnost' i prostota veb-stranici – kak xoro6ee osve6enie dla vitrini magazina, pri nix vse kajetsa lu46e».

Ludi v celom i pol'zovateli Interneta v 4astnosti stali o4en' neterpelivi. Po dannim Nielsen Norman Group oni provodat na odnoy stranice v srednem 27 sekund i redko prokru4ivaut stranicu do konca. Akob Nil'sen ob&asnaet eto tem, 4to «v internete ogromnoe koli4estvo bespoleznoy informacii. Poetomu esli bi pol'zovateli podrobno izu4ali kajdiy iz otkritix saytov, oni nikogda bi ne otklu4alis' ot seti i ne jili bi real'noy jizn'u».

Za neskol'ko sekund, kotorie u vas est', nujno uspet' «skazat'» pol'zovatelu o4en' mnogoe, dostupno ob&asnit' emu, gde on naxoditsa i 4to emu delat', zainteresovat'. V protivnom slu4ae, on uydet na drugoy sayt. «Sayt, 4erez kotoriy pol'zovatelu prixoditsa «prodirat'sa», mojet su6estvovat' do tex por, poka radom ne vozniknet drugoy, bolee udobniy i ponatniy» - pi6et S.Krug. Na dele, sravnivaa dva sayta (s nizkim urovnem uzabiliti i s visokim) mojno s uverennost'u skazat' sleduu6ee:

• Pri odinakovom urovne rasxodov na reklamu, potok klientov bol'6e u sayta s visokim urovnem uzabiliti, sledovatel'no, stoimost' obra6enia 4erez sayt – nije.


• Povi6enie komforta pol'zovatela na sayte vedet k povi6eniu loal'nosti klienta k kompanii, poetomu klienti lu46e otnosatsa k kompaniam, u kotorix udobnie sayti.


• Kompania s bolee udobnim saytom snijaet nagruzku (a, sledovatel'no, i izderjki) na menedjerov i call-centr, t.k. klienti naxodat otveti na nujnie im voprosi na sayte

Uje sey4as visokiy uroven' uzabiliti sayta mojno rassmatrivat' kak konkurentnoe preimu6estvo dla kompaniy, dla kotorix internet – odin iz sposobov privle4enia klientov.

Uzabiliti i veb-razrabot4iki

Sozdavaa sayt, vi doveraete veb-razrabot4ikam re6enie kakim bit' va6emu saytu: udobnim ili otpugivau6im. K, sojaleniu, dostato4no mnogo kompaniy bez doljnogo kontrola so storoni klienta, sdelat' sayt udobnim dla celevoy auditorii ne smogut.

Kak je ob6at'sa na temu uzabiliti s kompaniami, predostavlau6imi uslugi v oblasti veb-dizayna i razrabotki saytov?

Prejde vsego, nado viasnit', 4to im izvestno o uzabiliti, garantiruut li oni, 4to razrabotannim imi saytom budet udobno pol'zovat'sa, kak oni primenaut priemi uzabiliti na praktike?

4a6e vsego, razrabotka sayta na4inaetsa s razrabotki dizayna, i sozdateli saytov zaveraut vas, 4to principi uzabiliti im izvestni, 4to u nix professional'niy i opitniy dizayner, kotoriy sobludaet principi uzabiliti. Rezul'tat ne vsegda sootvetstvuet va6im ojidaniam.

4tobi sozdat' deystvitel'no udobniy sayt, etapu dizayna doljno pred6estvovat' proektirovanie, kotoroe vklu4aet v seba prototipirovanie (prototipi stranic soderjat vse elementi i bloki stranic). Ideal'niy variant - kogda prototipi proektiruutsa posle analiza pol'zovatel'skix potrebnostey, testiruutsa na celevoy auditorii i v processe raboti dovodatsa do maksimal'nogo sootvetstvia zada4am.

O4evidno, 4to podobnaa organizacia raboti privodit k uveli4eniu budjeta, nu a 4to delat', esli budjet sil'no ograni4en? Nujno pomnit' neskol'ko prostix pravil, kotorie pozvolat su6estvenno povisit' udobstvo ispol'zovania sayta.

Osobennosti vospriatia informacii v Internete

Prejde, 4em pereyti neposredstvenno k pravilam, xo4etsa skazat' neskol'ko slov o vospriatii informacii v internete. Nado imet' v vidu, 4to, vo-pervix, pol'zovateli ne 4itaut teksti na saytax tak je, kak knigu ili gazetu. Oni beglo prosmatrivaut stranicu, pitaas' «zacepit'sa vzgladom» za interesnie im slova ili virajenia. Vo-vtorix, pol'zovateli pereme6autsa po saytu ne posle togo, kak ocenat i vzvesat vse vozmojnosti i viberut lu46ee, a vibiraut naibolee podxoda6iy variant iz pervix popav6ixsa.

Pravila i priemi uzabiliti

Dla uzabiliti sayta xarakteren princip «4em pro6e, tem lu46e»; nali4ie standartnix priemov v interfeyse sayta takje avlaetsa preimu6estvom. Ved' esli pol'zovatel' kogda-to uje videl 4to-to (v navigacii, elementax stranici ili 4em-nibud' drugom), on budet znat', kak etim pol'zovat'sa.

Priemi i pravila, privedennie nije, razbiti na neskol'ko smislovix grupp.

Navigacia

1. Rekomenduetsa delat' odinakovuu navigaciu na vsex stranicax sayta
2. Na vsex stranicax doljen bit' logotip ili nazvanie sayta (obi4no na nego «ve6aut» takje ssilku na glavnuu stranicu). Tradicionnoe raspolojenie logotipa – verxniy leviy ugol
3. V 6apke sayta i v «podvale» doljna naxodit'sa kontaktnaa informacia (xota bi telefon)
4. Na vsex stranicax sayta doljno bit' menu pervogo urovna (a jelatel'no, i vtorogo)
5. Na stranice doljno soderjat'sa nazvanie razdela
6. Jelatel'no raspolojenie ukazatela «Vi naxodites' zdes'» (videlenie teku6ego razdela v menu, «xlebnie kro6ki»)
7. Na stranice doljno bit' ponatno, 4to avlaetsa ssilkoy, a 4to net. Rekomenduetsa videlat' ssilki odinakovo na vsex stranica, a takje delat' ix pod4erknutimi.

Vnutrenniy poisk

Kak pokazivaut issledovania, pol'zovateli neredko i6ut informaciu na sayte, srazu pribegaa k vnutrennemu poisku, ne pol'zuas' sistemoy navigacii. Kak opredelit', kogda nujen vnutrenniy poisk po saytu, a kogda net? Akob Nil'sen privodit sleduu6ee pravilo: «Na praktike, esli na sayte dostupno men'6e 100 stranic, posetitel' vpolne mojet oboytis' i bez primenenia funkcii «Poisk». Esli sayt soderjit ot 100 do 1000 stranicu, na nem jelatel'no razmestit' prostoy poiskoviy mexanizm. Esli je koli4estvo stranic previ6aet 1000, v takom slu4ae samoe vrema zadumat'sa nad sozdaniem effektivnoy poiskovoy sistemi na sayte».

4tobi poisk bil udobnim, sleduet priderjivat'sa sleduu6ix pravil:

1. V ideale, forma poiska doljna razme6at'sa na vsex stranicax sayta v verxney oblasti (tradicionno, verxniy praviy ugol).
2. Optimal'naa dlina pola dla vvoda zaprosa – 27-30 simvolov
3. Poisk na sayte doljen bit' tol'ko vnutrennim (po saytu). Ne sleduet predlagat' pol'zovatelam poisk na vne6nix resursax, v Internete, t.k. dla etogo su6estvuut global'nie poiskovie sistemi.
4. Oformlenie stranici s rezul'tatami poiska doljno bit' maksimal'no priblijenno k stranice vida4i global'nix poiskovix sistem: soderjat' pole dla vvoda zaprosa s vvedennim posetitelem zaprosom, spisok rezul'tatov doljen soderjat' zagolovok (s ssilkoy), kratkoe opisanie, mojno takje dobavit' URL ili razdel, k kotoromu otnositsa rezul'tat.
5. Ispol'zuyte funkciu proverki orfografii, kak v global'nix poiskovix sistemax. Pri vvode poiskovogo zaprosa s o6ibkoy sleduet vivodit' stroku «Vozmojno Vi imeli v vidu [pravil'noe napisanie zaprosa]?»

Glavnaa stranica

Glavnaa stranica – eto lico sayta, poetomu:

1. Glavnaa stranica doljna ob&asnat', 4to eto za sayt i dla 4ego on bil sozdan, obi4no dla vipolnenia etix funkciy ispol'zuetsa slogan i tekst privetstvia.
2. Na glavnoy stranice doljen bit' obzor soderjimogo sayta, naprimer, vigodnie predlojenia, poslednie stat'i, a takje obzor servisov, naprimer, avtorizacia, podpiska na rassilku novostey
3. Takje na glavnoy stranice jelatel'no prisutstvie periodi4eski obnovlaemoy informacii: anonsi novostey, korporativnogo bloga.
4. S.Krug upominaet ob odnoy vajnoy osobennosti glavnoy stranici, kotoroy o4en' 4asto prenebregaut: nali4ie ssilki ili podskazki «Otkuda mne na4at'». Kak bilo skazano vi6e, pol'zovateli 4asto vibiraut naibolee o4evidniy ili prostoy variant dal'ney6ego perexoda po saytu, poetomu pri razrabotke sayta vajno dat' pol'zovatelu ponat', otkuda je emu sleduet na4at', 4tobi pereyti k samomu glavnomu soderjaniu, 4tobi 4to-to nayti ili prosto pobrodit' po saytu.

K glavnoy stranice v polnoy mere otnosatsa vse ostal'nie trebovania po navigacii, elementam, poisku i t.d.

Tekst i ego oformlenie

Pri napisanii teksta dla sayta mojno sformulirovat' dva osnovnix pravila:

1. Staraytes' pisat' korotkie teksti
2. Pisat' teksti sleduet po t.n. pravilu «piramidi», na4inaa s osnovnix vivodov i dalee privoda obosnovanie i bolee podrobno rassmatrivaa temu. Staraytes', 4tobi samaa interesnaa i poleznaa 4ast' informacii naxodilas' v verxney 4asti kontentnoy oblasti i bila dostupna bez prokrutki stranici.

Po oformleniu teksta mojno dat' sleduu6ie rekomendacii:

1. Razmer osnovnogo 6rifta doljen bit' ne men'6e 12 px (4to primerno sootvetstvuet privi4nim 10 pt v MS Word) punktov.
2. Pri podbore 6riftov sleduet pol'zovat'sa otnositel'nimi veli4inami (a ne fiksirovannim razmerom).
3. Pri vibore tipa 6rifta sleduet orientirovat'sa na to, 4to na monitore (v otli4ie ot bumagi) bolee udobno 4itaetsa tekst, nabranniy 6riftom «bez zase4ek». Dla spravki, 6rifti «bez zase4ek»: Arial, Arial Black, Verdana, Tahoma, 6rifti «s zase4kami»: Times New Roman, Georgia
4. Na sayte ne sleduet ispol'zovat' bolee 4-x raznix cvetov teksta. Ne sleduet takje zabivat', 4to pol'zovateli pridaut odinakovoe zna4enie elementam, kotorie vizual'no vigladat odinakovo.
5. Ne sleduet ispol'zovat' tol'ko propisnie bukvi, t.k. pri etom snijaetsa skorost' 4tenia i zatrudnaetsa vospriatie.
6. Tekst i fon doljni bit' dostato4no kontrastni, lu46iy variant – 4erniy tekst na belom fone. Sleduet izbegat' takix so4etaniy cvetov, kak krasniy tekst na sinem fone, oranjeviy – na temno-zelenom i drugie, t.k. podobnie so4etania cvetov porojdaut «effekt drojania» i sozdaut sil'nuu nagruzku na zrenie.
7. Pol'zovateli negativno otnosatsa k migau6emu tekstu i begu6im strokam, poetomu sleduet izbegat' podobnix priemov.

Dizayn dla ludey s ograni4ennimi vozmojnostami.

Vsegda nujno pomnit' o tom, 4to pol'zovatelami va6ego sayta mogut bit' sover6enno raznie ludi, s raznimi potrebnostami i vozmojnostami. O dostupnosti kontenta sayta dla lubix posetiteley doljni zabotit'sa i zakaz4iki sayta, i razrabot4iki. Osobenno eto vajno dla saytov ob6estvennoy i gosudarstvennoy deatel'nosti, obrazovatel'nix u4rejdeniy.

Priemi, kotorie pomogut sdelat' sayt ob6edostupnim:

1. Razrabativayte navigaciu takim obrazom, 4tobi upravlat' saytom bilo vozmojno tol'ko s pomo6'u klaviaturi (bez ispol'zovania mi6i).
2. Stav'te v na4alo kajdoy stranici ssilku na glavnuu stranicu, 4tobi eto bilo pervoe, 4to proiznosit ekranniy diktor
3. Nau4ite formi vzaimodeystvovat' s ekrannimi diktorami, eto realizuetsa s pomo6'u tega label, svazivau6ego pola formi s tekstom podskazok.
4. Snabdite kajdoe izobrajenie opisaniem, t.k. izobrajenia ignoriruutsa ekrannimi diktorami
5. Dla ludey s oslablennim zreniem, esli takovie vxodat v osnovnuu auditoriu sayta, predusmotrite raznie varianti razmera 6rifta, sdelayte funkciu pereklu4enia mejdu razmerami teksta na stranice, ne polagaas' na vozmojnosti brauzera.
6. Postaraytes' ispol'zovat' texnologiu javascript po minimumu, t.k. on poka vosprinimaetsa xoro6o ne vsemi adaptacionnimi texnologiami.

Vot, pojaluy, i vse. Kone4no, esli okunut'sa glubje v temu uzabiliti, mojno privesti gorazdo bol'6e rekomendaciy, priemov, pravil, odnako daje esli soblusti li6' te, kotorie privedeni v etoy stat'e – udobstvo ispol'zovania sayta povisitsa zna4itel'no, a pol'zovateli budut 4uvstvovat' seba komfortnee.

4to delat', esli sayt uje su6estvuet?

Kak bit', esli sayt uje sozdan, a dizayn utverjdalsa dolgo i boleznenno? Neujeli vse peredelivat'?

Inogda sayti deystvitel'no naxodatsa v takom sostoanii, 4to pro6e brat' i vse peredelivat' s nula, odnako 4a6e vsego, oni nujdautsa li6' v «nebol'6om kosmeti4eskom remonte». V lubom slu4ae, 4tobi ne povtorit' sobstvennie o6ibki, sleduet obratit'sa k kvalificirovannim specialistam. Beda 4asto sostoit v tom, 4to lico, prinimau6ee re6enie o dizayne/interfeyse sayta delaet vivodi ob udobstve ispol'zovania, osnovivaas' tol'ko na svoem opite i predpolojeniax; 4asto bivaet, 4to na protajenii utverjdenia dizayna «glaz zamilivaetsa», i terautsa celi, kotorie stavilis' izna4al'no. Kone4no, praktikuu6ie uzabilisti ne znaut lu46e vas va6u predmetnuu otrasl', no oni znaut lu46e Internet, pol'zovateley Interneta i ix potrebnosti. 4to mojno sdelat'? Samiy perviy i prostoy 6ag – obratit'sa za konsul'taciey k professional'nomu uzabiliti-specialistu. Vtoroy, bolee ser'ezniy 6ag - provesti issledovania sayta: klassi4eskoe uzabiliti-testirovanie i ay-treking issledovanie, pri 4em v fokus-gruppu mojno privle4' respondentov, sovpadau6ix s celevoy auditoriey sayta. Etot variant daet polnuu kartinu nedostatkov teku6ego sayta, a pri pravil'nom vzaimodeystvii na dannom etape s proektirov6ikom ili dizaynerom, mojno zna4itel'no ulu46it' udobstvo ispol'zovania sayta.

Proavite vnimanie k svoim pol'zovatelam, ved' pol'zovateli va6ego sayta – eto potencial'nie klienti, a sayt – virtual'noe zerkalo va6ego biznesa. Sozdayte vokrug svoego dela xoro6iy imidj, imidj kompanii, kotoraa zabotitsa o svoix klientax, a specialisti po uzabiliti pomogut vam v etom.