24
Vartotojo sąsajos projektavimas

Vartotojo s ą sajos projektavimas

  • Upload
    alka

  • View
    54

  • Download
    5

Embed Size (px)

DESCRIPTION

Vartotojo s ą sajos projektavimas. Vartotojo sąsajos apibrėžimas. - PowerPoint PPT Presentation

Citation preview

Page 1: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos projektavimas

Page 2: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos apibrėžimas

Vartotojo sąsaja – tai dalykinės srities informacinis modelis, priemonės ir būdai, kurių pagalba vartotojas sąveikauja su tuo informaciniu modeliu, o taip pat komponentai, užtikrinantys informacinio modelio formavimą darbo su PĮ metu

Page 3: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos įtaka PĮ populiarumui

Labai dažnai pasitaiko situacija, kuomet tas pačias funkcijas atliekančios programos, turi visiškai skirtingą vartotojo sąsają

Kiekvienas PĮ kūrėjas turi turėti omenyje, kad dažnai vartotojas pasirenka ne programą, kuri yra patikimesnė ir turi daugiau galimybių, o programą, kuri turi patogią ir gražią vartotojo sąsają

Vartotojo darbo efektyvumas ir našumas priklauso ne vien tik nuo programos funkcionalumo, tačiau ir nuo vartotojo sąsajos kokybės

Page 4: Vartotojo s ą sajos projektavimas

Geros vartotojo sąsajos savybės

Aiškumas Suderinamumas Draugiškumas Grįžtamasis ryšys Paprastumas Estetiškumas

Page 5: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos aiškumas

Aiški vartotojo sąsaja – tai tokia vartotojo sąsaja, 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 dalykinėje srityje, kurią kompiuterizuoja programinis produktas, naudojamą terminologiją bei žymėjimus

Page 6: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos suderinamumas (1)

Vartotojo sąsajos suderinamumas leidžia vartotojams jau sukauptas darbo su programa žinias panaudoti naujų uždavinių sprendimui, greičiau įsisavinti naujas sistemos galimybes ir dėka to, susikoncentruoti ne į naujų mygtukų, komandų ar meniu punktų perpratimą, o į sprendžiamas problemas

Suderinamumas gali būti: produkto ribose programos veikimo aplinkoje metaforų naudojime

Page 7: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos suderinamumas (2)

Vartotojo sąsajos suderinamumas produkto ribose reiškia, kad viena ir ta pati komanda (pavyzdžiui, Copy) turi tą pačią paskirtį (pažymi dalį teksto kopijavimui) ir iškviečiama tokiu pat būdu (meniu Edit->Copy arba klavišais Ctrl+C) bet kurioje programos vietoje

Page 8: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos suderinamumas (3)

Suderinamumas programos veikimo aplinkoje reiškia, kad programos vartotojo sąsaja yra panaši kitų, tai pačiai darbo aplinkai (pvz., operacinei sistemai Windows) skirtų programų sąsajas

Suderinamumas metaforų naudojime reiškia, kad bet kokie programoje naudojami žymėjimai turi atitikti savo prasmę (pvz., katalogo ikona negali reikšti programos vykdomojo failo)

Page 9: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos 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 pakęsti tik keletą sekundžių

Page 10: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos paprastumas (1)

Vartotojo sąsaja 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ų

Page 11: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos paprastumas (2)

Kitas paprastumą užtikrinantis kelias yra vartotojo sąsajos elementų grupavimas pagal prasmę – tai leidžia išnaudoti vartotojo asociatyvinį mąstymą

Page 12: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos estetiškumas

Vizualių komponentų projektavimas yra viena svarbiausių vartotojo sąsajos projektavimo dalių

Teisingai parinktos spalvos, elementų išvaizda ir pan. leidžia vartotojui ne tik lengviau perprasti vartotojo sąsają, bet ir susikoncentruoti į savo sprendžiamus uždavinius

Page 13: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos kokybės vertinimo kriterijai (1)

Laikas, reikalingas vartotojui įsisavinti programinį produktą (pavyzdžiui, nepatyręs vartotojas turi įsisavinti darbo su failais komandas per 4 valandas)

Darbo su programa įgūdžių išsaugojimas tam tikrą laiką (pavyzdžiui, po savaitės pertraukos vartotojas PĮ pagalba turi atlikti tam tikras funkcijas per nustatytą laiką)

Page 14: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos kokybės 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-balėje sistemoje)

Page 15: Vartotojo s ą sajos projektavimas

Vartotojo sąsajų tipai

Natūrali kalba

Klausimas-Atsakymas

Meniu Forma užpildymui

Komandų kalba

Grafinė sąsaja

Stylus

Liečiamieji ekranai

Kalbos garsai

Taisyklės vartotojo sąsajos tipui parinkti

1. Greitai įsisavinamas 2. Greitai išvystomas automatizmas 3. Klaidų daroma nedaug, ir jos yra ne dėl dizaino 4. Klaidos nesudaro didelių problemų 5. Greitai persiorientuojama dirbti kita sąsaja

Page 16: Vartotojo s ą sajos projektavimas

Natūrali kalbaLeidžia bendrauti su kompiuteriu natūralia kalba, o tam nereikia jokio specialaus parengimo

Klausimas iš TU1

Klausimas iš TU2

Klausimas iš TU3

• Išvesti sąrašą labiausiai perkamų prekių:

Muilas Valymo priemonės Batų tepalas•Palyginti pirkimą pagal miestus:

Vilnius 7% Kaunas 5% Klaipėda 4%

•Jei norite grafiškai, paspauskite F3

Mėgstama nepatyrusių vartotojų

Jei anglų kalba – ne visiems suprantama, tačiau dar sunkiau gali būti su kitokia sąsaja. Pvz., nemoka dirbti pelyte, neįgalus,...

Tokia sąsaja yra brangi, gali pareikalauti daug skaičiavimo resursų

Yra tokių sąsajų pareikalavimas, todėl jos kuriamos. Tai besiplečianti sritis

Pavyzdys: www.askjeeves.com prašo taip suvesti klausimus, paskiau išveda atsakymus

Page 17: Vartotojo s ą sajos projektavimas

Klausimas-Atsakymas

Taip

Ar įsiminti pakeitimus?

Ne Atšaukti

Vartotojas atsako į klausimą klavišo arba pelės mygtuko paspaudimu

Vadinamas dar dialogo langu: nebūtinai ten turi būti klausimas, pvz, instaliuojant išvedama daug tokių langų. Taip pat gali būti konsultuojantys arba komandiniai pranešimai

Vienas iš atsakymų paprastai siūlomas - paryškintas

Page 18: Vartotojo s ą sajos projektavimas

Meniu

File Edit View Insert Format ......

New...

Open...

Close

.....

File“Meniu” pavadinimas pasiskolintas iš valgyklos

Vartotojo veiksmai apriboti pasirinkimo galimybe

Vartotojas turi žinoti sistemą, t.y., kas slepiasi už kiekvienos pasiūlos

Pasirinkimas gali būti klaviatūra, pelyte ar dar kuo nors (pvz., surinkus pirmąsias meniu raides)

Meniu gali būti įterpti vienas į kitą, kad neužgriozdintų ekrano ir dėl geresnio dizaino. Be to nerodo to, ko tuo metu vartotojas neprašo

Programinės įrangos meniu prisilaiko tokių taisyklių:Pagrindinio meniu eilutė visada rodoma

Pagrindiniame meniu visi pasirinkimai yra vienažodžiai

Pagrindinis meniu visada turi antrinį pasirinkimą iš grupės

Antrinio pasirinkimo grupėje leidžiama naudoti daugiau negu vieną žodį

Antrinio pasirinkimo meniu leidžia tolimesnį pasirinkimą

Išblukinta spalva rodo neaktyvų pasirinkimą

Page 19: Vartotojo s ą sajos projektavimas

Formos užpildymui

Partijos nr. Aprašymas Kiekis Vieneto kaina

AZ145 Guoliai 57x3 10000 37,0

CVD-a444 Kronšteinai 10 74

……… ……….. …… ……..

Ekrane pasirodanti lentelė, kurią turi pildyti arba peržiūrėti ir atnaujinti vartotojas

Paprastai formos pavidalas vartotojui žinomas iš naudojamos popierinės formos

Sukuriama ir patogi kursoriaus valdymo klavišais technologija

Tačiau patyrę vartotojai siekia efektyvesnių įvedimo formų

Page 20: Vartotojo s ą sajos projektavimas

Komandų kalba

USE SALESPEOPLE DISPLAY ALL LAST NAME FOR CURRRENT SALES >QUOTA

USE GROCER REPLACE ALL SPOILS WITH PBOUGHT – PSOLD GO TOP LIST

Taip vartotojas rašo komandas ekrane.

Reikia pasirengimo, tačiau patyrusiam vartotojui tai priimtina.

Kompiuteris iškart interpretuoja komandas

Page 21: Vartotojo s ą sajos projektavimas

Grafinė vartotojo sąsaja

Leidžia manipuliuoti grafinėmis duomenų išraiškomis ekrane, tam naudojant klaviatūrą, pelę ar kitą manipuliatorių.

Page 22: Vartotojo s ą sajos projektavimas

Kiti sąsajų tipaiStylus PDAs – Personal Digital Asistents ir rankraštį atpažįstančios programos daro juos populiariais. Handhelds. Tablet PC.Palm. Pocket/PC – pigūs ir naudingi: kalendorius, adresai, atmintinė

Liečiamieji ekranai naudingi plačiai visuomenei: žemėlapiai, infomacija stotyse, įstaigose, muziejuose,...

Kalbos garsų analizė ir sintezė. Jau yra komandos “open file”,”save file”. Bandoma atpažinti kalbėtojo pasakytą tekstą arba tik paskiras komandas. Scan Soft’s Dragon NaturallySpeaking produktai pirmasis žodynas PC

Page 23: Vartotojo s ą sajos projektavimas

Dialogo kokybėPrasmingas dialogas

Aiškumas

Nepatyrusiam vartotojui daugiau paaiškinimų (web sites)

Minimalūs vartotojo veiksmai

Minimalu klavišų spaudymas (naudoti kodus vietoj žodžių, įvesti tik tai, ko dar nėra atmintyje, automatiškai išvesti tarnybinę informaciją pagal nutylėjimą, įvesti tik pirmąsias raides klausiant, daugiau leisti naudoti klaviatūrą, kad nereiktų kilnoti rankos ant pelytės

Pilnumas ir standartai

Užpildyti laukus, kuriuos galima užpildyti Naudoti tuos pačius klavišus toms pačioms operacijoms (help, exit, cancel)

Standartizuoti spalvas sąvokas

Standartizuoti meniu

Atsakymai vartotojui iš kompiuterio:

Kai priimti įvesti duomenys Kai įvedimas atliktas korektiškai Kai įvedimas atliktas nekorektiškai Kai procesai vėluoja Kai negali įvykdyti užklausos Kai įvykdo užklausą

Pagalba:

Paspaudus F1 Paspaudus dešinį klavišą iškrenta meniu Palaikius pelytės rodyklę virš ikonos “wizardai” - klausimai

Specialus dialogas el.verslo sistemoms:

E-mail adresai, svetainių adresai,....

Page 24: Vartotojo s ą sajos projektavimas

Vartotojo sąsajos projekte pateikti

Langų planą

Langų projektą

Pagr. meniu

1 punktas 2 punktas 3 punktas

3.1

3.2

Pavadinimas

Kiekis

Įvesti Atšaukti

Kiekio įvedimo langas