Uzabiliti: Pravila, psixologia, termini

Professional'niy veb-razrabot4ik, doljen bit' advokatom posetitela sayta, za6i6at' ego interesi i garantirovat', 4to nezavisimo ot slojnosti sayta, pol'zovatel' vsegda smojet nayti to, 4to emu nujno. 4tobi uspe6no vipolnat' eti zada4i vi doljni umet' effektivno za6i6at' svoi idei i re6enia v diskussiax s klientami i kollegami. Va6a rabota v tom, 4tobi korrektirovat' ploxie idei i nevernie koncepcii, a ne slepo sledovat' im.

Kone4no, dla etogo vajno glubokoe ponimanie fundamental'nix principov uzabiliti, no 4tobi ssilat'sa na nix v obsujdenii stol' je vajno znat', kak nazivautsa eti koncepcii. Bolee togo, ispol'zovanie to4nix opredeleniy mojet pomo4' otstoat' svou to4ku zrenia v diskussii.

Pravila i principi uzabiliti

Pravilo 7±2

Vozmojnosti mozga po obrabotke informacii ne bezgrani4ni, v sootvetstvii s rezul'tatami issledovania Djordja Millera kratkovremennaa pamat' mojet odnovremenno soderjat' ot 5 do 9 su6nostey. Etot fakt 4asto ispol'zuetsa, pri obosnovanii neobxodimosti sokratit' koli4estvo elementov v navigacionnix menu do 7, 4to vizivaet gora4ie debati, poskol'ku ne sovsem asno kak eto pravilo doljno primenat'sa v veb. [Miller’s studies]

Pravilo 2-x sekund

Zaklu4aetsa v tom, 4to pol'zovatel' ne doljen jdat' luboy reakcii sistemi, k primeru, zapuska ili pereklu4enia prilojenia, bolee 2-x sekund. Zna4enie 2 sekundi vibrano proizvol'no, no kajetsa dostato4no podxoda6im. V ob6em slu4ae, 4em men'6e jdet pol'zovatel', tem lu46e.

Pravilo 3-x klikov

Pol'zovatel' ne budet v vostorge ot ispol'zovania sayta, esli on ne mojet nayti neobxodimuu emu informaciu za tri klika mi6koy. Drugimi slovami eto pravilo pod4erkivaet vajnost' ponatnoy i prostoy navigacii. Vo mnogix slu4aax vajno ne stol'ko koli4estvo neobxodimix klikov, skol'ko ob6aa ponatnost' sistemi, daje 10 klikov ne problema, esli na kajdom etape pol'zovatel' 4etko predstavlaet, gde on i kuda doljen dvigat'sa dal'6e.

Pravilo 80/20 (Princip Pareto)

Zaklu4aetsa v tom, 4to 80% effekta polu4aetsa v rezul'tate 20% deystviy. V biznese eto pravilo 4asto primenaetsa v vide: «80% prodaj prixoditsa na 20% klientov». V veb-dizayne i uzabiliti eto pravilo rabotaet ne menee effektivno. K primeru, zna4itel'no ulu46it' otda4u sayta mojno opredeliv 20% pol'zovateley, zakaz4ikov, deystviy, produktov ili processov kotorie daut 80% pribili i obrativ na nix osoboe vnimanie pri razrabotke.

Vosem' zolotix pravil dla razrabot4ikov interfeysov

V rezul'tate issledovaniy vzaimodeystvia 4eloveka i komp'utera Ben 6neyderman sostavil nabor pravil, kotorie mogut bit' ispol'zovani pri razrabotke mnogix tipov interfeysov. Eti principi aktual'ni kak dla razrabot4ikov interfeysov, tak i dla veb-dizaynerov.

1. Stremites' k logi4nosti
2. Dla opitnix pol'zovateley doljen bit' bistriy sposob (sokra6enia, gora4ie klavi6i, makrosi)
3. Doljna bit' informativnaa obratnaa svaz'
4. Dialog doljen bit' zakon4ennim
5. Obrabotka o6ibok doljna bit' prostoy
6. Doljen bit' prostoy sposob otmeni deystviy
7. Pol'zovatel' doljen 4uvstvovat', 4to vse pod ego kontrolem
8. Kak mojno men'6e zagrujayte kratkovremennuu pamat'

Podrobnee o pravilax 6neydermana mojno uznat' iz Wikipedia: Shneiderman’s rules for design.

Pravilo Fittsa

Opublikovannaa Paulem Fittsom v 1954 godu model' dvijeniy 4eloveka, opredelaet vrema neobxodimoe dla bistrogo pereme6enia v celevuu zonu, kak funkciu ot rasstoania do celi i razmera celi. Obi4no eto pravilo ispol'zuetsa pri rassmotrenii dvijenia mi6'u ot to4ki A k to4ke B. Eto mojet bit' vajno pri razme6enii elementov, koli4estvo klikov na kotorie jelatel'no uveli4it'.

Perevernutaa piramida

Perevernutaa piramida eto stil' napisania, pri kotorom osnovnaa misl' predstavlena v na4ale stat'i. Stat'a na4inaetsa s vivoda, za kotorim sleduut klu4evie momenti, a zaver6aetsa naimenee vajnoy informaciey. Pol'zovateli xotat polu4at' informaciu kak mojno bistree, poetomu perevernutaa piramida kak nel'za lu46e podxodit dla veb, takogo je mnenia priderjivaetsa i guru uzabiliti Akob Nil'sen.

Udovletvorennost'

Pol'zovateli ne vibiraut optimal'niy put' v poiskax neobxodimoy informacii. Im ne nujno samoe lu46ee i nadejnoe re6enie, naprotiv, 4asto oni gotovi udovletvorit'sa bistrim i ne samim lu46im re6eniem, kotoroe budet «vpolne priemlemim». Primenitel'no k veb, udovletvorennost' opisivaetsa imenno etim slu4aem: pol'zovat' polu4il «vpolne priemlemoe» re6enie problemi — daje esli al'ternativnie re6enia polnee pokrivaut ego trebovania na dlitel'niy srok.

Psixologia v uzabiliti

Sindrom utenka (Baby-Duck-Syndrome)

Obi4no pol'zovateli privazivautsa k pervomu, izu4ennomu imi dizaynu, i sudat ostal'nie po tomu, naskol'ko oni na nego poxoji. V rezul'tate pol'zovateli predpo4itaut sistemi poxojie na te, kotorie oni znaut i ne o4en' lubat ostal'nie. Eta problema 4asto voznikaet pri redizayne, pol'zovateli, privik6ie k predidu6ey versii dizayna, v novoy strukture sayta 4uvstvuut seba ne komfortno.

Bannernaa slepota

Pol'zovateli ignoriruut vse, 4to poxoje na reklamu, i 4to interesno, delaut eto ves'ma effektivno. Xota reklamu zame4aut, ee vse ravno vsegda ignoriruut⁶. U pol'zovateley virabotani dovol'no taki 4etkie sxemi, kotorim oni sleduut, vipolnaa v veb razli4nie deystvia, v poiskax neobxodimoy informacii oni fokusiruut vnimanie na tex 4astax stranici, gde eta informacia mojet bit' raspolojena, na osnovnom tekste i giperssilkax. Bol'6ie, kraso4nie, animirovannie banneri v etom slu4ae polnost'u ignoriruutsa.

Isto4nik: Banner Blindness: Old and New Findings
Perevod: Pol'zovateli ne vidat bannerov

Effekt neopredelennosti (Effekt Zeygarnik)

4elovek ne terpit neopredelennosti, mi staraemsa nayti otveti na voznikau6ie voprosi, pri4em kak mojno skoree. Effekt neopredelennosti osnovan imenno na etoy osobennosti povedenia ludey. Video roliki, stat'i i sujeti, ispol'zuu6ie effekt neopredelennosti obi4no zakan4ivautsa vnezapno, ne razre6aa slojnuu situaciu i ne otve4aa na voznikau6ie voprosi. Etot effekt 4asto ispol'zuetsa v reklame, zadavaa posetitelam interesnie i provokacionnie voprosi reklam6iki 4asto prinujdaut k 4teniu materiala ili kliku na ssilke.

Obnarujenniy Blumoy Zeygarnik v 1927 godu, effekt pomogaet ustanovit' emocional'nuu svaz' s 4itatelem i neveroatno effektiven v marketinge. 4itateli lu46e zapomnat, o 4em bila reklama, i daje melkie detali budut zapomneni bolee 4etko i to4no. Effekt Zeygarnik ispol'zuetsa i pri napisanii tekstov dla veb, 4tobi privle4' i zainteresovat' posetiteley.

Ge6tal't principi vospriatia form

Eto fundamental'nie pravila 4elove4eskoy psixologii v kontekste dizayna interfeysov 4elovek-komp'uter.

Zakon blizosti utverjdaet, 4to kogda mi vidim nabor ob&ektov, ob&ekti raspolojennie blije drug k drugu mi raspoznaem kak gruppu.

Real'niy primer deystvia zakona blizosti c MTV Music Awards 2002. Isto4nik.

Zakon sxodstva utverjdaet, 4to sxodnie ob&ekti 4elovek podsoznatel'no gruppiruet.

The Law of Prägnanz utverjdaet, 4to odni i tot je ob&ekt mojet igrat' vajnuu rol' v odnom vizual'nom pole i bit' 4ast' fona v drugom.

V logotipe Macintosh mojno razgladet' kak obi4no s4astlivoe lico, tak i s4astlivoe lico v profil'. Isto4nik.

Zakon simmetrii utverjdaet, 4to mi sklonni vosprinimat' simmetri4nie ob&ekti kak odin ob&ekt.

Zakon smikania utverjdaet, 4to ludi sklonni ob&edinat' ob&ekti kotorie na samom dele edinimi ne avlautsa.

V logotipe IBM mi vidim bukvi I, B, M xota na samom dele tam est' tol'ko linii razli4noy dlini. Isto4nik.

Podrobnee eta tema raskrita v stat'e Gestalt principles of form perception.

The Self-Reference Effect

Etot effekt osobenno vajen pri sozdanii tekstov dla veb, poskol'ku mojet zna4itel'no ulu46it' svaz' mejdu avtorom i 4itatelem. Ve6i, svazannie s na6im sobstvennim opitom, mi zapominaem lu46e, 4em te kotorie s nami ne svazani. K primeru, posle pro4tenia stat'i ludi lu46e zapominaut personajey, istorii ili fakti s kotorimi oni bili kak-to svazanni.

Termini i koncepcii

Otslejivanie vzglada (Eye-Tracking)

Otslejivaa dvijenie glaz mojno opredelit', kuda smotrit pol'zovatel', su6estvuut metodi, pozvolau6ie, nabludaa za kajdim dvijeniem glaza, opredelit' oblasti kotorie privlekaut ego naibol'6ee vnimanie. Issledovania v etoy oblasti pozvolaut delat' vivodi o tom, naskol'ko komfortabel'no 4uvstvuut seba pol'zovateli na sayte i kak bistro oni mogut ponat' ego strukturu. Nekotorie interesnie fakti, viavlennie v processe issledovaniy mojno nayti na Eyetrack07.

Primer rezul'tata otslejivania vzglada. Isto4nik.

Sgib (Fold)

Sgib eto linia, proxoda6aa na urovne nijney granici okna brauzera, vse raspolojennie nije nee elementi stranici ne vidni bez prokrutki. Uroven' etoy linii zavisit ot razre6enia monitora posetitela. Na elementi raspolojennie vi6e sgiba obi4no prixoditsa bol'6e klikov i vnimania pol'zovateley, i kak sledstvie bol'6e pribili, no su6estvuut i protivopolojnie mnenia. [Usability.gov]

Podskazki (Gloss)

Podskazki k ssilkam mojno dobavit' s pomo6' atributa title. To4noe opisanie vsex vnutrennix i vne6nix ssilok s pomo6'u informativnix podskazok i teksta ssilki mojet ulu46it' uzabiliti veb-sayta.

Graceful Degradation, Fault-tolerance

Svoystvo sayta otobrajat' kontent i soxranat' bazoviy funkcional, daje esli nekotorie ego komponenti ne mogut bit' otobrajeni ili ispol'zovani. Na praktike eto ozna4aet, 4to kontent veb sayta doljen bit' dostupen pri lubix vozmojnix o6ibkax, v lubom brauzere i operacionnoy sisteme

Granularity

Stepen' razdelenia bol'6ogo ob&ema slojnix dannix na nebol'6ie moduli.

Hotspot

Klikabel'naa oblast' sayta menau6aa svoe oformlenie posle klika na nee. Eto xarakterno dla :focus-effektov posle klika na ssilku ili drugoy element sayta.

Hotspot i gloss na Smashingmagazine.com

Razbor4ivost' (Legibility)

Vizual'naa razbor4ivost' teksta.

Minesweeping

Nezametnost' ssilok na sayte mojet privodit' k tomu, 4to pol'zovatelu pridetsa vodit' kursor nad stranicey, 4tobi obnarujit' ssilki po izmeneniu ego vida. V bol'6instve slu4aev eto 4etkiy signal o problemax uzabiliti.

Misti4eskaa navigacia (Mystery-Meat Navigation, MMN)

Etot termin ispol'zuetsa dla obozna4enia navigacii, v kotoroy pol'zovatelu trudno ponat' nazna4enie giperssilok ili voob6e nayti ix.

Logi4nost' (Physical consistency)

Logi4nost' vne6nego oformlenia sayta — polojenia logotipa, navigacii, ispol'zovanie grafi4eskix elementov i tipografiki. Logi4nost' o4en' sil'no vliaet na udobstvo navigacii po saytu.

Progressivnoe ulu46enie (Progressive Enhancement, PE)

Strategia razrabotki, pri kotoroy bazoviy funkcional sayta dostupen iz vsex brauzerov, a dla pol'zovateley sovremennix brauzerov predusmotreni dopolnitel'nie vozmojnosti. Osnovnoe preimu6estvo takogo podxoda v tom, 4to on pozvolaet sozdavat' sayti udobnie dla pol'zovateley s medlennimi soedineniami ili starimi brauzerami, pri etom predostavlaa dopolnitel'nie vozmojnosti dla pol'zovateley so skorostnimi soedineniami i sovremennimi brauzerami. [Wikipedia]

4itabel'nost' (Readability)

Obozna4aet uroven' ponatnosti smisla teksta, zavisit ot slojnosti predlojeniy i ispol'zuemix terminov. Obi4no izmeraetsa urovnem obrazovania neobxodimogo 4itatelu, 4tobi ponat' tekst. 4itabel'nost' i razbor4ivost' — ponatia raznie. [Usability Glossary]

Dizayn orientirovanniy na pol'zovatela (User-centered design, UCD)

Strategia dizayna, v kotoroy pol'zovateli, ix nujdi, interesi i povedenie avlautsa osnovoy pri razrabotke strukturi sayta, navigacii i poda4e informacii. Takoy podxod stal standartom dla sovremennix veb-prilojeniy, osobenno v svete rassveta prilojeniy ispol'zuu6ix kontent generiruemiy pol'zovatelami. V Veb 2.0 pol'zovateley nujno motivirovat' k sozdaniu kontenta i drugoy aktivnosti, pri etom rabota s servisom doljna vizivat' minimum zatrudneniy i bit' maksimal'no udobnoy.

Bditel'nost' (Vigilance, sustained attention)

Sposobnost' soxranat' vnimatel'nost' pri vipolnenii dlitel'nix, monotonnix zada4, takix kak proverka teksta na nali4ie o6ibok, zapominanie vstre4 i dogovorennostey, soxranenie dokumentov vo vrema raboti. V sovremennix veb-prilojeniax, takie zada4i vipolnautsa avtomati4eski, tem samim povi6aa udobstvo servisov.

Walk-Up-And-Use Design

Intuitivno ponatniy dizayn, kotoriy posetiteli, ispol'zuu6ie ego v perviy raz ili kotorim on ponadobit'sa tol'ko odnajdi mogli effektivno ispol'zovat' ego bez predvaritel'nogo obu4enia ili instrukciy.

Wireframe

Skelet sayta, kotoriy otrajaet idei koncepcii i strukturu budu6ego sayta. Mojet bit' predstavlen v vide prezentacii demonstriruu6ey zakaz4ikam, osobennosti komponovki i funkcional'nosti sayta, a takje vozmojnie scenarii vipolnenia pol'zovatelami ix zada4. Obi4no skelet ne soderjit vizual'nix elementov ili gotovoy razmetki sayta, no vozmojno v nego budut vklu4eni 4ernoviki ili sket4i. Primer. [Glossary, Wikipedia: Wireframes ]

Ineteresno bilo bi uvidet' v kommentariax va6i varianti perevoda etix terminov, dla nekotorix a ne na6el ni4ego podxoda6ego.