|
АБРАКАДАБРА (Тоже самое но в читаемом виде)
Vvedenie v zakon FittsaGotovas' k redizaynu i peresmotru sayta http://wufoo.com, a posvatil nekotoroe vrema povtornomu izu4eniu osnov vzaimodeystvia 4eloveka i komp'utera, v nadejde vobrat' 4to-to novoe, 4to nakopilos' za desatiletia issledovaniy v oblasti sozdania prostix interfeysov. Pervoe, 4to mena udivilo na etom puti — eto to, 4to material po dannoy teme bil krayne sjat i avno orientirovalsa na matematikov, poskol'ku bil napisan na azike akademi4eskoy eliti. Mojno predpolojit', 4to esli bi oni xoteli proizvesti vpe4atlenie (osobenno na dizaynerov), oni mogli bi napisat' dokumenti, bolee lёgkie dla vospriatia.
Vspominaa 6kolu, a otmetil, 4to li6' vo vrema izu4enia fiziki matematika priobrela dla mena nekiy smisl. Vmesto abstraktnix funkciy mne bili nujni grafiki. Razmi6laa v takom klu4e a podumal, 4to bilo bi neploxo dat' nagladnuu interpretaciu zakonu Fittsa — kraeugol'nomu kamnu proektirovania 4eloveko-ma6innix interfeysov, i ob&asnit' kak ego koncepciu, tak i to, po4emu eti idei 4ut' bolee slojni, 4em mnogim bi togo xotelos'
Matematika o4evidnogo
Opublikovanniy v 1954 godu zakon Fittsa — eto effektivniy metod modelirovania specifi4noy, i vmeste s tem o4en' rasprostranёnnoy situacii, voznikau6ey pri razrabotke interfeysov. Eta situacia vklu4aet v seba ob&ekt, upravlaemiy 4elovekom (bud' to fizi4eskiy, v vide pal'ca, ili virtual'niy, kak kursor mi6i) i celi, raspolojennoy gde-to e6ё. Imenno etu situaciu illustriruet pervaa diagramma:
Matemati4eski zakon Fittsa mojno zapisat' tak:
T = a + b log2(D/W + 1),
gde T — srednee vrema, zatra4ivaemoe na sover6enie deystvia, a — vrema zapuska/ostanovki ustroystva, b — veli4ina, zavisa6aa ot tipi4noy skorosti ustroystva, D — distancia ot to4ki starta do centra ob&ekta, W — 6irina ob&ekta, izmerennaa vdol' osi dvijenia.
Glavnim obrazom eto ozna4aet, 4to vrema, zatra4ivaemoe na dostijenie celi, avlaetsa funkciey rasstoania i razmera celi. Na perviy vzglad eto kajetsa o4evidnim: 4em dal'6e mi ot celi i 4em men'6e ona po razmeru, tem bol'6e vremeni potrebuetsa dla pozicionirovania. Tom Stefford razvivaet etu misl':
«Xota osnovnoy posil i o4eviden (bol'6ie ve6i leg4e vibrat'), to4naa matemati4eskaa xarakteristika vpe4atlaet, tak kak vklu4aet v seba logarifmi4eskuu funkciu, a eto ozna4aet, 4to vzaimosvaz' mejdu razmerom i vremenem reakcii takova, 4to nebol'6oe uveli4enie razmerov malix ob&ektov pozvolaet ix leg4e videlat' (togda kak nebol'6oe izmenenie razmerov bol'6ix ob&ektov uje ne imeet zna4enia). To je samoe kasaetsa i distancii do celi»
Perexoda k real'nomu miru, mojno skazat', 4to gorazdo leg4e ukazat' na monetu, 4em na vesnu6ku, a vot pokazat' na dom ili na jiloy kompleks — uje prakti4eski bez raznici. Takim obrazom, kogda vi v o4erednoy raz budete optimizirovat' svoy veb sayt po zakonu Fittsa, zapomnite, 4to esli ssilka uje nemalen'kaa, to dal'ney6ee eё uveli4enie skorost' dostupa k ney ne uveli4it. Vmeste s tem, daje nebol'6oe uveli4enie razmera malen'kix ssilok uje imeet zna4enie.
Zakon Fittsa kasaetsa liniy!
Jelaa izvle4' prakti4eskiy urok iz uravnenia Fittsa, dizayneri interfeysov viveli neskol'ko pravil prakti4eskogo primenenia odnogo iz nemnogix zakonov vzaimodeystvia 4eloveka i komp'utera. Odno iz pravil nazivaetsa
Pravilo razmera celi
Ono so4etaet v sebe idei, privoda6ie zakon Fittsa i zakon Xika (o kotorom re4' poydёt v drugoy raz) k utverjdeniu, 4to razmer knopki doljen bit' proporcionalen 4astote eё ispol'zovania. Brus Tognaccini, guru interfeysov iz Apple, daje razrabotal velikolepnuu viktorinu, 4tobi ob&asnit', kak zakon Fittsa mojet bit' ispol'zovan dla razrabotki pravil, radikal'no ulu46au6ix interfeysi operacionnix sistem.
Pered tem, kak vi poydёte i stanete slepo primenat' eti pravila v svoix prilojeniax, mne bi xotelos' napomnit', 4to zakon Fittsa opisivaet o4en' specifi4eskuu situaciu. On ottalkivaetsa ot predpolojenia, 4to dvijenie iz startovoy to4ki avlaetsa 4etkim i napravlennim, a eto podrazumevaet strogo zadannuu i pramuu traektoriu (na4inau6uusa s visokoy na4al'noy skorost'u, kak esli bi drugie celi otsutstvovali, i vi to4no znali, kuda vam nujno). Takje a videl, 4to mnogie ludi, dumaut, 4to zakon Fittsa opisivaet sleduu6uu situaciu:
Odnako v vi6eprivedёnnom uravnenii net veli4ini, sootvetstvuu6ey visote celi, v nego vxodit li6' 6irina! Takim obrazom, raz uj mi zaveli re4' ob ograni4eniax zakona Fittsa primenitel'no k interfeysam, mojno skazat', 4to on opisivaet odnomernuu situaciu. V original'nix eksperimentax Fittsa izu4alas' proizvoditel'nost' 4eloveka pri vipolnenii gorizontal'nix dvijeniy k celi. I amplituda dvijeniy, i 6irina okon4atel'noy oblasti izmeralis' vdol' odnix i tex je osey, 4to ozna4aet, 4to model', opisivau6aa zakon, skoree vigladit tak:
Takim obrazom, stroa optimizaciu razmera po zakonu Fittsa, mojno predpolojit', 4to vertikal'nie i diagonal'nie dvijenia opisivautsa temi je samimi uravneniami. Pri etom polu4itsa, 4to lёgkost', s kotoroy mojno ukazat' na otdel'nuu cel', na samom dele zavisit ot vzaimnogo raspolojenia to4ki starta i celi.
V vi6eprivedёnnom primere kursor sprava, blagodara bol'6ey 6irine, texni4eski naxoditsa v bolee blagopriatnoy situacii dla popadania v cel', nejeli v situacii sleva. Zamet'te, 4to zakon Fittsa budet takje xoro6o rabotat' i dla kruglix celey, poskol'ku rasstoanie do centra budet odinakovim dla lubix uglov. Odnako zakon stanovitsa menee to4nim dla pramougol'nix i bolee slojnix ob&ektov. V sleduu6em primere mi sdelaem dve popitki optimizirovat' oblast' ssilki putёm uveli4enia razmerov pramougol'nika.
V pervom slu4aa mi uveli4ili 6irinu celevogo pramougol'nika, a vo vtorom — visotu. Kak mojno zametit', dla dannoy to4ki starta ne vse uveli4enia razmera vozimeli effekt v vide bolee lёgkogo popadania v cel', 4to mojet bit' su6estvennim dla veb dizaynerov, rabotau6ix s ispol'zovaniem CSS i Box Model.
Pozicionirovanie fizi4eskoe i virtual'noe
S momenta publikacii raboti Fittsa bili vipolneni sotni proizvodnix eksperimentov. Odna interesnaa rabota bila provedena v 1996 Evanom Gremom i Kristin MakKenzi, v kotoroy analizirovalos' razli4ie mejdu pozicionirovaniem ob&ektov v real'nom i virtual'nom mire. V ney pokazano, 4to dvijenie iz startovoy to4ki v celevuu oblast' mojet bit' razdeleno na dve 4asti: na4al'nuu visokoskorostnuu fazu, i fazu zamedlenia.
V dannom issledovanii avtori pri6li k vivodu, 4to na pervuu fazu vliaet preimu6estvenno rasstoanie do celi. Ni mas6tab izobrajenia, ni razmer ob&ekta ne uskorat priblijenie k celi (ssilki bol'6ego razmera ne uveli4at skorost' dvijenia). Edinstvennaa faza, kotoraa vliaet na vrema vibora nebol'6ix ob&ektov pri odinakovix rasstoaniax — eto faza zamedlenia. A vot teper' interesnoe:
«Razli4ie mejdu virtual'nim i fizi4eskim otobrajeniem proavlaetsa tol'ko na vtoroy faze dvijenia, kogda vizual'noe upravlenie zamedleniem k nebol'6im celam — eto virtual'naa zada4a, zanimau6aa bol'6e vremeni, 4em fizi4eskaa»
Pro6e govora, na ssilki i knopki na ekrane pro6e najat' pal'cem, a ne mi6'u. I problema s mi6'u upiraetsa ne v eё sposobnosti popast' v cel', a v na6u sposobnost' to4no zamedlit'sa. Apple, na tvoi monitori s mul'tita4em vsa nadejda.
Pravilo beskone4noy granici
Iz nego sleduet, 4to monitori komp'uterov daut o4en' interesniy pobo4niy effekt iz modeli vibora celi po Fittsu, poskol'ku u nix est' ne4to, nazivaemoe «kraami». Djeff Atvud, avtor knigi Ujas kodirovania, deystvitel'no ob&asnil eto prakti4eski velikolepno v svoey pro6logodney stat'e Zakon Fittsa i beskone4naa 6irina.
Poskol'ku ukazatel'noe ustroystvo mojet uxodit' skol' ugodno daleko v lubom napravlenii, celi po kraam ekrana na dele avlautsa celami s beskone4noy 6irinoy, kak eto pokazano nije.
Dla operacionnoy sistemi i lubogo polnoekrannogo prilojenia eti granici obi4no rassmatrivautsa kak naibolee cennoe mesto, poskol'ku texni4eski oni naibolee dostupni. Ne tol'ko potomu, 4to u nix beskone4naa 6irina, no takje i potomu, 4to oni ne trebuut ot pol'zovatela fazi tormojenia pri ix dostijenii. Vot po4emu tak neveroatno prosto i intuitivno nazna4it' deystvia vrode navigacii mejdu oknami na ugli ekrana (kak eto sdelano v Compiz Fusion — prim. per.)
K sojaleniu, veb-prilojenia li6eni preimu6estv, kotorie daёt Pravilo beskone4nix granic. Imea ograni4enie v vide neobxodimosti zapuska v okne brauzera s granicami, raspolojenie knopok i ssilok po kraam i uglam ne predstavlaet osobogo interesa s to4ki zrenia zakona Fittsa, esli tol'ko brauzer ne zapu6en v polnoekrannom rejime, 4to bolee xarakterno, pojaluy, li6' dla veb-kioskov.
Eto takje ob&asnaet, po4emu interfeysi operacionnix sistem na baze veb-texnologiy nikogda ne budut tak je xoro6i kak te, 4to ispol'zuut preimu6estva vsey plo6adi monitora.
Fitts po-prejnemu rulit!
Neskol'ko vi6eupomanutix ograni4eniy zakona Fittsa sover6enno ne povod, 4tobi vibrosit' ego v okno. A li6' xotel pokazat', 4to diskussii vokrug nego ne utixaut i po sey den', kak i 50 let nazad. I kol' skoro on ne mojet texni4eski to4no opisat' bol'6instvo situaciy v oblasti interfeysov — ludi ne vsegda uverenno dvijutsa k celi, mi ne ispol'zuem pramix traektoriy, obi4no est' neskol'ko celey, 4to mojet privodit' k zame6atel'stvu i tak dalee — ne poxoje, 4tobi zna4itel'no bolee to4nie modeli, u4itivau6ie mnogie drugie faktori, mogli izmenit' fundamental'nie istini, leja6ie v osnove zakona Fittsa.
«Bilo pokazano, 4to zakon Fittsa primenim ko mnojestvu slu4aev, vklu4aa razli4nie kone4nosti (ruki, nogi, detektori vzglada), manipulatori, fizi4eskie sredi (vklu4aa podvodnuu) i gruppi pol'zovateley (molodie, starie, ludi s zamedlennoy reakciey i daje pod vozdeystviem narkotikov)»
V zaklu4enie, glavnaa idea, kotoruu mne bi xotelos', 4tobi vinesli dizayneri — eto to, 4to zada4a razrabotki dizayna prilojeniy stol' slojna i nasi6enna, vklu4aet v seba takoe bol'6oe koli4estvo peremennix, 4to sleduet s ostorojnost'u otnosit'sa k vseob&emlu6emu primeneniu zakona Fittsa. S uveli4eniem razmerov monitorov, rostom popularnosti sposobov uveli4it' uskorenie mi6i, a takje texnologiy prolistivania na bol'6ix ekranax, interesno budet uvidet', kak razrabot4iki programmnogo obespe4enia smogut izvle4' iz etogo pol'zu i uveli4it' vozmojnost' bistro preodolevat' bol'6ie distancii.
http://habrahabr.ru/blog/ui_design_and_usability/40255.html#habracut |
