際際滷

際際滷Share a Scribd company logo
Program 迭 in転inerija Programins 眺rangos projektavimas Vartotojo ssajos projektavimas
Turinys Vartotojo ssajos samprata Reikalavimai vartotojo ssajai Vartotojo ssajos projektavimo procesas Grafin vartotojo ssaja ir jos ypatumai Internetini迭 program迭 vartotojo ssajos projektavimas
Vartotojo ssajos samprata
Vartotojo ssaja  programuotojo savirai邸kos priemon  Bet kokia programa  tai jos autoriaus k笛rybos vaisius, kuriame atsispindi jo po転i笛ris 眺 gyvenim, nuomons, meninis skonis ir pan. Be to, kuo labiau patyrs programuotojas, tuo ry邸kiau programose pasirei邸kia jo asmenyb
Vartotojo ssaja  programos valdymo 眺rankis (1) P町 vartotojas  tai ne meno k笛rini迭 parodos lankytojas ir j眺 ma転iausiai domina programuotojo asmenyb bei dvasin b笛sena, kurioje b笛damas jis k笛r P町
Vartotojo ssaja  programos valdymo 眺rankis (2) Nors beveik visi P町 k笛rjai naudojasi pakankamai ribotomis ir pana邸iomis vartotojo ssajos k笛rimo priemonmis, j迭 sukurt迭 produkt迭 vartotojo ssaja skiriasi kaip diena ir naktis Tik pastaruoju metu P町 k笛rjai pradjo bandyti 眺sivaizduoti save vartotojo vietoje ir standartizuoti P町 vartotojo ssaj, taiau 邸is naujas po転i笛ris atsirado tik lyderiaujaniose P町 k笛rimo organizacijose, ir beveik nepaveik pavieni迭 programuotoj迭 bei nedideli迭 P町 k笛rimo firm迭
Vartotojo ssajos apibr転imas Vartotojo ssaja  tai dalykins srities informacinis modelis, priemons ir b笛dai, kuri迭 pagalba vartotojas sveikauja su tuo informaciniu modeliu, o taip pat komponentai, u転tikrinantys informacinio modelio formavim darbo su P町 metu
Vartotojo ssajos 眺taka P町 populiarumui (1) Labai da転nai pasitaiko situacija, kuomet tas paias funkcijas atliekanios programos, turi visi邸kai skirting vartotojo ssaj Tai nerei邸kia, kad vienos i邸 j迭 vartotojo ssaja yra bloga, o kitos  gera; tiesiog, ji kitokia
Vartotojo ssajos 眺taka P町 populiarumui (2) Kiekvienas P町 k笛rjas turi turti omenyje, kad da転nai vartotojas pasirenka ne program, kuri yra patikimesn ir turi daugiau galimybi迭, o program, kuri turi patogi ir gra転i vartotojo ssaj
Vartotojo ssajos 眺taka P町 populiarumui (3) Vartotojo darbo efektyvumas ir na邸umas priklauso ne vien tik nuo programos funkcionalumo, taiau ir nuo vartotojo ssajos kokybs: kokiu procentu vis迭 programos galimybi迭 pasinaudos vartotojas, priklausys didele dalimi nuo to, kaip bus realizuota P町 vartotojo ssaja Dl 邸i迭 prie転asi迭, kiekvienas P町 k笛rjas turi 転inoti, kas tai yra gera vartotojo ssaja ir kaip j suprojektuoti
Reikalavimai vartotojo ssajai
Vartotojo ssajos projektavimo principas Norint sukurti kokybi邸k vartotojo ssaj, reikia vadovautis principu:  vartotojo poreikiai yra auk邸iau visko  Labai da転nai 邸is principas literat笛roje 眺vardijamas kaip  眺 vartotoj orientuotas projektavimas  ( User-centered Design ) Jeigu P町 turi gerai suprojektuot vartotojo ssaj, vartotojas jauiasi tartum jis valdo program, o ne programa  j眺
Geros vartotojo ssajos savybs Ai邸kumas Suderinamumas Draugi邸kumas Gr眺転tamasis ry邸ys Paprastumas Esteti邸kumas
Vartotojo ssajos ai邸kumas Ai邸ki vartotojo ssaja  tai tokia vartotojo ssaja, kuri nereikalauja i邸 vartotojo keisti jam jau 眺prast迭 u転davinio sprendimo b笛d迭 Tai reik邸t迭, kad programos i邸vedami prane邸imai ir pateikiami rezultatai turi b笛ti vartotojui suprantami be joki迭 papildom迭 paai邸kinim迭 Taip pat b笛tina i邸laikyti dalykinje srityje, kuri kompiuterizuoja programinis produktas, naudojam terminologij bei 転ymjimus
Vartotojo ssajos suderinamumas (1) Vartotojo ssajos suderinamumas leid転ia  vartotojams jau sukauptas darbo su programa 転inias panaudoti nauj迭 u転davini迭 sprendimui, greiiau 眺sisavinti naujas sistemos galimybes ir dka to, susikoncentruoti ne 眺 nauj迭 mygtuk迭, komand迭 ar meniu punkt迭 perpratim, o 眺 sprend転iamas problemas
Vartotojo ssajos suderinamumas (2) Suderinamumas gali b笛ti: produkto ribose programos veikimo aplinkoje metafor迭 naudojime
Vartotojo ssajos suderinamumas (3) Vartotojo ssajos  suderinamumas produkto ribose  rei邸kia, kad viena ir ta pati komanda (pavyzd転iui,  Copy ) turi t pai paskirt眺 (pa転ymi dal眺 teksto kopijavimui) ir i邸kvieiama tokiu pat b笛du (meniu  Edit->Copy  arba klavi邸ais  Ctrl+C ) bet kurioje programos vietoje
Vartotojo ssajos suderinamumas (4) Suderinamumas programos veikimo aplinkoje  rei邸kia, kad programos vartotojo ssaja yra pana邸i 眺 kit迭, tai paiai darbo aplinkai (pvz., operacinei sistemai Windows) skirt迭 program迭 ssajas
Vartotojo ssajos suderinamumas (5) Suderinamumas metafor迭 naudojime  rei邸kia, kad bet kokie programoje naudojami 転ymjimai turi atitikti savo prasm (pvz., katalogo ikona negali reik邸ti programos vykdomojo failo)
Vartotojo ssajos draugi邸kumas Vartotojai da転niausiai 眺sisavina program klaid迭 ir bandymo metodu, dl to, labai svarbu, kad P町 k笛rjai tai numatyt迭 projektuodami vartotojo ssaj Kiekviename darbo su programa 転ingsnyje turi b笛ti galimyb gr眺転ti 眺 prie邸 tai buvusi sistemos b笛sen; i邸taisyti padarytas klaidas; u転tikrinti, kad atlikus neteising veiksm neb笛t迭 i邸gadinti duomenys ar pati sistema
Vartotojo ssajos gr眺転tamasis ry邸ys Kiekvienas vartotojo veiksmas turi b笛ti vizualiai patvirtintas tam, kad vartotojas 転inot迭, jog jo pasirinkta komanda buvo 眺vykdyta Niekas taip netrikdo nepatyrusio vartotojo, kaip 眺 jokius jo veiksmus nereaguojantis programos langas Tipinis vartotojas toki situacij gali paksti tik kelet sekund転i迭
Vartotojo ssajos paprastumas (1) Vartotojo ssaja turi b笛ti kiek 眺manoma paprastesn, nes tuomet j lengva 眺sisavinti ir naudoti Vienas i邸 b笛d迭 u転tikrinti paprastum  darbiniame programos lange rodyti tik t informacij, kuri reikalinga tam tikros funkcijos atlikimui Taip pat reikia vengti ilg迭 meniu punkt迭, ikon迭, mygtuk迭, formos lauk迭 pavadinim迭
Vartotojo ssajos paprastumas (2) Kitas paprastum u転tikrinantis kelias yra vartotojo ssajos element迭 grupavimas pagal prasm  tai leid転ia i邸naudoti vartotojo asociatyvin眺 mstym
Vartotojo ssajos esteti邸kumas Vizuali迭 komponent迭 projektavimas yra viena svarbiausi迭 vartotojo ssajos projektavimo dali迭 Teisingai parinktos spalvos, element迭 i邸vaizda ir pan. leid転ia vartotojui ne tik lengviau perprasti vartotojo ssaj, bet ir susikoncentruoti 眺 savo sprend転iamus u転davinius
Vartotojo ssajos kokybs vertinimo kriterijai (1) Laikas, reikalingas vartotojui 眺sisavinti programin眺 produkt (pavyzd転iui, nepatyrs vartotojas turi 眺sisavinti darbo su failais komandas per 4 valandas) Darbo su programa 眺g笛d転i迭 i邸saugojimas tam tikr laik (pavyzd転iui, po savaits pertraukos vartotojas P町 pagalba turi atlikti tam tikras funkcijas per nustatyt laik)
Vartotojo ssajos kokybs vertinimo kriterijai (2) Vartotojo u転davini迭 sprendimo P町 pagalba greitis (pavyzd転iui, vartotojas per valand turi sukurti 20 vidutinio dyd転io dokument迭 su 1% klaidos tikimybe)  Subjektyvus vartotojo 眺vertinimas (jis tai gali 眺vertinti procentais arba nurodytoje n-balje sistemoje)
Vartotojo ssajos projektavimo procesas
Dialogas tarp kompiuterio ir vartotojo Informacijos mainai tarp kompiuterio ir vartotojo pagal visus po転ymius idealiai atitinka dialogo princip
Pagrindiniai konstruktyvaus dialogo principai Dialogo dalyviai turi puikiai suprasti vienas kito kalb Jie negali kalbti vienu metu Paskutinis pasisakymas turi nei邸kristi tiek i邸 viso dialogo, tiek ir i邸 pa邸nekovo gautos informacijos konteksto
Ko vengti dialogo metu? Vis迭 pirma, bereikalingo familiarumo.  Niekam nepatinka, jeigu pokalbio metu kas nors tampo j眺 u転 rankovi迭, smarkiai gestikuliuoja ar naudoja kitus originalius metodus, padedanius atkreipti 眺 save dmes眺  Antra, pokalbyje nepatartina naudoti itin trump迭 atsakym迭 ir pauzi迭 tarp i邸sakyt迭 mini迭   tai gali trikdyti pa邸nekov, o ne vietoje naudojami 転argonai ar special笛s terminai i邸 viso gali privesti prie greitos pokalbio baigties
Dialogas tarp vartotojo ir P町 Visi tarp 転moni迭 vykstanio dialogo principai galioja ir dialogui tarp vartotojo bei P町  Todl projektuojant vartotojo ssaj reikia apibr転ti: dialogo strukt笛r dialogo scenarij迭 vizualius vaizduojamos informacijos atributus
Dialogo strukt笛ros tipai Klausimas-atsakymas Meniu Ekrano formos Komandin eilut
Dialogas Klausimas-atsakymas (1) is dialogas pagr眺stas interviu principu Sistema yra tarsi interviu imantis 転mogus ir gauna informacij i邸 vartotojo atsakym迭 眺 pateiktus klausimus pavidalu
Dialogas Klausimas-atsakymas (2) Kiekviename 転ingsnyje, kompiuteris pateikia klausim, 眺 kur眺 vartotojas duoda atsakym Priklausomai nuo gauto atsakymo, sistema nusprend転ia, kok眺 klausim u転duoti toliau Da転niausiai atsakymai, kuriuos gali duoti vartotojas, yra sudaryti i邸 vieno 転od転io
Dialogas Klausimas-atsakymas (3) i strukt笛ra turi vien minus: patyrs vartotojas jau 転ino, kokius klausimus u転duos sistema, ir atsakinti 眺 juos jam tampa labai nuobodu
Dialogas Klausimas-atsakymas (4)
Meniu dialogo strukt笛ra (1) Tai viena i邸 labiausiai paplitusi迭 dialogo form迭, naudojama 眺vairi迭 P町 funkcij迭 i邸kvietimui Egzistuoja meniu, kuriame komandos yra u転ra邸ytos tekstu ir pasirenkamos baksteljus ties jomis pele iuo metu labai populiarja meniu, kuriame visos komandos atvaizduotos tam tikromis ikonomis  Meniu  tai patogiausia P町 valdymo priemon nepatyrusiems vartotojams, taiau 眺gudusiems vartotojams nuolatin komandos paie邸ka meniu sra邸e sultina darb
Meniu dialogo strukt笛ra (2)
Ekrano formos (1) Tiek dialogas Klausimas-atsakymas, tiek ir meniu leid転ia viename 転ingsnyje apdoroti tik vien vartotojo atsakym Ekrano formos leid転ia apdoroti daugiau negu vien vartotojo atsakym viename dialogo 転ingsnyje
Ekrano formos (2) 貼mogus, pildantis formos laukus, gali 眺vesti duomenis, kurie jam 転inomi, praleisdamas neai邸kias vietas Padars klaid, jis gali pataisyti 眺vest informacij arba net pradti jos 眺vedim i邸 naujo (tu邸ioje formoje)
Ekrano formos (3) Programa gali patikrinti 眺vestus duomenis i邸 karto po to, kai vartotojas bando pereiti 眺 sekant眺 formos lauk, arba tik tuomet, kai vartotojas bando i邸eiti i邸 formos ir u転saugoti 眺vest informacij Kur眺 variant pasirinkti priklauso nuo daugelio dalyk迭 Kartais nuolatiniai prane邸imai apie padarytas klaidas gali i邸bla邸kyti vartotojo dmes眺 ir pradti j眺 erzinti, taiau i邸taisyti daugel眺 formos lauk迭 irgi gali b笛ti problemati邸ka
Ekrano formos (4) Tomis situacijomis, kada 眺vedamas ka転koks vientisas dokumentas, geriausiai duomen迭 kontrol atlikti 眺vedimo pabaigoje Prie邸ingu atveju, geriau kontroliuoti vartotojo atliktus veiksmus darbo eigoje Prane邸imai apie klaid turt迭 b笛ti informatyv笛s: nurodyti, kuris laukas klaidingas ir kaip i邸taisyti padaryt klaid
Ekrano formos (5) Da転niausiai formos projektuojamos taip, kad j迭 strukt笛ra atitikt迭 popierin眺 dokument, taiau tai ne visuomet reikalinga Svarbiausia, kad sutapt迭 lauk迭 u転pildymo eili邸kumas ir 眺vedam迭 duomen迭 formatas
Ekrano formos (6)
Komandin eilut (1) Komandin eilut tiek pat paplitusi, kaip ir meniu Ji da転nai naudojama operacinse sistemose ir yra  pirmoji P町 produktuose realizuota dialogo strukt笛ra   io dialogo atveju, sistema savo vartotojui nepateikia nieko daugiau, i邸skyrus kvietim 眺vesti komand, kuris rei邸kia, kad sistema pasirengusi darbui
Komandin eilut (2) Kiekviena komanda yra 眺vedama naujoje eilutje ir patvirtinama paspaudus <Enter> klavi邸 U転 眺vest迭 komand迭 korekti邸kum atsako pats vartotojas, sistema tik informuoja apie tai, kad jis 眺ved neegzistuojani komand arba blogai u転ra邸 komandos kreipin眺
Komandin eilut (3) Da転niausiai programa gali palaikyti daug komand迭, bet nereikt迭 pamir邸ti, kad didelis komand迭 skaiius apkraus vartotojo atmint眺 Taip pat komand迭 vardai turt迭 b笛ti prasmingi ir neilgi, kad juos b笛t迭 galima lengviau 眺siminti Kadangi komandin eilut nra labai draugi邸ka savo vartotojui, todl ji tinkama tik gerai pasiruo邸usiems specialistams
Komandin eilut (4)
Dialogo vizualizacijos atributai Vaizduojam迭 element迭 i邸dstymas ir dydis Spalv迭 palet Priemons, padedanios atkreipti vartotojo dmes眺
Vaizduojam迭 element迭 i邸dstymo projektavimas Informacijos, kuri reikia vienu metu rodyti ekrane, i邸skyrimas Formato, kuriuo bus pateikta informacija, parinkimas Tvarkos, kuria bus atvaizduoti duomenys, parinkimas Priemoni迭, padsiani迭 pritraukti vartotojo dmes眺, parinkimas Duomen迭 i邸dstymo ekrane maketo parinkimas Informacijos i邸dstymo efektyvumo 眺vertinimas
Informacijos i邸dstymo ekrane principai Ekrano form迭 lauk迭 nedert迭 i邸dstyti arti ekrano kra邸to Meniu patartina i邸dstyti pradedant nuo kairiojo ekrano kampo Ekrano formos lauk迭 pavadinimus ir paius laukus reikia i邸lygiuoti, kad pabr転ti j迭 turinio simetrij
Grafin vartotojo ssaja ir jos ypatumai
Pagrindiniai terminai Kuriant grafin vartotojo ssaj ( GUI  Graphical User Interface ) naudojami trys terminai:  darbastalis ( desktop )  dirbi su tuo, k matai   matai tai, k gavai
Darbastalis Darbastalis  tai erdv monitoriaus ekrane, kuriame visi objektai, reikalingi jo darbui, yra pavaizduoti lang迭 ir ikon迭 pavidalu Vartotojas gali naudotis tik tomis priemonmis, kurios yra ant jo darbastalio ir i邸 karto matyti savo darbo rezultatus Taip 眺gyvendinami du paskutiniai GUI terminai
Manipuliavimas darbastalio objektais Vartotojas tiesiogiai manipuliuoja darbastalio objektais Tai leid転ia:  vizualiai kontroliuoti atliekamas operacijas lengvai atstatyti darbastalio b笛sen, kuri buvo prie邸 atliekant tam tikr operacij leid転ia atlikti 眺vairias u転duotis pasinaudojant ribotu standartini迭 operacij迭 rinkiniu (atidaryti/u転daryti lang; perkelti objekt; pakeisti objekto savybes ir t.t.)
Darbas su keliais langais vienu metu Dar viena svarbi GUI savyb  galimyb dirbti su daug lang迭 vienu metu i technologija leid転ia vartotojui vienu metu apdoroti didelius informacijos kiekius Be to, vartotojas dirbdamas su keliais langais turi galimyb apjungti juose esani informacij; analizuoti informacij, esani skirtinguose detalizacijos lygmenyse ir pan.
GUI ir vartotojo darbo na邸umas (1) GUI ne visada u転tikrina spartesn眺 ir patogesn眺 P町 vartotojo darb Taip yra todl, kad jo naudojamas darbastalis ne visada yra tvarkingas darbastalis: jeigu jis yra prastai sutvarkytas, atsiranda pavojus, kad vartotojas sugai邸 daugiau laiko beie邸kodamas reikaling迭 objekt迭, negu dirbdamas svarbius darbus
GUI ir vartotojo darbo na邸umas (2) Tiesioginis manipuliavimas objektais ne visada yra patogus patyrusiems vartotojams Kartais tam tikr veiksm daug greiiau galima atlikti keli迭 klavi邸迭 pagalba negu kad eile pels klavi邸迭 paspaudim迭
GUI komponentai (1) Darbastalis tai pirmin vartotojo darbo sritis: jis u転pildo ekran ir suteikia fon vartotojo atliekamiems u転daviniams
GUI komponentai (2) Ikonos: jos naudojamos vizualiam objekt迭 ar u転davini迭 atvaizdavimui ekrane kaip taisykl, tai nedideli paveikslliai, kurie atspindi vaizduojam迭 objekt迭 paskirt眺 projektuojant ikonas, visada reikia turti omenyje, jog parinkus ikon visai nesusijusi arba menkai susijusi su vaizduojamu objektu, vartotojui bus sunku 眺sidmti, k ji vaizduoja, o nuo to kris jo darbo efektyvumas
GUI komponentai (3) Langai: tai specialios paskirties fizin ekrano dalis, kurios pagalba vartotojui suteikiama galimyb stebti tam tikr atliekamo darbo aspekt bei matyti jo rezultatus
Vartotojo sveikos su GUI b笛dai Pels pagalba Klaviat笛ros pagalba
Vartotojo sveika su GUI pels pagalba Vartotojas valdo pel specialaus 転ymeklio, nuolat matomo monitoriaus ekrane, pagalba Priklausomai nuo to, kur randasi 転ymeklis, keiiasi ir jo forma, o formos pokyio dka, vartotojas informuojamas apie tai, koki operacij jis gali atlikti arba kokioje b笛senoje yra sistema
Pels 転ymeklio formos
Veiksmai, atliekami pels pagalba
Vartotojo sveika su GUI klaviat笛ros pagalba Klaviat笛ra  tai pagrindin tekstins informacijos 眺vedimo ir redagavimo priemon Realizuojant GUI, klaviat笛ra gali b笛ti naudojama ne tik duomen迭 眺vedimui, bet ir valdymui, re転im迭 perjungimui ir kaip priemon, kuri pagreitina prijim prie objekt迭 bei operacij迭
Klavi邸迭 klasifikavimas Teksto klavi邸ai (raids, skaiiai) Navigacijos klavi邸ai (rodykls) Funkciniai klavi邸ai (F1, F2, ..., F12) Prijimo klavi邸ai Re転imo klavi邸ai Greitieji klavi邸ai
Prijimo klavi邸ai Prijimo klavi邸as  tai teksto klavi邸as, kuris naudojamas kartu su klavi邸u <Alt>, aktyvizuoja tam tikr valdymo element Pavyzd転iui, kombinacija <Alt>+O gali aktyvizuoti operacij  Open  (Atidaryti) Prijimo klavi邸as turi b笛ti unikalus programos ribose, t.y. vienas ir tas pats klavi邸as negali b笛ti naudojamas keleto funkcij迭 atlikimui
Re転imo klavi邸ai Re転imo klavi邸ai pakeiia kit迭 klavi邸迭 veikimo b笛d: Klavi邸as-perjungjas  眺jungia arba i邸jungia konkret迭 darbo re転im ( pavyzd転iui, klavi邸as <Caps Lock> 眺jungia/i邸jungia ra邸ymo did転iosiomis raidmis re転im ) Klavi邸as-modifikatorius  nustato re転im, kuris i邸lieka tik tol, kol klavi邸as-modifikatorius yra paspaustas ( 邸iam tipui priklauso <Shift>, <Ctrl> ir <Alt> klavi邸ai )
Greitieji klavi邸ai Greitieji klavi邸ai dar vadinami kar邸taisiais klavi邸ais ( hot keys ) Tai klavi邸ai arba j迭 kombinacija, u転tikrinanti greit prijim prie da転nai naudojam迭 komand迭 Kombinacijose rekomenduojama naudoti <Ctrl>+<simbolis> ir funkcinius klavi邸us (nuo F1 iki F12) Projektuodami vartotojo ssaj, venkite naudoti greitinaniuosius klavi邸us kaip vienintel priemon pasiekti vien ar kit komand
Greit迭j迭 klavi邸迭 priskyrimo taisykls (1) Naudokite kombinacij <Shift>+<klavi邸as> nordami i邸plsti arba papildyti veiksm, atliekam be <Shift> klavi邸o pagalbos ( pavyzd転iui, jeigu kombinacija <Alt>+<Tab> leid転ia persijungti nuo vieno lango prie kito einant nuo vir邸aus 転emyn, tai kombinacija <Shift>+<Alt>+<Tab> perjunginja langus prie邸ingu keliu )
Greit迭j迭 klavi邸迭 priskyrimo taisykls (2) Naudokite kombinacij <Ctrl>+<klavi邸as> nordami sustiprinti veiksm, atliekam <klavi邸o> pagalba ( pavyzd転iui, jeigu redaguodami tekst, norite gr眺転ti 眺 eiluts prad転i, naudojate klavi邸 <Home>, tuomet kombinacija <Ctrl>+<Home> turt迭 leisti sugr眺転ti 眺 dokumento prad転i )
Greit迭j迭 klavi邸迭 priskyrimo taisykls (3) Venkite kombinacijos <Alt>+<klavi邸as>, nes ji gali konfliktuoti su standartinmis komandomis, leid転ianiomis prieiti prie tam tikr迭 meniu punkt迭 ar kit迭 ssajos valdymo element迭
Greit迭j迭 klavi邸迭 priskyrimo taisykls (4) Kurdami P町, standartinms operacijoms, tokioms kaip kopijuoti, atidaryti ir pan., naudokite tos operacins sistemos, kurioje funkcionuoja P町, klavi邸迭 kombinacijas, kadangi vartotojas jau yra prie j迭 priprats
Greit迭j迭 klavi邸迭 priskyrimo taisykls (5) Sudarykite vartotojui galimyb paiam susigalvoti savo greit迭j迭 klavi邸迭 kombinacijas Naudokite <Esc> klavi邸 atliekamos operacijos nutraukimui
Internetini迭 program迭 vartotojo ssajos projektavimas
Internetini迭 program迭 vartotojo ssajos komponentai Pasyv笛s puslapio elementai (fonas, tekstas, grafika, lentels, freimai) Interaktyv笛s elementai (sra邸ai, mygtukai, formos) Estetinio apipavidalinimo elementai (garsiniai efektai, animacija) Navigacijos po svetain elementai Nuorodos 眺 i邸orinius interneto 邸altinius
Rekomendacijos internetini迭 program迭 vartotojo ssajai (1) Stenkits naudoti ramius tonus svetains fonui Venkite 邸viesi迭 raid転i迭 tamsiame fone Jeigu J笛s迭 puslapyje yra daug grafikos, kuri pasikrauna liau negu tekstas ir pasirodo puslapyje pati paskutinioji, dert迭 suteikti vartotojui galimyb per転i笛rti svetain tekstiniu re転imu
Rekomendacijos internetini迭 program迭 vartotojo ssajai (2) Jeigu norint nar邸yti J笛s迭 puslapyje, vartotojui reikia k nors specialiai nustatyti savo nar邸yklje arba netgi i邸 viso pakeisti nar邸ykl, informuokite j眺 apie tai i邸 anksto (geriausiai, prane邸im patalpinti lango vir邸uje)
Rekomendacijos e-parduotuvms (1) Suteikite potencialiam pirkjui galimyb keliais b笛dais atlikti jam reikaling迭 preki迭 paie邸k  Apgalvokite si笛lom迭 preki迭 klasifikacij, prie kiekvienos preki迭 grups pateikdami trump jos apra邸.
Rekomendacijos e-parduotuvms (2) Prie kiekvienos preks galima pateikti ir jos nuotrauk, taiau geriausia rodyti suma転int jos variant, kur眺 nordamas vartotojas galt迭 i邸sididinti  taip u転tikrinsite greit puslapio u転krovim Svetains spalvas parinkite tokias, kurios atitikt迭 j笛s迭 firmos 転enkl bei jame esanius spalv迭 derinius

More Related Content

PI_11paskaita

  • 1. Program 迭 in転inerija Programins 眺rangos projektavimas Vartotojo ssajos projektavimas
  • 2. Turinys Vartotojo ssajos samprata Reikalavimai vartotojo ssajai Vartotojo ssajos projektavimo procesas Grafin vartotojo ssaja ir jos ypatumai Internetini迭 program迭 vartotojo ssajos projektavimas
  • 4. Vartotojo ssaja programuotojo savirai邸kos priemon Bet kokia programa tai jos autoriaus k笛rybos vaisius, kuriame atsispindi jo po転i笛ris 眺 gyvenim, nuomons, meninis skonis ir pan. Be to, kuo labiau patyrs programuotojas, tuo ry邸kiau programose pasirei邸kia jo asmenyb
  • 5. Vartotojo ssaja programos valdymo 眺rankis (1) P町 vartotojas tai ne meno k笛rini迭 parodos lankytojas ir j眺 ma転iausiai domina programuotojo asmenyb bei dvasin b笛sena, kurioje b笛damas jis k笛r P町
  • 6. Vartotojo ssaja programos valdymo 眺rankis (2) Nors beveik visi P町 k笛rjai naudojasi pakankamai ribotomis ir pana邸iomis vartotojo ssajos k笛rimo priemonmis, j迭 sukurt迭 produkt迭 vartotojo ssaja skiriasi kaip diena ir naktis Tik pastaruoju metu P町 k笛rjai pradjo bandyti 眺sivaizduoti save vartotojo vietoje ir standartizuoti P町 vartotojo ssaj, taiau 邸is naujas po転i笛ris atsirado tik lyderiaujaniose P町 k笛rimo organizacijose, ir beveik nepaveik pavieni迭 programuotoj迭 bei nedideli迭 P町 k笛rimo firm迭
  • 7. Vartotojo ssajos apibr転imas Vartotojo ssaja tai dalykins srities informacinis modelis, priemons ir b笛dai, kuri迭 pagalba vartotojas sveikauja su tuo informaciniu modeliu, o taip pat komponentai, u転tikrinantys informacinio modelio formavim darbo su P町 metu
  • 8. Vartotojo ssajos 眺taka P町 populiarumui (1) Labai da転nai pasitaiko situacija, kuomet tas paias funkcijas atliekanios programos, turi visi邸kai skirting vartotojo ssaj Tai nerei邸kia, kad vienos i邸 j迭 vartotojo ssaja yra bloga, o kitos gera; tiesiog, ji kitokia
  • 9. Vartotojo ssajos 眺taka P町 populiarumui (2) Kiekvienas P町 k笛rjas turi turti omenyje, kad da転nai vartotojas pasirenka ne program, kuri yra patikimesn ir turi daugiau galimybi迭, o program, kuri turi patogi ir gra転i vartotojo ssaj
  • 10. Vartotojo ssajos 眺taka P町 populiarumui (3) Vartotojo darbo efektyvumas ir na邸umas priklauso ne vien tik nuo programos funkcionalumo, taiau ir nuo vartotojo ssajos kokybs: kokiu procentu vis迭 programos galimybi迭 pasinaudos vartotojas, priklausys didele dalimi nuo to, kaip bus realizuota P町 vartotojo ssaja Dl 邸i迭 prie転asi迭, kiekvienas P町 k笛rjas turi 転inoti, kas tai yra gera vartotojo ssaja ir kaip j suprojektuoti
  • 12. Vartotojo ssajos projektavimo principas Norint sukurti kokybi邸k vartotojo ssaj, reikia vadovautis principu: vartotojo poreikiai yra auk邸iau visko Labai da転nai 邸is principas literat笛roje 眺vardijamas kaip 眺 vartotoj orientuotas projektavimas ( User-centered Design ) Jeigu P町 turi gerai suprojektuot vartotojo ssaj, vartotojas jauiasi tartum jis valdo program, o ne programa j眺
  • 13. Geros vartotojo ssajos savybs Ai邸kumas Suderinamumas Draugi邸kumas Gr眺転tamasis ry邸ys Paprastumas Esteti邸kumas
  • 14. Vartotojo ssajos ai邸kumas Ai邸ki vartotojo ssaja tai tokia vartotojo ssaja, kuri nereikalauja i邸 vartotojo keisti jam jau 眺prast迭 u転davinio sprendimo b笛d迭 Tai reik邸t迭, kad programos i邸vedami prane邸imai ir pateikiami rezultatai turi b笛ti vartotojui suprantami be joki迭 papildom迭 paai邸kinim迭 Taip pat b笛tina i邸laikyti dalykinje srityje, kuri kompiuterizuoja programinis produktas, naudojam terminologij bei 転ymjimus
  • 15. Vartotojo ssajos suderinamumas (1) Vartotojo ssajos suderinamumas leid転ia vartotojams jau sukauptas darbo su programa 転inias panaudoti nauj迭 u転davini迭 sprendimui, greiiau 眺sisavinti naujas sistemos galimybes ir dka to, susikoncentruoti ne 眺 nauj迭 mygtuk迭, komand迭 ar meniu punkt迭 perpratim, o 眺 sprend転iamas problemas
  • 16. Vartotojo ssajos suderinamumas (2) Suderinamumas gali b笛ti: produkto ribose programos veikimo aplinkoje metafor迭 naudojime
  • 17. Vartotojo ssajos suderinamumas (3) Vartotojo ssajos suderinamumas produkto ribose rei邸kia, kad viena ir ta pati komanda (pavyzd転iui, Copy ) turi t pai paskirt眺 (pa転ymi dal眺 teksto kopijavimui) ir i邸kvieiama tokiu pat b笛du (meniu Edit->Copy arba klavi邸ais Ctrl+C ) bet kurioje programos vietoje
  • 18. Vartotojo ssajos suderinamumas (4) Suderinamumas programos veikimo aplinkoje rei邸kia, kad programos vartotojo ssaja yra pana邸i 眺 kit迭, tai paiai darbo aplinkai (pvz., operacinei sistemai Windows) skirt迭 program迭 ssajas
  • 19. Vartotojo ssajos suderinamumas (5) Suderinamumas metafor迭 naudojime rei邸kia, kad bet kokie programoje naudojami 転ymjimai turi atitikti savo prasm (pvz., katalogo ikona negali reik邸ti programos vykdomojo failo)
  • 20. Vartotojo ssajos draugi邸kumas Vartotojai da転niausiai 眺sisavina program klaid迭 ir bandymo metodu, dl to, labai svarbu, kad P町 k笛rjai tai numatyt迭 projektuodami vartotojo ssaj Kiekviename darbo su programa 転ingsnyje turi b笛ti galimyb gr眺転ti 眺 prie邸 tai buvusi sistemos b笛sen; i邸taisyti padarytas klaidas; u転tikrinti, kad atlikus neteising veiksm neb笛t迭 i邸gadinti duomenys ar pati sistema
  • 21. Vartotojo ssajos gr眺転tamasis ry邸ys Kiekvienas vartotojo veiksmas turi b笛ti vizualiai patvirtintas tam, kad vartotojas 転inot迭, jog jo pasirinkta komanda buvo 眺vykdyta Niekas taip netrikdo nepatyrusio vartotojo, kaip 眺 jokius jo veiksmus nereaguojantis programos langas Tipinis vartotojas toki situacij gali paksti tik kelet sekund転i迭
  • 22. Vartotojo ssajos paprastumas (1) Vartotojo ssaja turi b笛ti kiek 眺manoma paprastesn, nes tuomet j lengva 眺sisavinti ir naudoti Vienas i邸 b笛d迭 u転tikrinti paprastum darbiniame programos lange rodyti tik t informacij, kuri reikalinga tam tikros funkcijos atlikimui Taip pat reikia vengti ilg迭 meniu punkt迭, ikon迭, mygtuk迭, formos lauk迭 pavadinim迭
  • 23. Vartotojo ssajos paprastumas (2) Kitas paprastum u転tikrinantis kelias yra vartotojo ssajos element迭 grupavimas pagal prasm tai leid転ia i邸naudoti vartotojo asociatyvin眺 mstym
  • 24. Vartotojo ssajos esteti邸kumas Vizuali迭 komponent迭 projektavimas yra viena svarbiausi迭 vartotojo ssajos projektavimo dali迭 Teisingai parinktos spalvos, element迭 i邸vaizda ir pan. leid転ia vartotojui ne tik lengviau perprasti vartotojo ssaj, bet ir susikoncentruoti 眺 savo sprend転iamus u転davinius
  • 25. Vartotojo ssajos kokybs vertinimo kriterijai (1) Laikas, reikalingas vartotojui 眺sisavinti programin眺 produkt (pavyzd転iui, nepatyrs vartotojas turi 眺sisavinti darbo su failais komandas per 4 valandas) Darbo su programa 眺g笛d転i迭 i邸saugojimas tam tikr laik (pavyzd転iui, po savaits pertraukos vartotojas P町 pagalba turi atlikti tam tikras funkcijas per nustatyt laik)
  • 26. Vartotojo ssajos kokybs vertinimo kriterijai (2) Vartotojo u転davini迭 sprendimo P町 pagalba greitis (pavyzd転iui, vartotojas per valand turi sukurti 20 vidutinio dyd転io dokument迭 su 1% klaidos tikimybe) Subjektyvus vartotojo 眺vertinimas (jis tai gali 眺vertinti procentais arba nurodytoje n-balje sistemoje)
  • 28. Dialogas tarp kompiuterio ir vartotojo Informacijos mainai tarp kompiuterio ir vartotojo pagal visus po転ymius idealiai atitinka dialogo princip
  • 29. Pagrindiniai konstruktyvaus dialogo principai Dialogo dalyviai turi puikiai suprasti vienas kito kalb Jie negali kalbti vienu metu Paskutinis pasisakymas turi nei邸kristi tiek i邸 viso dialogo, tiek ir i邸 pa邸nekovo gautos informacijos konteksto
  • 30. Ko vengti dialogo metu? Vis迭 pirma, bereikalingo familiarumo. Niekam nepatinka, jeigu pokalbio metu kas nors tampo j眺 u転 rankovi迭, smarkiai gestikuliuoja ar naudoja kitus originalius metodus, padedanius atkreipti 眺 save dmes眺 Antra, pokalbyje nepatartina naudoti itin trump迭 atsakym迭 ir pauzi迭 tarp i邸sakyt迭 mini迭 tai gali trikdyti pa邸nekov, o ne vietoje naudojami 転argonai ar special笛s terminai i邸 viso gali privesti prie greitos pokalbio baigties
  • 31. Dialogas tarp vartotojo ir P町 Visi tarp 転moni迭 vykstanio dialogo principai galioja ir dialogui tarp vartotojo bei P町 Todl projektuojant vartotojo ssaj reikia apibr転ti: dialogo strukt笛r dialogo scenarij迭 vizualius vaizduojamos informacijos atributus
  • 32. Dialogo strukt笛ros tipai Klausimas-atsakymas Meniu Ekrano formos Komandin eilut
  • 33. Dialogas Klausimas-atsakymas (1) is dialogas pagr眺stas interviu principu Sistema yra tarsi interviu imantis 転mogus ir gauna informacij i邸 vartotojo atsakym迭 眺 pateiktus klausimus pavidalu
  • 34. Dialogas Klausimas-atsakymas (2) Kiekviename 転ingsnyje, kompiuteris pateikia klausim, 眺 kur眺 vartotojas duoda atsakym Priklausomai nuo gauto atsakymo, sistema nusprend転ia, kok眺 klausim u転duoti toliau Da転niausiai atsakymai, kuriuos gali duoti vartotojas, yra sudaryti i邸 vieno 転od転io
  • 35. Dialogas Klausimas-atsakymas (3) i strukt笛ra turi vien minus: patyrs vartotojas jau 転ino, kokius klausimus u転duos sistema, ir atsakinti 眺 juos jam tampa labai nuobodu
  • 37. Meniu dialogo strukt笛ra (1) Tai viena i邸 labiausiai paplitusi迭 dialogo form迭, naudojama 眺vairi迭 P町 funkcij迭 i邸kvietimui Egzistuoja meniu, kuriame komandos yra u転ra邸ytos tekstu ir pasirenkamos baksteljus ties jomis pele iuo metu labai populiarja meniu, kuriame visos komandos atvaizduotos tam tikromis ikonomis Meniu tai patogiausia P町 valdymo priemon nepatyrusiems vartotojams, taiau 眺gudusiems vartotojams nuolatin komandos paie邸ka meniu sra邸e sultina darb
  • 39. Ekrano formos (1) Tiek dialogas Klausimas-atsakymas, tiek ir meniu leid転ia viename 転ingsnyje apdoroti tik vien vartotojo atsakym Ekrano formos leid転ia apdoroti daugiau negu vien vartotojo atsakym viename dialogo 転ingsnyje
  • 40. Ekrano formos (2) 貼mogus, pildantis formos laukus, gali 眺vesti duomenis, kurie jam 転inomi, praleisdamas neai邸kias vietas Padars klaid, jis gali pataisyti 眺vest informacij arba net pradti jos 眺vedim i邸 naujo (tu邸ioje formoje)
  • 41. Ekrano formos (3) Programa gali patikrinti 眺vestus duomenis i邸 karto po to, kai vartotojas bando pereiti 眺 sekant眺 formos lauk, arba tik tuomet, kai vartotojas bando i邸eiti i邸 formos ir u転saugoti 眺vest informacij Kur眺 variant pasirinkti priklauso nuo daugelio dalyk迭 Kartais nuolatiniai prane邸imai apie padarytas klaidas gali i邸bla邸kyti vartotojo dmes眺 ir pradti j眺 erzinti, taiau i邸taisyti daugel眺 formos lauk迭 irgi gali b笛ti problemati邸ka
  • 42. Ekrano formos (4) Tomis situacijomis, kada 眺vedamas ka転koks vientisas dokumentas, geriausiai duomen迭 kontrol atlikti 眺vedimo pabaigoje Prie邸ingu atveju, geriau kontroliuoti vartotojo atliktus veiksmus darbo eigoje Prane邸imai apie klaid turt迭 b笛ti informatyv笛s: nurodyti, kuris laukas klaidingas ir kaip i邸taisyti padaryt klaid
  • 43. Ekrano formos (5) Da転niausiai formos projektuojamos taip, kad j迭 strukt笛ra atitikt迭 popierin眺 dokument, taiau tai ne visuomet reikalinga Svarbiausia, kad sutapt迭 lauk迭 u転pildymo eili邸kumas ir 眺vedam迭 duomen迭 formatas
  • 45. Komandin eilut (1) Komandin eilut tiek pat paplitusi, kaip ir meniu Ji da転nai naudojama operacinse sistemose ir yra pirmoji P町 produktuose realizuota dialogo strukt笛ra io dialogo atveju, sistema savo vartotojui nepateikia nieko daugiau, i邸skyrus kvietim 眺vesti komand, kuris rei邸kia, kad sistema pasirengusi darbui
  • 46. Komandin eilut (2) Kiekviena komanda yra 眺vedama naujoje eilutje ir patvirtinama paspaudus <Enter> klavi邸 U転 眺vest迭 komand迭 korekti邸kum atsako pats vartotojas, sistema tik informuoja apie tai, kad jis 眺ved neegzistuojani komand arba blogai u転ra邸 komandos kreipin眺
  • 47. Komandin eilut (3) Da転niausiai programa gali palaikyti daug komand迭, bet nereikt迭 pamir邸ti, kad didelis komand迭 skaiius apkraus vartotojo atmint眺 Taip pat komand迭 vardai turt迭 b笛ti prasmingi ir neilgi, kad juos b笛t迭 galima lengviau 眺siminti Kadangi komandin eilut nra labai draugi邸ka savo vartotojui, todl ji tinkama tik gerai pasiruo邸usiems specialistams
  • 49. Dialogo vizualizacijos atributai Vaizduojam迭 element迭 i邸dstymas ir dydis Spalv迭 palet Priemons, padedanios atkreipti vartotojo dmes眺
  • 50. Vaizduojam迭 element迭 i邸dstymo projektavimas Informacijos, kuri reikia vienu metu rodyti ekrane, i邸skyrimas Formato, kuriuo bus pateikta informacija, parinkimas Tvarkos, kuria bus atvaizduoti duomenys, parinkimas Priemoni迭, padsiani迭 pritraukti vartotojo dmes眺, parinkimas Duomen迭 i邸dstymo ekrane maketo parinkimas Informacijos i邸dstymo efektyvumo 眺vertinimas
  • 51. Informacijos i邸dstymo ekrane principai Ekrano form迭 lauk迭 nedert迭 i邸dstyti arti ekrano kra邸to Meniu patartina i邸dstyti pradedant nuo kairiojo ekrano kampo Ekrano formos lauk迭 pavadinimus ir paius laukus reikia i邸lygiuoti, kad pabr転ti j迭 turinio simetrij
  • 52. Grafin vartotojo ssaja ir jos ypatumai
  • 53. Pagrindiniai terminai Kuriant grafin vartotojo ssaj ( GUI Graphical User Interface ) naudojami trys terminai: darbastalis ( desktop ) dirbi su tuo, k matai matai tai, k gavai
  • 54. Darbastalis Darbastalis tai erdv monitoriaus ekrane, kuriame visi objektai, reikalingi jo darbui, yra pavaizduoti lang迭 ir ikon迭 pavidalu Vartotojas gali naudotis tik tomis priemonmis, kurios yra ant jo darbastalio ir i邸 karto matyti savo darbo rezultatus Taip 眺gyvendinami du paskutiniai GUI terminai
  • 55. Manipuliavimas darbastalio objektais Vartotojas tiesiogiai manipuliuoja darbastalio objektais Tai leid転ia: vizualiai kontroliuoti atliekamas operacijas lengvai atstatyti darbastalio b笛sen, kuri buvo prie邸 atliekant tam tikr operacij leid転ia atlikti 眺vairias u転duotis pasinaudojant ribotu standartini迭 operacij迭 rinkiniu (atidaryti/u転daryti lang; perkelti objekt; pakeisti objekto savybes ir t.t.)
  • 56. Darbas su keliais langais vienu metu Dar viena svarbi GUI savyb galimyb dirbti su daug lang迭 vienu metu i technologija leid転ia vartotojui vienu metu apdoroti didelius informacijos kiekius Be to, vartotojas dirbdamas su keliais langais turi galimyb apjungti juose esani informacij; analizuoti informacij, esani skirtinguose detalizacijos lygmenyse ir pan.
  • 57. GUI ir vartotojo darbo na邸umas (1) GUI ne visada u転tikrina spartesn眺 ir patogesn眺 P町 vartotojo darb Taip yra todl, kad jo naudojamas darbastalis ne visada yra tvarkingas darbastalis: jeigu jis yra prastai sutvarkytas, atsiranda pavojus, kad vartotojas sugai邸 daugiau laiko beie邸kodamas reikaling迭 objekt迭, negu dirbdamas svarbius darbus
  • 58. GUI ir vartotojo darbo na邸umas (2) Tiesioginis manipuliavimas objektais ne visada yra patogus patyrusiems vartotojams Kartais tam tikr veiksm daug greiiau galima atlikti keli迭 klavi邸迭 pagalba negu kad eile pels klavi邸迭 paspaudim迭
  • 59. GUI komponentai (1) Darbastalis tai pirmin vartotojo darbo sritis: jis u転pildo ekran ir suteikia fon vartotojo atliekamiems u転daviniams
  • 60. GUI komponentai (2) Ikonos: jos naudojamos vizualiam objekt迭 ar u転davini迭 atvaizdavimui ekrane kaip taisykl, tai nedideli paveikslliai, kurie atspindi vaizduojam迭 objekt迭 paskirt眺 projektuojant ikonas, visada reikia turti omenyje, jog parinkus ikon visai nesusijusi arba menkai susijusi su vaizduojamu objektu, vartotojui bus sunku 眺sidmti, k ji vaizduoja, o nuo to kris jo darbo efektyvumas
  • 61. GUI komponentai (3) Langai: tai specialios paskirties fizin ekrano dalis, kurios pagalba vartotojui suteikiama galimyb stebti tam tikr atliekamo darbo aspekt bei matyti jo rezultatus
  • 62. Vartotojo sveikos su GUI b笛dai Pels pagalba Klaviat笛ros pagalba
  • 63. Vartotojo sveika su GUI pels pagalba Vartotojas valdo pel specialaus 転ymeklio, nuolat matomo monitoriaus ekrane, pagalba Priklausomai nuo to, kur randasi 転ymeklis, keiiasi ir jo forma, o formos pokyio dka, vartotojas informuojamas apie tai, koki operacij jis gali atlikti arba kokioje b笛senoje yra sistema
  • 66. Vartotojo sveika su GUI klaviat笛ros pagalba Klaviat笛ra tai pagrindin tekstins informacijos 眺vedimo ir redagavimo priemon Realizuojant GUI, klaviat笛ra gali b笛ti naudojama ne tik duomen迭 眺vedimui, bet ir valdymui, re転im迭 perjungimui ir kaip priemon, kuri pagreitina prijim prie objekt迭 bei operacij迭
  • 67. Klavi邸迭 klasifikavimas Teksto klavi邸ai (raids, skaiiai) Navigacijos klavi邸ai (rodykls) Funkciniai klavi邸ai (F1, F2, ..., F12) Prijimo klavi邸ai Re転imo klavi邸ai Greitieji klavi邸ai
  • 68. Prijimo klavi邸ai Prijimo klavi邸as tai teksto klavi邸as, kuris naudojamas kartu su klavi邸u <Alt>, aktyvizuoja tam tikr valdymo element Pavyzd転iui, kombinacija <Alt>+O gali aktyvizuoti operacij Open (Atidaryti) Prijimo klavi邸as turi b笛ti unikalus programos ribose, t.y. vienas ir tas pats klavi邸as negali b笛ti naudojamas keleto funkcij迭 atlikimui
  • 69. Re転imo klavi邸ai Re転imo klavi邸ai pakeiia kit迭 klavi邸迭 veikimo b笛d: Klavi邸as-perjungjas 眺jungia arba i邸jungia konkret迭 darbo re転im ( pavyzd転iui, klavi邸as <Caps Lock> 眺jungia/i邸jungia ra邸ymo did転iosiomis raidmis re転im ) Klavi邸as-modifikatorius nustato re転im, kuris i邸lieka tik tol, kol klavi邸as-modifikatorius yra paspaustas ( 邸iam tipui priklauso <Shift>, <Ctrl> ir <Alt> klavi邸ai )
  • 70. Greitieji klavi邸ai Greitieji klavi邸ai dar vadinami kar邸taisiais klavi邸ais ( hot keys ) Tai klavi邸ai arba j迭 kombinacija, u転tikrinanti greit prijim prie da転nai naudojam迭 komand迭 Kombinacijose rekomenduojama naudoti <Ctrl>+<simbolis> ir funkcinius klavi邸us (nuo F1 iki F12) Projektuodami vartotojo ssaj, venkite naudoti greitinaniuosius klavi邸us kaip vienintel priemon pasiekti vien ar kit komand
  • 71. Greit迭j迭 klavi邸迭 priskyrimo taisykls (1) Naudokite kombinacij <Shift>+<klavi邸as> nordami i邸plsti arba papildyti veiksm, atliekam be <Shift> klavi邸o pagalbos ( pavyzd転iui, jeigu kombinacija <Alt>+<Tab> leid転ia persijungti nuo vieno lango prie kito einant nuo vir邸aus 転emyn, tai kombinacija <Shift>+<Alt>+<Tab> perjunginja langus prie邸ingu keliu )
  • 72. Greit迭j迭 klavi邸迭 priskyrimo taisykls (2) Naudokite kombinacij <Ctrl>+<klavi邸as> nordami sustiprinti veiksm, atliekam <klavi邸o> pagalba ( pavyzd転iui, jeigu redaguodami tekst, norite gr眺転ti 眺 eiluts prad転i, naudojate klavi邸 <Home>, tuomet kombinacija <Ctrl>+<Home> turt迭 leisti sugr眺転ti 眺 dokumento prad転i )
  • 73. Greit迭j迭 klavi邸迭 priskyrimo taisykls (3) Venkite kombinacijos <Alt>+<klavi邸as>, nes ji gali konfliktuoti su standartinmis komandomis, leid転ianiomis prieiti prie tam tikr迭 meniu punkt迭 ar kit迭 ssajos valdymo element迭
  • 74. Greit迭j迭 klavi邸迭 priskyrimo taisykls (4) Kurdami P町, standartinms operacijoms, tokioms kaip kopijuoti, atidaryti ir pan., naudokite tos operacins sistemos, kurioje funkcionuoja P町, klavi邸迭 kombinacijas, kadangi vartotojas jau yra prie j迭 priprats
  • 75. Greit迭j迭 klavi邸迭 priskyrimo taisykls (5) Sudarykite vartotojui galimyb paiam susigalvoti savo greit迭j迭 klavi邸迭 kombinacijas Naudokite <Esc> klavi邸 atliekamos operacijos nutraukimui
  • 76. Internetini迭 program迭 vartotojo ssajos projektavimas
  • 77. Internetini迭 program迭 vartotojo ssajos komponentai Pasyv笛s puslapio elementai (fonas, tekstas, grafika, lentels, freimai) Interaktyv笛s elementai (sra邸ai, mygtukai, formos) Estetinio apipavidalinimo elementai (garsiniai efektai, animacija) Navigacijos po svetain elementai Nuorodos 眺 i邸orinius interneto 邸altinius
  • 78. Rekomendacijos internetini迭 program迭 vartotojo ssajai (1) Stenkits naudoti ramius tonus svetains fonui Venkite 邸viesi迭 raid転i迭 tamsiame fone Jeigu J笛s迭 puslapyje yra daug grafikos, kuri pasikrauna liau negu tekstas ir pasirodo puslapyje pati paskutinioji, dert迭 suteikti vartotojui galimyb per転i笛rti svetain tekstiniu re転imu
  • 79. Rekomendacijos internetini迭 program迭 vartotojo ssajai (2) Jeigu norint nar邸yti J笛s迭 puslapyje, vartotojui reikia k nors specialiai nustatyti savo nar邸yklje arba netgi i邸 viso pakeisti nar邸ykl, informuokite j眺 apie tai i邸 anksto (geriausiai, prane邸im patalpinti lango vir邸uje)
  • 80. Rekomendacijos e-parduotuvms (1) Suteikite potencialiam pirkjui galimyb keliais b笛dais atlikti jam reikaling迭 preki迭 paie邸k Apgalvokite si笛lom迭 preki迭 klasifikacij, prie kiekvienos preki迭 grups pateikdami trump jos apra邸.
  • 81. Rekomendacijos e-parduotuvms (2) Prie kiekvienos preks galima pateikti ir jos nuotrauk, taiau geriausia rodyti suma転int jos variant, kur眺 nordamas vartotojas galt迭 i邸sididinti taip u転tikrinsite greit puslapio u転krovim Svetains spalvas parinkite tokias, kurios atitikt迭 j笛s迭 firmos 転enkl bei jame esanius spalv迭 derinius