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

Nekotorimi izmoix lubimix saytov sinterfeysami vstile ras6irennix veb-prilojeniy avlautsa:

• Flickr
• Google Maps
• Basecamp
• Backpack
• Odeo
• Gap

Mnogie iznix postroeni naFlash ili sispol'zovaniem Ajax texnologiy.

Klu4evimi otli4itel'nimi priznakami etix prilojeniy avlautsa:

• Pol'zovatel' pramo vzaimodeystvuet selementami stranici (redaktirovanie nameste, drag-and-drop (zaxvat isdvig geografi4eskoy karti).
• Obnovlaetsa 4ast' stranici (vmesto perezagruzki celikom).
• Uto4nau6aa informacia dostupna natoyje samoy stranice (vmesto eerazme6enia nanovoy stranice).
• Ob6enie spol'zovatelami, soob6enia dla podtverjdeniy io6ibok, predostavlautsa vsamoy stranice.

Eti priznaki bogatogo nabora svoystv takje avlautsa temi priznakami, kotorie predstavlaut izseba samuu bol'6uu trudnost' dla proektirov6ikov, kotorie jelaut obespe4it' visokoe udobstvo ispol'zovania prilojeniy.

Vo prema proektirovania ras6irennix veb-prilojeniy, poavlaetsa isku6enie «na6pigovat'» proekt izli6ney «ras6irennost'u». Nepoddavaytes' etomu isku6eniu! Obi4nie ludi, kotorie uje ispol'zovali Internet neskol'ko let, 4uvstvuut seba uutno pri su6estvuu6ey modeli, kotoraa osnovana naperexodax pootdel'nim stranicam, iograni4ennom vzaimodeystvii, xota eto mojet kazat'sa neuklujim dizayneram irazrabot4ikam. Ludam nujno vrema, 4tobi prisposobit'sa knovim usloviam. Proydet nekotoroe vrema, prejde 4em budet dostignuto soglasie, ipol'zovateli budut 4uvstvovat' seba uutno inovoy srede. Dvigaytes' medlenno, dobavlaa novoe li6' tam, gde ono zna4itel'no ulu46aet udobstvo ispol'zovania, iras4itivaa natradicionnie modeli tam, gde oni lu46e podxodat bol'6e.

Xoro6ee izu4enie pol'zovatela (ifokusirovka vnimania napol'zovatelax vovrema vsego processa proektirovania) iregularnoe ispitanie udobstva ispol'zovania pomogut Vam opredelit' umestnost' interaktivnix elementov.

4tobi dobavit' elementi interaktivnosti prilojeniu, mojno naprimer pozvolit' pol'zovatelam pramo vzaimodeystvovat' selementami stranici: redaktirovanie teksta nameste, peretaskivanie ivstavka grafi4eskix elementov, zaxvat isdvig geografi4eskoy karti.

Osnovnaa trudnost' vtom, 4tobi ob&asnit', 4to mojno delat' selementami stranic, ikak ispol'zovat' novie elementi upravlenia. Ludi doljni bit' sposobni uznat', 4to element upravlenia su6estvuet, ilegko opredelit', kak ego ispol'zovat'.

V knigeProektirovanie ejednevnix ve6ey (The Design ofEveryday Things), Don Norman (Don Norman) popularizoval ideu4uvstvuemogo nazna4enia (perceived affordance)(4uvstvuemie ideystvitel'nie svoystva ve6i, kotorie opredelaut, kak ve6' mojno ispol'zovat'). Naprimer, uobi4noy trexmernoy knopki xoro6ee 4uvstvuemoe nazna4enie. Esli videlat' svetom verx izatenat' niz, toludi 4uvstvuut, 4to knopka kak budto vistupaet izekrana, ilegko ponimaut, 4to ona mojet bit' najata 6el4kom mi6i.

Odnim izsposobov avlaetsa ispol'zovanie elementov upravlenia, kotorie poxoji nave6i, znakomie ludam po nastoa6emu miru, takie kak polzunok nasayteFidelity Labs Ipote4niy Poisk (Fidelity Labs Mortgage Search).

years = godi
How long you will live there = Kak dolgo Vi tam budete jit'
Down payment = Oplata srazu

Drugim sposobom avlaetsa izmenenie vida elementa, ili pokaz ego elementov upravlenia, kogda ukazatel' mi6i navisaet nad nim, ukazivaa, 4to mojno delat' bez zaxlamlenia interfeysa. Sayt Backpack ispol'zuet eto, 4tobi videlat' elementi, kotorie mojno redaktirovat' ili uni4tojit'.

Lists = Spiski
start to prepare bed for beside the house = na4at' podgotovku gradki radom s domom
Plant shrubs bought last weekend = Posadit' kusti, kotorie kupleni v pro6lie vixodnie
Plant next set of seeds = Posadit' sleduu6uu porciu seman
Get straw = Polu4it' solomu
Edit = Redaktirovat'
Add item = Dobavit' element
Reorder = Pereuporado4it'

V dopolnenie kobespe4ivaniu togo, 4to uVa6ix elementov upravlenia doljno bit' xoro6ee 4uvstvuemoe nazna4enie, Vam bilobi polezno:

• Pomnit', kak vajno bivaet pokazat'. Pri vnedrenii novogo interfeysa, ispol'zuyte malen'koe obu4au6ee video vstranicax, 4tobi pokazat' vzaimodeystvie.
• Obespe4it', 4tobi elementi upravlenia imodeli vzaimodeystvia ispol'zovalis' odinakovo vovsem interfeyse, ibili poxoji nadrugie sayti, kotorie pose6aut Va6i pol'zovateli. Eto pomogaet ludam legko ponat', 4to delat', irasti naosnove su6estvuu6ego opita.

Est' zna4itel'noe preimu6estvo vobnovlenii 4asti stranici vmesto eeperezagruzki ili otkritia novoy stranici. Eto pozvolaetnam sozdavat' bolee bistrie prilojenia, ulu46at' ob6enie spol'zovatelem, ilu46e obrabativat' o6ibki. Obrabotka o6ibok iob6enie o4en' vajni dla ulu46enia udobstva ispol'zovania, noeto osobenno trudno delat' smodel'u, kotoraa osnovana naperexodax postranicam. Pol'zovateli privikli ktomu, 4to nujno sna4ala predprinat' deystvie (takoe kak 6elkanie polinku), podojdat' vipolnenia deystvia, iproverit' rezul'tat deystvia.

Klu4evaa trudnost' vproektirovanii besperezagruzo4nix obnovleniy stranic— eto obespe4ivanie togo, 4to ludi ixvidat. Mimojem ispol'zovat' to,4to znaem ozritel'nom vnimanii izritel'noy obrabotke, 4tobi obespe4it' to,4to ludi budut videt', 4to 4ast' stranici obnovili:

• Zritel'noe vnimanie pritagivaetsa dvijeniem ivisokim cvetovim kontrastom (poetomu arkie animirovannie reklamnie kartinki tak otvlekaut— na6i glaza postoanno knim pritagivautsa). Mimojem ispol'zovat' eto dlaseba, iprivle4' glaz kobnovlennoy 4asti stranici.
• Kogda mipredprinimaem deystvie, takoe kak 6el4ok poknopke, na6i glaza korotkoe vrema prodoljaut smotret' naetu to4ku, potom osvobojdautsa, 4tobi posmotret' kuda-libo vdrugoe mesto. Staraas' vipolnit' izmenenia bistro, itak blizko kak vozmojno kmestu, kuda oni smotrat, mimojem privele4enie vnimania kjelaemomu mestu.
• Zritel'noe vnimanie mojet bit' odnovremenno sosredoto4eno tol'ko naodnoy ve6i. Delayte odno obnovlenie zaodin raz, ineispol'zuyte dviju6iesa kartinki visokogo kontrasta vdrugix mestax nastranice. Sayt 37Signals bil odnim izpervix, kotorie eto sdelali, popularizovavtexnologiu yellow fade technique. Sayt Odeo predostavlaet effektivnoe ob6enie, ispol'zua cvet idvijenie, ipome6aa ego to4no tuda, kuda smotrit pol'zovatel':

ABOUT THIS CHANNEL = OB ETOM KANALE
QUEUE = O4ERED'

You have added this audio to your inbox. =
Vi dobavili etu zvukovuu zapis' k Va6emu a6iku dla polu4aemix pisem.

Subscribers = Podpis4iki

V tovrema kak mivzaimodeystvuem smirom, misozdaem vsoznanii model' togo, kak rabotaut ve6i. Bol'6instvo pol'zovateley sozdali vsoznanii model' Pautini, kotoraa osnovana nastranicax ipostrani4nix perexodax: kajdiy 6el4ok mi6i pereme6aet Vas nanovuu stranicu. 6el4ok naknopku dla pereme6enia nazad pereme6aet Vas napro6luu stranicu. Eta model' vsoznanii sil'na, irazumno to4na dla bol'6instva saytov. Pol'zovateli budut prodoljat' primenat' etu model' vsvoem soznanii ikras6irennim veb-prilojeniam, dotex por, poka oni asno neosozznaut, 4to zdes' ispol'zuetsa drugaa model'.

Pervaa 4ast' etoy problemi vtom, 4tobi o4en' xoro6o podumat' otom, gde ispol'zovat' otdel'nie stranici, igde ispol'zovat' novuu interaktivnost' vnutri stranici. Podumayte opolnom vzaimodeystvii Va6ego prilojenia, irazdelite ego podxoda6im sposobom. Neprobuyte pomestit' vse vodnu «stranicu» tol'ko potomu, 4to Vimojete eto sdelat'.

Odnim izfaktorov avlaetsa vozmojnoe ispol'zovanie knopki dla pereme6enia nazad. Podumayte, gde ludam mojet ponadobit'sa vernut'sa nazad— eto dast Vam namek nato,gde ispol'zovat' stranici. Neotklu4ayte knopku dla pereme6enia nazad, umen'6aa vozmojnosti pol'zovateley dla upravlenia svoim polojeniem.

Drugaa trudnost' vtom, 4tobi zritel'no virazit' raznicu mejdu stranicami iizmeneniami vstranicax. Vam mojet ponadobit'sa sproektirovat' raznie modeli zritel'noy navigacii, 4tobi ludi mogli uznat', kogda oni polu4aut novuu stranicu. Poxoje, 4to sovremenem poavatsa kakie-libo novie sposobi navigacii.

Google Readero4en' ploxo obra6aetsa sostranicami. Knopki vtradicionnoy verxney paneli navigacii (Domoy (Home), Va6i podpiski (Your Subscriptions), idrugie) podrazumevaut pereme6enie kotdel'nim stranicam, nonasamom dele menaut soderjimoe vtele etoy stranici. Kogda aperviy raz ispol'zovala Google Reader, a4asto probovala ispol'zovat' knopku dla pereme6enia nazad, 4tobi vernut'sa nana4al'nuu stranicu, novibrasivalas' pramo naposlednuu stranicu, kotoruu apose6ala pered perexodom naGoogle Reader. Eto bilo tak obidno, 4to aperestala eeispol'zovat'.

Reader = 4italka
Search for new content = Iskat' novoe soderjimoe
Search the Web = Iskat' v Pautine
Home = Domoy = Na4al'naa stranica
Your subscriptions = Va6i podpiski
Read items = 4itat' elementi
Starred = Zvezdnie
top = verx
up = vi6e
down = nije
refresh = obnovit'
page up = listat' na stranicu vverx
Show original item = Pokazat' pervoisto4nik

V otli4ii otetogo, Yahoo! Novosti (Yahoo! News) xoro6o obra6autsa sostranicami iobnovleniami vnutri stranic. Unix est' tradicionnaa navigacia sverxnimi zakladkami dla otdel'nix stranic, ipaneli vnutri stranici, kotorie obnovlautsa, osnovivaas' naisto4nike novostey:

NEWS = NOVOSTI
Sign In = Voyti
New User = Noviy Pol'zovatel'
Sign Up = Zaregistrirovat'sa
News Home = Na4al'naa Stranica
U.S. = S6A
Business = Biznes
World = Mir
Entertainment = Razvle4enia
Sports = Sport
Tech = Texnika
Politics = Politika
Photos = Fotografii
Opinion = Mnenie
Local News = Mestnie Novosti
Odd News = Strannie Novosti
Comics = Komiksi
Weather = Pogoda
Full Coverage = Polnie Izvestia

Top Stories = Lu46ie Istorii
AP = Agentstvo Asso6ieyted Press
Reuters = Agentstvo Reyters
AFP = Agentstvo Frans-Press
USATODAY.com = S6A SEGODNA . com
CSMonitor.com = Kristen Sayens Monitor
NPR = ?
My Sources = Moi Isto4niki
hour = 4as
minutes = minuti
ago = tomu nazad
All Top Stories from Reuters = Vse Lu46ie Istorii ot Reyters
MORE TOP NEWS = BOL'6E LU46IX ISTORIY
U.S. News & World Report = Novosti S6A i Mirovoy Ot4et (reportaj o sobitiax v mire)
Photos and Slideshows = Fotografii i Nabori Slaydov

• Udobstvo Ispol'zovania (Usability)
• Dizayn, Sozdavaemiy vokrug Pol'zovatela (User-Centered Design (UCD))
• Programmirovanie
• Napisanie Skriptov
• Ob&ektnaa Model' Dokumenta (Document Object Model (DOM))
• Vzaimodeystvie 4eloveka iKomp'utera (Human-Computer Interaction (HCI))