Poetomu, daje esli vi razrabativaete sayt dla pol'zovateley obi4nix
PK, vam sleduet zadumat'sa nad tem, kak etot sayt budet vigladet' na
mobil'nix ustroystvax, i sdelat' ego maksimal'no udobnim dla ix
pol'zovateley. Za eto vrema poavilos' mnogo xoro6ix saytov,
sproektirovannix dla pol'zovateley mobil'nix ustroystv, i ostal'nie
proektirov6iki mogut ravnat'sa na nix. S vozniknoveniem mobil'nogo
Interneta ojidania pol'zovateley mobil'nix ustroystv neizbejno privedut
k vozniknoveniu opredelennix standartov v oblasti proektirovania
saytov, dostupnix v etoy srede.
Eti 7 pravil sformulirovani na osnove issledovaniy, provedennix s
u4astiem pol'zovateley mobil'nix ustroystv. Vo vrema etix issledovaniy
pol'zovatelam predlagalos' posetit' neskol'ko popularnix veb-saytov i
vipolnit' rad obi4nix deystviy, pol'zuas' brauzerami ix mobil'nix
ustroystv. Nedostatki, obnarujennie v xode etogo issledovania, legli v
osnovu tex rekomendaciy, kotorie mi privodim zdes'.
1. Predostav'te pol'zovatelam to, 4to im nujno, v maksimal'no korotkiy srok.
Pol'zovateli mobil'nix ustroystv i pol'zovateli PK mogut pose6at'
odin i tot je sayt s raznimi celami. Pol'zovatelam mobil'nix ustroystv,
kak pravilo, nujna informacia, kotoraa 4em-to pomojet im v opredelennom meste
ili v opredelennoe vrema – naprimer, to, 4to pomojet im
sorientirovat'sa na mestnosti ili uznat', 4to proisxodit v blizleja6ix
rayonax. Krome togo, oni mogut xotet' razvle4'sa,
4tobi skorotat' korotkiy promejutok vremeni – naprimer, po4itat'
4to-nibud' vo vrema poezdki v avtobuse ili poka oni jdut priatela, s
kotorim dogovorilis' vstretit'sa. Podumayte zaranee o tom, 4to
pol'zovatelam mojet ponadobit'sa na va6em sayte, i predostav'te im eto
– kak mojno skoree!
Yahoo! predostavlaet pol'zovatelam mobil'nix telefonov takuu vozmojnost' pri pomo6i novogo mobil'nogo servisa oneSearchTM.
Poisk po klu4evomu slovu "kino" vidaet spisok blijay6ix kinoteatrov,
gde ukazani ix adresa i telefoni. 6elknuv ssilku "Call" (Pozvonit')
radom s nomerom telefona, pol'zovatel' mojet pozvonit' po etomu
telefonu: nomer na4inaet nabirat'sa avtomati4eski. Sleduu6im 6agom,
o4evidno, stanet vozmojnost' pereme6at'sa po interaktivnoy karte, na
kotoroy budut ukazani vse ob&ekti, naydennie pri poiske po klu4evomu
slovu.
2. Ne razme6ayte vse navigacionnie elementi na kajdoy stranice
Kak pravilo, na saytax, razrabotannix dla pol'zovateley nastol'nix
komp'uterov, navigacionnie elementi razme6autsa na kajdoy stranice. Dla
mobil'nix ustroystv kajdiy kvadratniy millimetr rabo4ey oblasti ekrana poistine bescenen,
i vam sleduet pomnit', 4to, razme6aa navigacionnie elementi na stranice
sayta, prednazna4ennogo dla pol'zovateley mobil'nix ustroystv, vi
rasxoduete dragocennoe mesto, gde doljno naxodit'sa soderjimoe va6ego
sayta. V rade slu4aev 4ast' prosmatrivaemoy oblasti mojet smestit'sa za
predeli rabo4ey oblasti ekrana. Naprimer, na sayte kompanii BAA
elementi navigacii razme6eni tak, 4to pol'zovatelam prixoditsa dolgo
pereme6at'sa vniz po stranice, 4tobi dobrat'sa do nujnoy informacii.
Esli vi proektiruete veb-sayt dla pol'zovateley mobil'nix ustroystv,
razmestite vse elementi navigacii tol'ko na odnoy stranice – na glavnoy
stranice sayta. Na ostal'nix stranicax razmestite tol'ko ssilku na
glavnuu stranicu i ssilku, pozvolau6uu peremestit'sa nazad, k naibolee
interesnoy i vajnoy stranice, kotoruu pol'zovatel' otkril vo vrema
prosmotra stranic va6ego sayta. Razmestite eti ssilki v samoy verxney i
samoy nijney oblasti stranic va6ego sayta, 4tobi, dobiraas' do nix,
pol'zovatelam ne nujno bilo pereme6at'sa v samoe na4alo stranici, esli
oni prosmotreli ee po4ti do samogo konca. Naprimer, takoy podxod
ispol'zovan na sayte BBC Mobile, gde v verxney oblasti stranici
razme6ena navigacionnaa panel', ukazivau6aa poradok poslednix
navigaciy, a vnizu stranici – spisok ssilok.
3. 4etko videlayte na ekrane vibrannie pol'zovatelem elementi
Kak pravilo, u pol'zovateley mobil'nix ustroystv imeutsa
ograni4ennie vozmojnosti upravlenia kursorom. V 4astnosti, eto
proisxodit potomu, 4to pereme6enie ukazatela vniz (pri pomo6i djoystika
ili knopok) odnovremenno privodit k dvum rezul'tatam: skrollingu
stranici i videleniu aktivnix elementov na stranice – ssilok, knopok i
poley. Poetomu pol'zovatelam vsegda nujno znat', v kakoy oblasti ekrana
naxoditsa kursor i kakoy element videlen. Etogo mojno dobit'sa, izmeniv vne6niy vid vibrannogo elementa na ekrane, tem samim videliv ego na ob6em fone. Naprimer, vi mojete izmenit' 6rift i cvet fona videlennogo elementa – ssilki ili knopki.
V ka4estve otricatel'nogo primera rassmotrim mobil'niy portal O2,
gde knopki videlautsa nedostato4no 4etko. Knopka, na kotoroy naxoditsa
kursor, prosto videlaetsa goluboy ramkoy; na svetlo-golubom fone eta
ramka prakti4eski nerazli4ima. Pol'zovatelam prixoditsa pereme6at'
polojenie kursora neskol'ko raz vlevo i vpravo, poka oni ne poymut, gde
imenno naxoditsa ix kursor. E6e xuje obstoat dela s uzabiliti sayta
Thomson Local, gde pri videlenii poley vsego li6' nezna4itel'no
uveli4ivaetsa tol6ina ix granici. Ssilki na etom sayte, naprotiv,
videlautsa o4en' 4etko: cvet 6rifta i fona ssilki izmenaetsa,
kontrastirua s belim fonom samoy stranici.
4. Sdelayte vvod informacii maksimal'no udobnim dla pol'zovatela
Vezde, gde eto tol'ko vozmojno, predusmotrite vozmojnost' vibora zna4enia
iz zaranee zagotovlennogo spiska, pozvolau6iy izbejat' vvoda teksta
vru4nuu (libo predostav'te pol'zovatelam takuu vozmojnost' v ka4estve
al'ternativi ru4nomu vvodu dannix). Pol'zovateli tratat o4en' mnogo
vremeni na vvod teksta pri pomo6i standartnoy 12-knopo4noy klaviaturi
mobil'nix ustroystv; krome togo, o4en' visoka veroatnost' o6ibki pri
vvode teksta. Krome togo, pol'zovateli mobil'nix ustroystv 4asto
sokra6aut slova. Neskol'ko pravil'no podobrannix ssilok na bistro
zagrujau6ixsa stranicax mogut pomo4' re6it' etu problemu.
Na sayte Thomson Local, naprimer, nevozmojno posmotret', gde imenno
raspolojeni interesuu6ie pol'zovatela kompanii, i kakie kompanii
raspolojeni v opredelennoy mestnosti. Pol'zovateli 4asto vvodat sokra6ennie formi slov
(naprimer, ispol'zuut v ka4estve kriteria poiska tip organizacii), i
eto privodit k tomu, 4to poisk daet nevernie rezul'tati. Tak, sayt
Odeon dla pol'zovateley mobil'nix ustroystv predostavlaet pol'zovatelam
dve vozmojnosti poiska kinoteatra: oni mogut vvesti nazvanie kinoteatra
v pole poiska ili prosmatrivat' stranicu sayta, 4tobi nayti nujniy
kinoteatr. Te, kto ispol'zuet formu poiska, obi4no delaut bol'6e o6ibok
i reje dostigaut svoey celi, 4em te, kto prosmatrivaet soderjimoe
stranic: obi4no pol'zovateli mogut nayti to, 4to oni iskali, vsego li6'
6elknuv paru ssilok na stranice.
5. Pokazivayte tol'ko zna4imuu informaciu
Ekrani mobil'nix ustroystv o4en' mali,
oni sostavlaut vsego li6' nezna4itel'nuu 4ast' ot poverxnosti ekranov
monitorov stacionarnix komp'uterov. Ubedites' v tom, 4to vi mojete
identificirovat' posetiteley va6ego sayta, pol'zuu6ixsa mobil'nimi
ustroystvami, i predostavlayte im tol'ko samuu zna4imuu informaciu. V
protivnom slu4ae vajnoe soderjimoe sayta mojet okazat'sa vne pola
zrenia pol'zovateley, libo zaterat'sa sredi ostal'nogo soderjimogo
stranici.
Krome togo, prixoditsa prinimat' vo vnimanie voprosi tarifikacii
trafika: 4em bol'6e ob&em stranici, tem bol'6e pol'zovateli mobil'nix
ustroystv doljni platit' za ee prosmotr. Poetomu mnogie pol'zovateli
ispitivaut razdrajenie, kogda bivaut vinujdeni platit' za soderjimoe
sayta, kotoroe oni ne xotat videt' na svoix ekranax.
Ssilki v verxney oblasti stranic saytov BAA i Thomson Local zanimaut
bol'6oy ob&em prostranstva na ekrane i zatrudnaut poisk informacii.
Ssilki About BAA (O kompanii BAA), Help (Pomo6') i Advertise with us (Veb-masteru) takje ne nujni mobil'nim pol'zovatelam.
6. Razmestite na stranice elementi upravlenia dla navigacii
Radi ekonomii prostranstva na stranice, mobil'nie brauzeri 4asto ne
soderjat elementarnix elementov navigacii – takix, kak knopka "Nazad",
ili razvora4ivaut okno brauzera na ves' ekran pri otkritii
veb-stranici. Poetomu vsegda razme6ayte ssilku "Nazad" na kajdoy stranice, za isklu4eniem glavnoy stranici sayta.
Mobil'niy sayt, pozvolau6iy splanirovat' ekskursiu po Londonu, razmestil osnovnie ssilki dla navigacii po saytu – Next page (Na sleduu6uu), Back to results (Vernut'sa k rezul'tatam) i New journey (Noviy mar6rut) vnizu kajdoy stranici.
7. Razrabativayte dizayn stranic tak, 4tobi obespe4it' maksimum udobstva mobil'nim pol'zovatelam
Produmayte soderjanie svoego veb-sayta: obratite vnimanie na poradok razme6enia soderjimogo sayta i prover'te, pravil'no li va6 sayt otobrajaetsa na ekranax mobil'nix ustroystv.
Dizayn saytov, razrabotanniy dla bol'6ix nastol'nix PK s
gorizontal'nimi ekranami, kak pravilo, ploxo smotritsa na malen'kix
vertikal'nix ekranax mobil'nix ustroystv. Bolee togo: mobil'nie
brauzeri i transkoderi stranic obi4no soxranaut stranici v steke v
vertikal'nom formate, esli opredelaut, 4to eta stranica imeet
portretnuu orientaciu.
Kak pravilo, dla pol'zovateley mobil'nix ustroystv nujno
razrabativat' otdel'niy dizayn stranic sayta, ne ograni4ivaas'
dizaynom, prednazna4ennim dla pol'zovateley nastol'nix PK. Esli
pol'zovateli mobil'nix ustroystv sostavlaut bol'6uu 4ast' posetiteley
va6ego sayta, vam, o4evidno, nujno razrabotat' sayt tol'ko dla nix.
Sayti, razrabotannie special'no dla pol'zovateley mobil'nix ustroystv,
obespe4ivaut gorazdo bol'6uu proizvoditel'nost', 4em sayti, kotorie
razrabotani bez u4eta auditorii pol'zovateley mobil'nix ustroystv.
Tak, naprimer, sayt kompanii BAA ploxo otobrajaetsa na ekranax
mobil'nix ustroystv. Elementi stranic sme6autsa po otno6eniu drug k
drugu, i stranica ploxo vigladit v mobil'nom brauzere. Ssilka,
sostoa6aa iz odnogo slova, mojet bit' razorvana na 4 stroki, i eto
su6estvenno zatrudnaet 4tenie. I naoborot, glavnaa stranica mobil'nogo
sayta, pozvolau6ego splanirovat' ekskursiu po gorodu, soderjit prosto
ssilki, udobno sgruppirovannie po razli4nim kategoriam. Posetiteli
sayta s4itaut takoy dizayn prostim i udobnim.
Kratkoe rezume
Ne prenebregayte va6ey segodna6ney i potencial'noy budu6ey
auditoriey, sostoa6ey iz pol'zovateley mobil'nix ustroystv.
Vospol'zuytes' sovetami, privedennimi v etoy stat'e, i ne zabud'te
provesti uzabiliti-testirovanie va6ego sayta na mobil'nix ustroystvax.
V processe uzabiliti-testirovania vsegda viavlautsa nedostatki, kotorie
nevozmojno predvidet' zaranee, daje esli vi budete sledovat'
ob6eprinatim pravilam pri razrabotke dizayna va6ego sayta.
(Opublikovano na sayte www.webcredible.co.uk) upa.org.ru/UsabilityBulletin-15.aspx?EntryID=707