Funktsionaalsuse ja kujunduse balansseerimine. Info … · 2008-05-23 · Kui on tahe, on ka võimalus! Funktsionaalsuse ja kujunduse balansseerimine. Info visualiseerimine. Erkki

Kui on tahe, on ka võimalus!

Funktsionaalsuse ja kujunduse balansseerimine. Info visualiseerimine.

Erkki Leego

(1/22)MTAT.03.032. Loeng 13 / 23.05.08 / Tartu Ülikool

Erkki Leego


Reageerimisaeg ja selle mõjud

• Reageerimisaeg– Sekundite arv, mis kulub hetkest kui kasutaja algatab tegevuse kuni arvuti esitab tulemuse

• Kasutaja mõtlemisaeg– Sekundite arv, mis kulub kasutajal mõtlemiseks enne

Erkki Leego

(2/22)

– Sekundite arv, mis kulub kasutajal mõtlemiseks enne uue tegevuse alustamist

MTAT.03.032. Loeng 13 / 23.05.08 / Tartu Ülikool


Tasakaal reageerimisajal

• Lühimälu piirangud– Maagiline 7 ± 2

• Inimene suudab kiiresti haarata kuni 7 objekti• Seda suudab ta hoida lühimälus 15-30 sek• Objekti suurus sõltub sellest kui tuttav materjal inimesele on

– Katkestused põhjustavad “mälukadu”

Erkki Leego

(3/22)

– Viivitused nõuavad mälu värskendamist

• Pikk või lühike reageerimisaeg– Pikk reageerimisaeg paneb kasutaja “ootama” vigu– Lühike võib põhjustada kasutajal materjalist mitte arusaamist

– Kasuta protsessi indikaatorit



Ootused ja suhtumine

• Aeg– Kaks sekundit (Miller, 1968)– Tänapäeval soov toimetada millisekunditega– Inimesed suudavad märgata 2-4 sekundi jooksul 8% muudatusi

• Kolm reageerimisaega mõjutavat tegurit– Eelnevad kogemused

Erkki Leego

(4/22)

– Eelnevad kogemused– Individuaalne tolerants viivituste suhtes– Ülesande keerukus

• Kasutaja produktiivsus– Süsteemi kasutamise “võimsus” saavutatakse lühemate reageerimisaegadega

– Suurem töö läbilaskevõime puhul tuleb pöörata tähelepanu vigadest toibumise kulude minimeerimisele



Funktsionaalsuse ja kujunduse balansseerimine

• Mida keerulisem on ülesanne, seda keerulisem on suruda vajalikku funktsionaalsust lihtsa ja ilusa kasutajaliidese sisse

• Teadetel ja õpetustel on omad piirid• Kujundus peab olema arusaadav, ennustatav, ja kontrollitav

Erkki Leego

(5/22)

ja kontrollitav• Panustada tuleb info paigutusele ekraanil ja taustal toimuvale akende töö koordineerimisele



Näide 1 – X-tee

Erkki Leego



Näide 2 - Õppeinfosüsteem

Erkki Leego



Näide 3 – MS Word (compare documents)

Erkki Leego



Näide 4 – Google Maps

Erkki Leego



Mõned näited visuaalsetest kasutajaliidestest

• Musicovery (http://www.musicovery.com/)

• Google Maps (http://maps.google.com/)

• Pictomio (http://www.pictomio.com/)

Erkki Leego



Info visualiseerimine

•http://www.visual-literacy.org/periodic_table/periodic_table.html (viide)

Erkki Leego



Näide 4

Erkki Leego



Loengutes läbitud teemad

Kasutatavuse nõuded, mõõtmine ja vajadus.

Universaalne kasutatavus.

Kasutajaliidese disaini juhised ja põhialused. Kasutajaliideste

loomise teooriad.Disainiprotsessi juhtimine.

Eksperthindamine, kasutatavuse testimine ja

laborid. Küsitluste läbiviimine, vastuvõtu testid ja hindamine

kasutamise ajal.

Spetsifitseerimise meetodid. Liideste loomise vahendid. Lähteülesande koostamine.

Otsekäsitlusega kasutajaliidesed. 3D

keskkonnad, kaugjuhtimine, virtuaalreaalsus

Menüüde planeerimine. Mitmete menüüde kombineerimine.

Andmete sisestamine menüüde abil. Hääljuhtimisega menüüd ja

menüüd pisiekraanidele.

Käskude keele kasutamine. Nimeskeemid ja lühendid. Inimkeele kasutamine.

Klaviatuurid.

Erkki Leego

(13/22)

Osundseadmed. Hääljuhtimise ja hääle genereerimise liidesed.

Ekraanid. Printerid. Asünkroonselt ja sünkroonselt jagatud liidesed. Silmast-silma

liidesed.

Veateated. Kasutajajuhendid. Paber versus ekraan. Juhendite

sisu planeerimine. Onlinejuhendid ja abi.

Ekraani disain. Akna disain. Värvid. Värviteooria. Iseseisva

töö tegemisest.

Otsing tekstidokumentides ja andmebaasipäringud. Otsing multimeediadokumentides. Professionaalsed otsingu

liidesed.

Info visualiseerimine. Funktsionaalsuse ja kujunduse balanseerimine. Reageerimisaeg

ja selle mõjud.



Hea kasutajaliidese omadused

1. Kerge õppida

2. Efektiivne kasutada

3. Kerge meelde tuletada

Erkki Leego


4. Vähe vigu

5. Meeldiv kasutada


Universaalne kasutatavus

• Kognitiivsed ja taju erinevused

– Lühimälu ja töömälu– Pikaajaline mälu ja semantiline mälu– Probleemide lahendamine ja arutluskäik– Otsuste tegemine ja riski hindamine

Erkki Leego


– Otsuste tegemine ja riski hindamine– Keeleline suhtlus ja selle mõistmine– Otsimise, kujutlus- ja aistingu mälu– Õpivõime, oskuste tase, teadmiste omandamise oskused


Liidesedisaini 8 “kuldset reeglit”

1. Püüdle ühtluse suunas2. Arvesta erinevate kasutajatega3. Paku informatiivset tagasisidet4. Kujunda dialoogidele selge lõpp5. Väldi vigu

Erkki Leego


6. Võimalda lihtsat tegevuste tühistamist (undo)7. Säilita kontrollitunne8. Vähenda lühimälu koormust


Juhisdokumendid ja protsessid

• Igal projektil oma juhismaterjalid (guidelines), aga läbi tuleb mõelda:

– Sõnad, ikoonid ja graafika

– Ekraanipaigutuse teemad

Erkki Leego


– Ekraanipaigutuse teemad

– Sisend ja väljundseadmed

– Tegevuste järgnevused

– Koolitus


Kodutöö ja eksam

• Kodutöö– Esitamise tähtaeg 25.05.08 õhtu

• Eksamid– 27.05.08 kell 10.00 J. Liivi 2 – 403– 06.06.08 kell 10.00 J. Liivi 2 – 207

Erkki Leego

(18/22)

– 06.06.08 kell 10.00 J. Liivi 2 – 207– Korduseksam 17.06.08 kell 10.00 J. Liivi 2 – 40

• Materjalid– http://courses.cs.ut.ee/2008/ui/



Tänan!


Erkki Leego


Erkki Leego, [email protected], www.hlp.ee

Documents

Funktsionaalsuse ja kujunduse balansseerimine. Info … · 2008-05-23 · Kui on tahe, on ka võimalus! Funktsionaalsuse ja kujunduse balansseerimine. Info visualiseerimine. Erkki