71
ommerville 2010 Software Engineering, 8th edition. Slide 1 (interfeiso) projektavimas Efektyvių sąsajų projektavimas programinės įrangos sistemoms

Vartotojo sąsajos (interfeiso) projektavimas

  • Upload
    diella

  • View
    73

  • Download
    0

Embed Size (px)

DESCRIPTION

Vartotojo sąsajos (interfeiso) projektavimas. Efektyvių sąsajų projektavimas programinės įrangos sistemoms. Įžanga. Vartotojo sąsajos projektavimas Įžanga (Tikslai, temos, reikšmė, grafinės sąsajos charakteristikos, privalumai, orientacija, procesas). Tikslai. - PowerPoint PPT Presentation

Citation preview

Page 1: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 1

Vartotojo sąsajos (interfeiso) projektavimas

Efektyvių sąsajų projektavimas programinės įrangos sistemoms

Page 2: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 2

Įžanga Vartotojo sąsajos projektavimas Įžanga (Tikslai,

temos, reikšmė, grafinės sąsajos charakteristikos, privalumai, orientacija, procesas)

Page 3: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 3

Tikslai Pateikti pagrindinius vartotojo sąsajos

projektavimo principus Paaiškinti skirtingus bendravimo su kompiuteriu

būdus Supažindinti su informacijos vaizdavimo būdais Apibūdinti paramą vartotojui, kuri turėtų būti

įdiegta į vartotojo sąsają

Page 4: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 4

Aptariamos temos Vartotojo sąsajos projektavimo principai Bendravimas su vartotoju Informacijos vaizdavimas Parama vartotojui Sąsajos įvertinimas

Page 5: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 5

VARTOTOJO SĄSAJOS REIKŠMĖ

Sistemos vartotojas dažnai sprendžia apie sistemą iš jos sąsajos, o ne iš sistemos funkcionalumo

Prastai (varganai) suprojektuota sąsaja gali būti katastrofiškų vartotojo klaidų priežastimi

Prasta vartotojo sąsaja yra pagrindinė priežastis, kodėl daugelis programinės įrangos sistemų yra nenaudojamos

Page 6: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 6

GRAFINĖ VARTOTOJO SĄSAJA (GUI)

Daugelis verslo sistemų vartotojų sąveikauja su šiomis sistemomis per grafinę sąsają, nors, kai kuriais atvejais, iš seniau likusios tekstu pagrįstos sąsajos vis dar yra naudojamos

Page 7: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 7

GUI charakteristikosCharakteristika ApibūdinimasLangai Kartotinis langų skaičius leidžia

skirtingą informaciją vartotojoekrane pavaizduoti vienu metu

Ikonos Ikonos suskirsto informacijostipus. Kai kuriose sistemoseikonos vaizduoja failus, kaikuriose procesus

Meniu Komandos yra pasirenkamos išmeniu, vietoj to kad rašyti jaskomandų kalba

Nurodymas (pointing) Nurodymo įrenginiai tokie kaippelė yra naudojami pasirenkantmeniu punktus arba pažymintvieną iš languose pavaizduotųdaiktų (item)

Grafika Grafiniai elementai gali būtinaudojami kartu su tekstu tamepačiame monitoriuje

Page 8: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 8

GUI (grafinės vartotojo sąsajos) privalumai

Lengvai išmokstama ir vartojama vartotojai be patirties gali greitai išmokti naudotis sistema

Vartotojas gali greitai pereiti (persijungti) nuo vieno darbo prie kito ir gali sąveikauti su keletu skirtingu programų vienu metu informacija matoma vartotojo lange kai dėmesys nukreipiamas

kitur

Greita, pilno ekrano sąveika yra įmanoma naudojant momentinį priėjimą prie bet kurios ekrano vietos

Page 9: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 9

Į VARTOTOJĄ ORIENTUOTAS PROJEKTAVIMAS (user-centred) Į

Šio skyriaus tikslas yra atkreipti programinės įrangos inžinierių dėmesį į esminius klausimus pabrėžiant projektavimą, o ne vartotojo sąsajos realizavimą

Projektavimas orientuotas į vartotoją - toks vartotojo sąsajos projektavimo būdas kur vartotojo poreikiai yra pirmaeiliai ir kur vartotojas yra įtrauktas projektavimo procesą

Vartotojo sąsajos projektavimas visada įtraukia sąsajų prototipų kūrimą

Page 10: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 10

VARTOTOJO SĄSAJOS PROJEKTAVIMO PROCESAS

Executableprototype

Designprototype

Produce paper-based design

prototype

Producedynamic design

prototype

Evaluate designwith end-users

Implementfinal userinterface

Evaluate designwith end-users

Analyse andunderstand user

activities

Page 11: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 11

Aptariamos temos Vartotojo sąsajos projektavimo principai

(Pagrindiniai reikalavimai, šeši principai) Bendravimas su vartotoju Informacijos vaizdavimas Parama vartotojui Sąsajos įvertinimas

Page 12: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 12

Vartotojo sąsajos projektavimo pagrindiniai reikalavimai

Vartotojo sąsajos projektavimas turi vertinti sistemos vartotojo poreikius, patirtį ir sugebėjimus

Projektuotojai turi žinoti žmonių fizinius ir mentalinius (protinius) apribojimus (pvz. ribota trumpalaikė atmintis) ir turi suprasti, kad žmonės daro klaidas

Vartotojo sąsajos projektavimo principai yra sąsajos projektavimo pagrindas, nors ne visi principai yra taikomi visiems projektavimams

Page 13: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 13

PROJEKTAVIMO PRINCIPAI Vartotojų pažinimas

Sąsaja turi būti pagrįsta vartotojo terminais ir koncepcijomis, o ne kompiuterinėmis koncepcijomis. Pvz. Biuro sistema turi vartoti tokias koncepcijas kaip raidės, dokumentai, aplankai, o ne direktorijos, failų identifikatoriais ir t.t.

Nuoseklumas Sistema turi atvaizduoti atitinkamą nuoseklumo lygį.

Komandos ir meniu privalo turėti tą patį formatą, komandų skyryba turi būti panaši ir t.t.

Minimalus nustebimas Jei komanda veikia žinomu būdu, vartotojas turi sugebėti iš

anksto nustatyti panašios komandos veiksmus

Page 14: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 14

PROJEKTAVIMO PRINCIPAI Atstatomumas

Sistema turi teikti tamprumą (atsparumą) vartotojo klaidoms ir turi leisti vartotojui ištaisyti klaidas. Tai gali susidėti iš ‘undo’ (atšaukti paskutinį veiksmą) galimybės, destruktyvių veiksmų patvirtinimo reikalavimo, ‘minkštų’ ištrynimų ir t.t.

Vadovavimas vartotojams Tokie vartotojo gidai kaip pagalbos sistemos, on-line vartotojo

vadovai ir t.t. turi būti pateikta

Vartotojų skirtingumas Turi būti skirtingos sąsajos skirtingiems vartotojų tipams. Pvz.

kai kurie vartotojai turi sunkumų su regėjimu taigi turėtų būti prieinamas didesnis tekstas

Page 15: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 15

Vartotojo sąsajos projektavimo principų lentelė

Principas ApibūdinimasVartotojo pažinimas Sąsaja turi vartoti terminus ir koncepcijas, kurios yra gautos iš

žmonių, labiausiai vartojančių sistemąNuoseklumas Sąsaja turi būti pastovi tuo, kad, kai tik įmanoma,

panašios operacijos turėtų būti vykdomos taip patMinimalus nustebimas Vartotojas niekada neturėtų nusistebėti sistemos poelgiais

Atstatomumas Sąsaja privalo turėti savyje mechanizmus leidžiančius vartotojui atitaisyti klaidas

Vadovavimas vartotojams Sąsaja turi pateikti vartotojui reikšmingą paramą atsiradus

klaidoms ir aprūpinti reaguojančias į kontekstą pagalbos sistemas

Vartotojų skirtingumas Sąsaja turi būti aprūpinta atitinkamomis sąveikos priemonėmis skirtingiems vartotojų tipams

Page 16: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 16

Aptariamos temos Vartotojo sąsajos projektavimo principai Bendravimas su vartotoju (sąveika, penki

bendravimo stiliai, modeliai, kiekvieno iš jų apibūdinimas)

Informacijos vaizdavimas Parama vartotojui Sąsajos įvertinimas

Page 17: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 17

VARTOTOJO - SISTEMOS SĄVEIKA

Dvi problemos turi būti sprendžiamos interaktyvių sistemų projektavime Kaip vartotojo informacija bus pateikta kompiuterinei sistemai? Kaip informacija iš kompiuterinės sistemos bus pateikta

vartotojui?

Vartotojo sąveiką ir informacijos vaizdavimą galima sujungti naudojant suderintą vartotojo sąsajos metaforą

Page 18: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 18

BENDRAVIMO STILIAI Tiesioginis manipuliavimas Menių pasirinkimas Formų užpildymas Komandinė kalba Natūrali kalba

Page 19: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 19

TIESIOGINIO MANIPULIAVIMO PRIVALUMAI

Vartotojas jaučia kontroliuojąs kompiuterį ir todėl mažiau tikėtina, kad bus jo “įbaugintas”

Vartotojo mokymo laikas sąlyginai mažas Vartotojas gauna momentalų savo veiksmų

įvertinimą, grįžtamą ryšį (feedback), tad klaidos yra greitai nustatomos ir ištaisomos

Page 20: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 20

TIESIOGINIO MANIPULIAVIMO PROBLEMOS

Atitinkamo informacijos erdvės modelio gavimas gali būti labai sunkus

Vartotojas turi daug informacijos erdvės, ir priemonės turi būti suteiktos keliauti ta erdve

Tiesioginės manipuliacijos sąsajos gali būti sudėtingos programuoti

Page 21: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 21

Valdymo skydelio sąsaja

Title

Method

Type

Selection

NODE LINKS FONT LABEL EDIT

JSD. example

JSD

Network

Process

Units

Reduce

cm

Full

OUIT

PRINT

Grid Busy

Page 22: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 22

MENIU SISTEMOS Vartotojas pasirenka iš galimybių sąrašo, kuris

yra pateikiamas sistemos Pasirinkimas gali būti daromas nurodant ir

spaudžiant pelę, naudojant kursorinius klavišus arba rašant pasirinkto punkto vardą

Gali būti vartojama su paprastais (simple-to-use) terminalais tokiais kaip paliečiamas ekranas (touchscreens)

Page 23: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 23

MENIU SISTEMOS PRIVLUMAI

Vartotojui nereikia atsiminti komandų vardų, nes komandos visada parodytos galimų komandų sąraše

Rašymo (spausdinimo klaviatūra) pastangos yra minimalios

Vartotojo klaidos yra surandamos sąsajoje Gali būti pateiktos nuo konteksto priklausomos

pagalbos sistemos . Vartotojo kontekstas yra nurodomas pasirinkant einamąjį menių

Page 24: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 24

PROBLEMOS SU MENIU SISTEMOMIS

Veiksmus turinčius loginę konjukciją (“ir”) ar disjunkciją (“arba”) yra nepatogu pateikti

Meniu sistemos geriausiai tinka kai reikia pateikti nedidelį “pasirinkimų” skaičių. Jei yra daug “pasirinkimų”, reikia naudoti meniu struktūrizavimo priemones

Patyrę vartotojai laiko meniu lėtesne sistema nei komandų kalbą

Page 25: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 25

Forma pagrįsta sąsaja

Title

Author

Publisher

Edition

Classification

Date ofpurchase

ISBN

Price

Publicationdate

Number ofcopies

Loanstatus

Orderstatus

NEW BOOK

Page 26: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 26

KOMANDINĖS SĄSAJOS PRIVALUMAI

Vartotojas renka komandas, kad pateikti instrukcijas sistemai pvz. Unix

Gali būti realizuota naudojant pigius terminalus Lengva apdoroti naudojant kompiliavimo

metodus Norimo sudėtingumo komandos gali būti

sukurtos iš komandų kombinacijos Gali būti sukurta glausta sąsaja reikalaujanti

minimalaus rašymo

Page 27: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 27

PROBLEMOS SU KOMANDINĖMIS SĄSAJOMIS

Vartotojas turi išmokti ir atsiminti komandų kalbą. Todėl komandų sąsajos netinka atsitiktiniam vartotojui

Vartotojai daro klaidas komandose, todėl reikalinga klaidų aptikimo ir atstatymo sistema

Sistemos sąveika atliekama klaviatūra, todėl reikia mokėti ja naudotis

Page 28: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 28

KOMANDINĖS KALBOS Dažnai labiau mėgiamos patyrusių vartotojų, nes

leidžia greitesnę sąveiką su sistema Netinkama atsitiktiniam ar nepatyrusiam

vartotojui Gali būti pateikta kaip alternatyva meniu

komandoms (klaviatūros greitoms komandoms “shortcut”). Kai kuriais atvejais komandų kalbos ir meniu sąsajos yra palaikomos vienu metu

Page 29: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 29

DAUGIAVARTOTOJIŠKOS SĄSAJOS

Operating system

GUImanager

Graphical userinterface

Commandlanguage

interpreter

Commandlanguageinterface

Page 30: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 30

NATŪRALIŲ KALBŲ SĄSAJA Vartotojas rašo komandą natūralia kalba.

Bendrai, žodynas yra ribojamas ir šios sistemos yra apribotos specifiniai programų sričiai

Natūralių kalbų apdorojimo technologija dabar yra pakankamai gera, kad padaryti šias sąsajas efektyvias atsitiktiniam vartotojui, bet patyrę vartotojai mano, kad tai reikalauja per daug spausdinimo

Page 31: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 31

Privalumai ir trūkumaiSąsajos būdas Privalumai Trūkumai Programų pvz.Tiesioginis Greita ir intuityvi sąveika Sunku realizuoti Video žaidimaimanipuliavimas Lengva išmokti Tinka tik kur yra Automatizuoto projektavimo

matomos metaforos sistemos darbams ir objektams

Meniu pasirinkimas Išvengia vartotojo klaidų Lėtas patyrusiems Dauguma bendro naudojimo Reikia mažai rašymo vartotojams. Gali sistemų

pasidaryti sudėtingas jei daug meniu pasirinkimų

Formų užpildymas Paprastas duom. įvedimas Užima daug ekrano Akcijų kontrolė, paskolų Lengva išmokti vietos apdorojimas

Komandinė kalba Galinga ir lanksti Sunku išmokti, silpnas Operacinės sistemos klaidų valdymas Bibliotekos informacijos

gavimo sistemosNatūrali kalba Prieinama paprastam

vartotojui. Reikalauja daugiau Lengvai išplečiama rašymo Timetable sistemos

Natūralias kalbas WWW informacijos sistemos nepatikimos išgavimo sistemos

Page 32: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 32

Aptariamos temos Vartotojo sąsajos projektavimo principai Bendravimas su vartotoju Informacijos vaizdavimas ( informacijos

klasifikavimas, klausimai vaizdavimui, alternatyvus vaizdavimas, analoginis, skaitmeninis, duomenų vizualizavimas, spalvų naudojimo taisyklės)

Parama vartotojui Sąsajos įvertinimas

Page 33: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 33

INFORMACIJOS VAIZDAVIMAS

Informacijos vaizdavimas yra susijęs su sistemos informacijos pristatymu sistemos vartotojui

Informacija gali būti pristatyta tiesiogiai

(pvz. tekstas teksto apdorojimo sistemoje) arba gali būti transformuotas į kokį nors vaizdelį

(pvz. grafinė forma) Model-View-Controller metodas remiasi

įvairialypiu duomenų vaizdavimu

Page 34: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 34

INFORMACIJOS VAIZDAVIMAS

Information tobe displayed

Presentationsoftware

Display

Page 35: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 35

INFORMACIJOS VAIZDAVIMAS

Statinė informacija Inicializuojama sesijos pradžioje. Nesikeičia sesijos metu Gali būti arba skaitmeninė, arba tekstinė

Dinaminė informacija Keičiasi sesijos metu ir pokyčiai turi būti perduodami sistemos

vartotojui Gali būti arba skaitmeninė, arba tekstinė

Page 36: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 36

Klausimai informacijos vaizdavimui

Ar vartotojui įdomi tiksli informacija ar duomenų santykiai?

Kaip greitai keičiasi informacijos reikšmė ? Ar pokyčiai turi būti parodyti tučtuojau? Ar vartotojas turi imtis kokių nors veiksmų

atsakydamas į pokyčius? Ar yra tiesioginio manipuliavimo sąsaja? Ar informacija tekstinė ar skaitmeninė? Ar

santykinės reikšmės svarbios?

Page 37: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 37

Alternatyvus informacijos vaizdavimas

0

1000

2000

3000

4000

Jan Feb Mar April May June

Jan2842

Feb2851

Mar3164

April2789

May1273

June2835

Page 38: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 38

ANALOGINIS IR SKAITMENINIS VAIZDAVIMAS

Skaitmeninis vaizdavimas Kompaktiškas - užima mažai ekrano vietos Gali būti pateiktos tikslios reikšmės

Analoginis vaizdavimas Lengviau sudaromas įspūdis apie reikšmių keitimasį Įmanoma parodyti santykines reikšmes Lengviau matyti išimtines duomenų reikšmes

Page 39: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 39

DINAMINIS INFORMACIJOS ATVAIZDAVIMAS

1

3

4 20 10 20

Dial with needle Pie chart Thermometer Horizontal bar

Page 40: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 40

SANTYKINIŲ REIKŠMIŲ ATVAIZDAVIMAS

0 100 200 300 400 0 25 50 75 100

Pressure Temperature

Page 41: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 41

Tekstinis pabrėžimas

The filename you have chosen has beenused. Please choose another name

Ch. 16 User interface design!

OK Cancel

Page 42: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 42

DUOMENŲ VIZUALIZAVIMAS

Vizualizavimas susijęs su didelių informacijos kiekių atvaizdavimu

Vizualizavimas gali atskleisti santykius tarp esybių ir tendencijos duomenyse

Galimas duomenų vizualizavimas yra: Meteorologinė informacija surinkta iš kelių šaltinių Telefono tinklo būsena, kaip sujungtų mazgų aibė Cheminė gamykla vaizduojama parodant slėgius ir

temperatūras sujungtoje vamzdžių ir rezervuarų sistemoje Molekulinis modelis parodytas trimatėje erdvėje

Page 43: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 43

SPALVOTI ATVAIZDAVIMAI Spalvos prideda papildomą dimensiją sąsajai ir

gali padėti vartotojui suprasti sudėtingas informacijos struktūras

Gali būti naudojamas išryškinimas išskirtinių įvykių

Įprastos klaidos naudojant spalvą sąsajos projektavime: Spalvos naudojimas perduodant reikšmę Spalvų perdozavimas atvaizdavime

Page 44: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 44

SPALVŲ NAUDOJIMO TAISYKLĖS

Nenaudoti per daug spalvų Naudoti spalvų kodavimą ir leisti vartotojui jį

keisti Projektuoti naudojant vieną spalvą ir tik tada

pridėti kitas spalvas Naudoti spalvinį kodavimą nuosekliai Vengti spalvų porų, kurios gali konfliktuoti Naudoti spalvos pasikeitimus, kad parodyti

būsenos pasikeitimus

Page 45: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 45

Aptariamos temos Vartotojo sąsajos projektavimo principai Bendravimas su vartotoju Informacijos vaizdavimas Parama vartotojui (Klaidų pranešimai,

įtakojantys faktoriai, pavyzdys, pagalbos sistemos rengimas, naudojimas, įėjimo taškai, vartotojo dokumentacija, dokumentų tipai)

Sąsajos įvertinimas

Page 46: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 46

PARAMA VARTOTOJUI Vartotojo vadovas turi aprėpti visas sistemos

paramos galimybes, kad padėti vartotojui- tame tarpe on-line pagalba, klaidų pranešimais, dokumentacija ir t. t.

Vartotojo vadovo sistema turėtų būti integruota į vartotojo sąsają, kad padėtų vartotojui kai jam reikia informacijos apie sistemą arba kai jis padaro kokias nors klaidas

Pagalbos ir pranešimų sistema turėtų būti integruota, jei įmanoma

Page 47: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 47

KLAIDŲ PRANEŠIMAI Klaidų pranešimų projektavimas yra labai

svarbus. Silpni klaidų pranešimai gali reikšti, kad vartotojas greičiau atmes sistemą negu priims

Pranešimai turi būti mandagūs, glausti, nuoseklūs ir konstruktyvūs

Vartotojo patirtis ir įgūdžių lygis turi būti lemiami faktoriai projektuojant pranešimus

Page 48: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 48

Svarbūs faktoriai ruošiant pranešimus

Kontekstas Vartotojo paramos sistema turi žinoti ką vartotojas daro ir turipritaikyti išvedimo žinutes esamam kontekstui

Patirt is Kai vartotojas susipažysta su sistema jį pradeda varginti ilgos,"reikš mingos" žinutės. Tačiau pradedantiesiems sunku suprastitrumpus pareiškimus apie p roblemą. Vartotojo paramos sistematurėti pateikti abu pranešimų t ipus ir leisti vartotojui kontroliuotipranešimų glaustumą

Įgūdžių lygis Pranešimai turi būti susieti su vartotojo įgūdžiais kaip ir su patirtimi.Pranešimai skirtingoms vartotojų klasėms turo būti išreikštiskirtingais būdais priklausomai nuo terminologijos kurią pažystapranešimo skaitytojas (vartotojas)

Stilius Pranešimai turėtų būti labiau teig iami nei neigiami. Jie turėtų vartotilabiau aktyvią negu pasyvią adresaciją, Pranešimai n iekada neturibūti įžeidūs ar juokingi

Kultūra Kai tik įmanoma, pranešimų pro jektuotojas turėtų būti susipažinęssu šalies, kurioje parduodama sistema, ku ltūra. Yra ryškūs kultūrųskirtumai tarp Europos, Azijos ir Amerikos. Tinkamas pranešimaivienai kultūrai gali būti nepriimt inas kitai

Page 49: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 49

SLAUGĖ ĮVEDA PACIENTO VARDĄ

Please type the patient name in the bo x then click on OK

Bates , J.

OK Cancel

Page 50: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 50

SISTEMINIS IR VARTOTOJIŠKAS KLAIDŲ PRANEŠIMAS

Error #27

Invalid patient id entered?OK Cancel

Patient J . Bates is not registered

Click on Patients for a list of registered patientsClick on Retry to re-input a patient nameClick on Help for more information

Patients Help Retry Cancel

System-oriented error messageUser-oriented error message

Page 51: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 51

PAGALBOS SISTEMŲ PROJEKTAVIMAS

PADĖKITE ? Reiškia “padėkite man reikia informacijos”

PADĖKITE ! Reiškia “padėkite aš patekau į bėdą”

Abu šie reikalavimai turi būti įtraukti į pagalbos sistemos projektavimą

Skirtingos galimybės pagalbos sistemoje gali būti reikalingos

Page 52: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 52

PAGALBOS SISTEMOS RENGIMAS

Neturėtų būti tik paprasta on-line vartotojo dokumentacija

Ekranai ar langai neišsidėstomi gerai ant popieriaus lapų

Dinaminės atvaizdavimo charakteristikos gali pagerinti informacijos vaizdavimą

Žmonės ne taip gerai skaito iš ekrano kaip jie tai daro iš popieriaus

Page 53: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 53

PAGALBOS SISTEMOS NAUDOJIMAS

Turėtų būti pateikta daug įėjimo taškų (vietų), taip kad vartotojas galėtų pasiekti pagalbos sistemą iš įvairių vietų

Būtų naudingos kai kurios indikacijos priemonės, nusakančios kurioje pagalbos sistemos vietoje yra vartotojas

Turėtų būti pateiktos galimybės leidžiančios vartotojui orientuotis (navigate) ir perkirsti (traverse) sistemą

Page 54: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 54

ĮĖJIMO TAŠKAI Į PAGALBOS SISTEMĄ

Help frame network

Top-levelentry

Entry from errormessage system

Entry fromapplication

Page 55: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 55

PAGALBOS SISTEMOS LANGAI

Mail redirection

Mail may be redirected to anothernetwork user by pressing theredirect button in the controlpanel. The system asks for thename of the user or users towhom the mail has been sent

next topicsmore

Mail redirection

Mail may be redirected to anothernetwork user by pressing theredirect button in the controlpanel. The system asks for thename of the user or users towhom the mail has been sent

Help frame map

You are here

Help history

1. Mail2. Send mail3. Read mail4. Redirection

Page 56: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 56

VARTOTOJO DOKUMENTACIJA

Kaip ir informacija on-line, spausdinimui skirta dokumentacija turėtų būti tiekiama su sistema

Dokumentacija turi būti suprojektuota ir patyrusiems, ir nepatyrusiems vartotojams

Turi būti pateiktos priemonės leidžiančios lengvai naudotis dokumentacija.

Page 57: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 57

VARTOTOJO DOKUMENTŲ TIPAI

Description ofservices

Functionaldescription

Systemevaluators

How to installthe system

Installationdocument

Systemadministrators

Gettingstarted

Introductorymanual

Noviceusers

Facilitydescription

Referencemanual

Experiencedusers

Operation andmaintenance

Administrator’sguide

Systemadministrators

Sistemos administratoriai

Patyrę vartotojaiNepatyrę vartotojai

Sistemos administratoriai

Sistemos vystytojai

Page 58: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 58

DOKUMENTŲ TIPAI Funkcijinis aprašas

Trumpas aprašymas ką sistema gali daryti

Įvadinis dokumentas Pateikia neoficialų pristatymą į sistemą

Sistemos vartotojo dokumentas Aprašo detaliau visas sistemos galimybes

Sistemos instaliavimo dokumentas Aprašo kaip instaliuoti sistemą

Sistemos administratoriaus dokumentas Aprašo kaip valdyti sistemą kai ji yra naudojama

Page 59: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 59

Užduoties dokumentacija Rengiant dokumentaciją remtis anksčiau

išklausytomis disciplinomis, pavyzdžiais. Labai svarbu projektinėje dalyje naudoti UML

diagramas, pateikti duomenų struktūrą. Rengiant dokumentaciją reikia pademonstruoti

kaip reikia gerai ją parengti. Labiausiai vertinamas dokumentacijos

originalumas.

Page 60: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 60

Klausimynas dokumentacijai Klausimynas skirtas tik pasitikrinimui, ar

dokumentacijoje galima rasti atsakymą į išvardintus klausimus.

Dokumentacija jokiu būdu neturi būti pateikta kaip atsakymai į klausimus.

Pristatant projektą parengti skaidres, kuriuose akcentuoti originalius projekto aspektus, viską kuo galima pasigirti ir kuo projektas skiriasi nuo kitų.

Page 61: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 61

Aptariamos temos Vartotojo sąsajos projektavimo principai Bendravimas su vartotoju Informacijos vaizdavimas Parama vartotojui Sąsajos įvertinimas (naudojamumo specifikacija,

atributai, įvertinimas)

Page 62: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 62

VARTOTOJO SĄSAJOS ĮVERTINIMAS

Vertinant vartotojo sąsajos projektavimą reikia įvertinti jos tinkamumą

Pilnas įvertinimas yra labai brangus ir nepraktiškas daugeliui vartotojų

Idealiai, sąsaja turėtų būti vertinama pagal naudojamumo specifikaciją. Kaip bebūtų, tokios specifikacijos retai daromos

Page 63: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 63

Naudojamumo atributaiAtributas AprašymasIšmokstamumas Kiek laiko trunka naujam vartotojui tapti

produktyviu naudojant sistemą?Operavimo (darbo) greitis Kaip sistemos atsakas atitinka vartotojo darbo

praktiką?Patvarumas Kiek tolerantiška sistema vartotojo klaidoms?Atstatomumas Kaip gerai sistema atsistato nuo vartotojo klaidų?Adaptiškumas Kaip artimai sistema yra susieta su vienu darbo

modeliu?

Page 64: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 64

PAPRASTAS ĮVERTINIMO METODAS

Klausimynai vartotojo grįžtamajam ryšiui Sistemos vartojimo video įrašymas ir palaipsninis

įrašo įvertinimas Papildomos programinės priemonės naudojamos

surinkti informaciją apie galimybių vartojimą ir vartotojų klaidas

Specialus mygtukas grįžtamajam vartotojo on-line ryšiui

Page 65: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 65

Esminiai aspektai Sąsajos projektavimas turi būti orientuotas vartotojui.

Sąsaja turi būti nuosekli ir logiška bei padėti vartotojui atstatyti klaidas

Sąveikos būdai yra tiesioginis manipuliavimas (valdymas), meniu sistemos, formų užpildymai, komandų ir natūralios kalbos

Grafinis atvaizdavimas turi būti naudojamas parodyti tendencijas ir aproksimuoti reikšmes. Skaitmeninis vaizdavimas - kai reikalaujamas tikslumas

Spalva turi būti naudojama taupiai ir nuosekliai

Page 66: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 66

Esminiai aspektai Sistema turi teikti on-line pagalbą. Privalo turėti

“padėkite, man reikia informacijos “ bei “padėkite, aš patekau į bėdą” pagalbos tipus

Klaidų pranešimai turi būti labiau teigiami nei neigiami

Turi būti pateikta įvairių tipų vartotojo dokumentacija

Idealiai, sąsaja turėtų būti vertinama pagal naudojamumo specifikaciją

Page 67: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 67

Esminiai aspektai (sąsajos projektavimas, sąveikos būdai, grafinis

atvaizdavimas, spalvų naudojimas, pagalba, klaidų pranešimai, dokumentacija, sąsajos įvertinimas)

Page 68: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 68

Klausimas 8.1 Kokie sąsajos projektavimo principai?

Page 69: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 69

Klausimas 8.2 Kokie programos ir vartotojo sąveikos būdai?

Page 70: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 70

Klausimas 8.3 Kokie keliami reikalavimai pagalbai ir klaidų

pranešimams?

Page 71: Vartotojo sąsajos (interfeiso) projektavimas

©Ian Sommerville 2010 Software Engineering, 8th edition. Slide 71

Klausimas 8.4 Kokia turi būti dokumentacija?