www.romver.ru / Полный список статей / Юзабилити-кошмары

V svoey stat'e “Why award-winning websites are so awful” Gerri MakGovern pi6et — «krasivoy kartinkoy viigrivaut konkursi, real'nim soderjaniem viigrivaut klientov» i eto 100%-naa pravda. Ne imeet zna4enia, kakoy u vas dizayn i ne imeet zna4enia, kakuu funkcional'nost' vi predostavlaete — esli va6i posetiteli ne ponimaut, kak oni mogut popast' iz to4ki A v to4ku B, oni ne budut pol'zovat'sa va6im saytom.

V prakti4eski kajdom professional'no sdelannom dizayne (za isklu4eniem osobix slu4aev, naprimer, portfolio xudojnika) vi doljni predlojit' svoim posetitelam

• intuitivno ponatnuu navigaciu,
• to4nie tekstovie kommentarii,
• vozmojnost' poiska i
• 4etkuu i produmannuu strukturu sayta.

Eto zna4it, 4to vi prosto obazani sledovat' bazovim pravilam uzabiliti i zdravogo smisla. Vi je sobiraetes' ob6at'sa so svoimi posetitelami, a ne podtolknut' ix k vixodu, ne tak li?

V etoy stat'e mi rassmotrim nekotorie iz tex uzabiliti-ko6marov, kotorix vam sleduet izbegat' pri razrabotke poleznix i udobnix saytov. V konce stat'i vi takje naydete 4ek-list iz 8 punktov, ne menee vajnix dla uzabiliti.

1. Malozametnaa ssilka vxoda.

Sayt Backpack (odin iz lu46ix servisov dla organizacii processov i upravlenia proektami) podrobno ob&asnaet, dla 4ego servis mojno ispol'zovat', kak im pol'zovat'sa i kakie vozmojnosti on nam predlagaet. Tem ne menee, posle okon4ania processa registracii, vam mojet ponadobit'sa neskol'ko minut, 4tobi ponat', kak sobstvenno na4at' pol'zovat'sa etim servisom.

Scilka “Log in” (podskazka: v jeltom bloke) doljna bit' bol'6e. Takje ne pome6ala bi special'nie ikonka dla ee obozna4enia.

2. Pop-api dla pokaza kontenta.

V po4ti vse sovremennie brauzeri vxodit modul' blokirov6ika pop-apov, kotoriy blokiruet pop-api, reklamnie bloki i drugie tipi kontenta, kotorie raspoznautsa kak reklama. V Firefox, Safari, Opera i Internet Explorer vklu4en takoy modul'. Poetomu, idea ispol'zovat' pop-ap, 4tobi pokazat' pol'zovatelu osnovnoy kontent sayta — eto ne samaa razumnaa idea, kotoraa mojet pridti v golovu veb-razrabot4ika.

Tem ne menee, komanda razrabot4ikov Adidas, poxoje, re6ila ispol'zovat' pop-ap kak kreativnuu fi6ku dla svoey celevoy auditorii. Ne sovsem ponatno, o 4em sobstvenno rasskazivaet ix sayt ImpossibleStory.com — bol'6instvo pol'zovateley tak etogo nikogda i ne uznaet; daje mi bili sli6kom lenivi, 4tobi special'no deaktivirovat' blokirov6ik.

3. Peretaskivanie vzamen polosi prokrutki.

Voob6e-to, eta texnologia — ne ko6mar, prosto o4en' uj neobi4naa. V budu6em ona mojet stat' ves'ma popularnoy. Peretaskivanie, kak ono realizovan v .pdf-dokumentax, mojno takje adaptirovat' k saytam. Dla etogo Fichey predlagaet re6enie, osnovannoe na Flash. Interesnaa realizacia, tem ne menee, vi ne mojete dobavit' v zakladki otdel'nie 4asti sayta — tipi4naa problema s Flash-dizaynami.

Blok privetstvia na startovoy stranice informiruet posetiteley sayta o novom sposobe navigacii. Servis pokazivaet sayti, popularnie na danniy moment v social'nix media. Kstati, nekotorie ssilki ne rabotaut — zna4it nam prosto pokazivaut skrin6oti, vstavlennie kak kartinki.

4. Ssilki-nevidimki.

Posetiteli doljni znat', gde oni naxodatsa, gde bili i kuda mogut poyti. Esli dizayneri ne predostavlaut etu informaciu v podxoda6ey forme, u posetiteley mogut vozniknut' ser'eznie problemi s navigaciey po saytu. Real Player dolgoe vrema ispol'zoval mnojestvo «ssilok-nevidimok». Posmotrite na sleduu6uu kartinku i zametku k ney (sozdano v originale Trentonom Mossom) — vi bi vse smogli ugadat'?

1, 3, 4, 6, 7 i 11 — eto ssilki, a 2, 5, 8, 9 i 10 — net.

5. Vizual'niy 6um.

4asto men'6e zna4it lu46e. Vizual'niy 6um — eto, navernoe, odna iz samix 4astix problem, s kotoroy pitautsa spravit'sa dizayneri bol'6ix saytov. I o4en' 4asto polu4aetsa u nix ploxo. Naprimer, kak u Overstock.

Bonus: Snova ne sovsem asno, 4to avlaetsa ssilkoy, a 4to — net. Overstock toje ispol'zuet mnojestvo variantov videlenia ssilok i effektov pri navedenii na nix. Vot eto — ssilka ili ne ssilka? Vozmojno, vam budet interesno popitat'sa ugadat'.

6. Gluxoy ugol.

Mojno ispol'zovat' razli4nie metodi dla predstavlenia novogo veb-servisa svoim klientam. Scriblink privestvuet svoix posetiteley s pomo6'u pop-apa i Java-appleta. Dla na4ala ispol'zovania sayta nujno 4to-to vvesti v poaviv6emsa oko6ke.

Ni4to drugoe vam ne pomojet.

• Klik na “cancel” ne pomojet,
• knopka “OK” ne pomojet,
• perexod v polnoekranniy rejim ne pomojet,
• klik v lubom drugom meste toje ne pomojet,
• zakrit' okno brauzera nevozmojno,
• za klikom na znak voprosa ni4ego ne posleduet.

Ne4estno, na samom dele. Mi prosto xoteli posmotret', 4to eto za servis…

7. Bloki kontenta, nakladivau6iesa drug na druga.

Tipi4naa problema, voznikau6aa, kogda bol'6ie Flash-roliki ispol'zuutsa na bol'6ix saytax. Sistema navigacii zakrita; kuda bi pol'zovateli ne xoteli popast' — u nix net ni maley6ego 6ansa.

Ta je problema na Yahoo.com:

8. Dinami4eskaa navigacia.

4to s pervogo vzglada vigladit privlekatel'noy sistemoy navigacii, so vtorogo pokazivaet seba s xud6ey storoni. Ne imeet zna4enia, kuda vi napravili ukazatel' svoey mi6ki — kartinki-zastavki skol'zat vniz i vverx i sbivaut va6u fokusirovku. Na kartinke, raspolojennoy nije, mi popitalis' kliknut' po ssilke “history” — a ona otodvinulas' ot ukazatela; i net, kartinki-zastavki ne ssilautsa na tu stranicu, na kotoruu mi bi xoteli popast'.

Takoy effekt vstre4aetsa i v slu4ae s pravostoronney, i v slu4ae s levostoronney sistemoy navigacii. Pol'zovatelam nujno kakoe-to vrema, 4tobi ponat', 4to proisxodit. Pravda, kak tol'ko glavnaa idea osoznaetsa, navigacia perestaet bit' sli6kom slojnoy dla ponimania.

Toje samoe na sayte Kabe243. Tam je: vizual'niy 6um vo vsey svoey krasote.

9. Vipadau6ie menu.

Vipadau6ie menu o4en' udobni dla veb-razrabot4ikov, no prakti4eski vsegda deystvuut na nervi pol'zovatelam. Esli vi, kak razrabot4ik, spra4ete punkti navigacii v vipadau6em menu — vi smojete sekonomit' bol'6oe koli4estvo vertikal'nogo prostranstva. Pol'zovatelam je pridetsa napragat'sa, pitaas' virtuozno ispol'zovat' mi6ku, 4tobi popast' v nujniy im razdel. Eto to4no neudobno.

A ved' mojet bit' e6e xuje. Esli rasstoanie mejdu raznimi urovnami navigacii dostato4no bol'6oe (naprimer, po pri4ine bol'6ix tekstov opisaniy nekotorix punktov) pol'zovatelam pridetsa pereme6at' mi6ku gorizontal'no. I esli sdelat' vo vrema etogo pereme6enia maley6ee vertikal'noe dvijenie — pridetsa na4inat' vse s na4ala.

2Advanced i Brita.net otli4no illustriruut etot uzabiliti-ko6mar.

Nam ponadobilos' mnogo terpenia, 4tobi taki sdelat' eti skrin6oti.

10. Migau6aa animacia.

Inogda vi prosto jelaete pro4itat' soderjimoe veb-stranici. A ne mojete. Dla bor'bi s «bannernoy slepotoy» reklamodateli 4asto ispol'zuut animirovannuu reklamu — obi4no .gif-kartinki ili Flash-roliki. V oboix slu4aax, mojet stat' 4ertovski slojno skoncentrirovat'sa na 4tenii, esli eti izobrajenia budut zametno migat'.

Digital Web Magazine, otli4noe veb-izdanie, kotoroe mi regularno 4itaem, imeet na vsex stranicax svoix statey ujasno nepriatnuu animaciu sleva.

Ko6mar iz budu6ego? Navigacia bez klikov.

Dontclick.it izu4aet bezklikovoe okrujenie. Issledovateli pitautsa ponat', 4to i kak izmenitsa dla pol'zovatela i v interfeysax, esli mi polnost'u otkajemsa ot funkcional'nosti klika.

V etom interfeyse vi ne naydete ni odnoy knopki. Vi budete pereme6at'sa po saytu drugim sposobom — navoda ukazatel' mi6i na zainteresovav6ie vas oblasti. Vigladit vozmojno i xoro6o, no mojet stat' deystvitel'no novim uzabiliti-ko6marom, esli etu texniku na4nut primenat' povsevmestno. Prosto predstav'te sebe pol'zovateley, pitau6ixsa otkrit' vne6nuu ssilku v novom okne brauzera. Ili neskol'ko vnutrennix ssilok v raznix oknax-zakladkax… (vot imenno poetomu mi i vklu4ili Dontclick.it v na6 spisok).

Bonus. Ubedit'sa, 4to vi takje ne naru6aete sleduu6ie 8 punktov.

1. Vi ne ispol'zuete pop-api. Pop-api prerivaut process navigacii i trebuut nemedlennoy reakcii. Uvajayte svoix posetiteley.
2. Vi ne izmenaete razmer pol'zovatel'skogo okna. Po toy je pri4ine, 4to i predidu6iy punkt. Nekotorie brauzeri, naprimer, Internet Explorer, mogut soxranit' eti nastroyki i ispol'zovat' ix dla posleduu6ix sessiy.
3. Vi ne ispol'zuete sli6kom malen'kie razmeri 6riftov. Dlinnie stat'i s nimi stanet namnogo slojnee 4itat', pro4itat' daje vvodniy abzac stanet ne tak prosto. Eto kasaetsa takje ssilok, knopok, poiskovix form i drugix elementov. Xoro6o to, 4to stil' Veb 2.0 toje ne priznaet malen'kix razmerov.
4. Vi ne ispol'zuete neasnix tekstov v ssilkax. Ssilki doljni bit' 4etkimi i vesti v mesto, kotoroe oni opisivaut. Nevnatnix opisaniy ssilok sleduet izbegat'.
5. U vas net «bitix» ssilok. Ix i tak vezde xvataet. Za4em vam zagonat' pol'zovateley v gluxie ugli?
6. U vas maksimum odna animacia na stranice. Kogda animaciy stanovitsa sli6kom mnogo, stanovitsa 4rezvi4ayno slojno skoncentrirovat'sa na otdel'nom elemente sayta. Dayte svoim posetitelam vozmojnost' spokoyno osmotret'sa. Ne ispol'zuyte animacii radom s tekstami statey.
7. S vami prosto svazat'sa. Vozmojno, vi prosto ne jelaete, 4tobi vas bespokoili, no esli pol'zovatel' zaxo4et s vami svazat'sa i ne smojet nayti nikakoy kontaktnoy informacii — on poteraet interes i doverie k vam. Eto ujasno dla onlayn-magazinov i upu6ennaa vozmojnost' dla vsex ostal'nix.
8. Va6i ssilki otkrivautsa v tom je okne. Posetiteli jelaut kontrolirovat' vse proisxoda6ee v ix brauzere. Esli on zaxotat otkrit' ssilku v novom okne — oni eto sdelaut. Ne zaxotat — ne stanut etogo delat'. Esli vi otkrivaete ssilku v novom okne, vi prinimaete ne svoe re6enie.