33
Kui on tahe, on ka võimalus! Erkki Leego (1/33) Kasutajaliideste kavandamine Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(1/33)

Kasutajaliideste kavandamine

Erkki Leego

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 2: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(2/33)

Milline on hea kasutajaliides?

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 3: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(3/33) MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Erkki Leego

• Haridus ja õpetamine – TÜ informaatikamagister 1998

• World Wide Web kui tõeline hüpermeediasüsteem

– Concordia International University Estonia • 5. aastat hüpermeedia kursust meediatudengitele

– Tartu Ülikool • 2007-... – MTAT.03.032 Kasutajaliideste kavandamine

• Töiselt – Tartu Ülikool, teabetalituse vanemtoimetaja, TÜ 1.

veebihaldur – Vabariigi Presidendi Kantselei, infonõunik – Riigikogu Kantselei, infosüsteemide ja

tehnikaosakonna juhataja – Tartu Ülikooli Kliinikum, IT direktor – Hansson Leego & Partner, juhtivpartner

Page 4: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(4/33)

Kogemus üle 100-st ettevõttest

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 5: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(5/33)

Kursuse põhiandmed

• Teadmised – Kursuse lõpuks head teoreetilised teadmised asjalike

kasutajaliideste loomiseks ja praktiline lähteülesande koostamise oskus

• Teemad – Disainiprotsess, spetsifitseerimine, läheülesande

koostamine

– Menüüd, käsukeele, otsekäsitluse kasutamine

– Ekraanid, aknad, värvide kasutamine, visualiseerimine

– Interaktsiooniseadmed

– Hindamine, testimine, küsitlused

– Kasutajate juhendamine, veateated

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 6: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(6/33)

Kursuse põhiandmed

• Lektor Erkki Leego, assistent Mirjam Paales

• Tööviisid – Loengud

• Näited, harjutused

– Iseseisev töö (30% hindest) • Koostada grupis ühe rakenduse (seadme) kasutajaliidese

lähteülesanne, 3 vahetulemust ja tähtaega, Moodle-s

– Eksam (Moodle, avatud materjalid, 70% hindest)

• Materjalid – Kursuse veeb - http://courses.cs.ut.ee/2014/ui/

– Kursuse FB - https://www.facebook.com/groups/mtat.03.032/

– Raamat "Designing the User Interface. Strategies for effective human-computer interaction (5th edition)“, Ben Schneidermann ja Catherine Plaisant, 2009

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 7: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(7/33)

Sissejuhatus

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 8: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(8/33) MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Human Computer Interaction

• Human Computer Interaction (HCI) on interdistsiplinaarne valdkond

– Psühholoogid

– Arvutiteadlased ja professionaalid

– Disainerid

– Insenerid

– Ergonoomikud

– Turbespetsialistid

– ...

• Kasutajaliides

– Värav kasutaja ja tehnoloogilise süsteemi vahel

Page 9: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(9/33) MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Väljakutsed

• Erinevad kasutajaprofiilid

– Algaja, tavakasutaja, ekspert

– “Prantsuse kunstnik” või “india talunaine”

– Erivajadustega kasutajad

• Erinevad keskkonnad

– Suured ja väikesed ekraanid

– Arvuti, mobiilne nutiseade, auto, pesumasin

– Võrku ühendatud ja ühendamata süsteemid

• Erinevad nõuded

– 24/7 või “parem on kui töötab”

– Reageerimisaeg 1 sekund või “tuleb kuna tuleb”

– Oht elule või vähem lõbu

Page 10: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(10/33) MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Erinevad vaated lahendusele

Page 11: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(11/33) MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Interaktsioon ja koostöö

• Interaktsiooni (suhtluse) stiilid: 1. Otsekäsitlus 2. Menüüde kasutamine 3. Vormide täitmine 4. Käsukeel 5. Tavakeel

• Sisend- ja väljundseadmed – Klaviatuurid ja klahvipaneelid – Osundseadmed – Hääljuhtimise ja hääle genereerimise liidesed – Ekraanid – väikesed ja suured

• Koostöö aeg ja koht – Asünkroonselt jagatud (erinev koht, erinev aeg) – Sünkroonselt jagatud (erinev koht, sama aeg) – Asünkroonne suhtlus (sama koht, erinev aeg) – Silmast-silma süsteemid (sama koht, sama aeg)

Page 12: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(12/33)

Näide - kontoritarkvara

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 13: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(13/33)

Näide - veebirakendus

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 14: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(14/33)

Näide - otsekäsitlus

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 15: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(15/33)

Näide – MS Word (compare documents)

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 16: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(16/33)

Näide – sotsiaaltehnilised süsteemid

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 17: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(17/33)

Näide - facebook

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 18: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(18/33)

Areng

• AltaVista 1999

• Google 2013

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 19: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(19/33)

Väiksed ja suured ekraanid

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 20: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(20/33)

Mobiilsed seadmed

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

© 2010 Pearson Addison-Wesley. All rights reserved.

Page 21: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(21/33)

Automaadid

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 22: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(22/33)

Näide - koduelektroonika

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 23: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(23/33)

Vigade meeldiv haldus

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 24: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(24/33)

Näide – eesmärk silme ees

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 25: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(25/33)

Microsoft Office Labs vision 2019

• Microsoft Office Labs vision 2019

–http://www.youtube.com/watch?v=8Ff7SzP4gfg

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 26: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(26/33)

Kasutatavuse viis omadust

MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Page 27: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(27/33) MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Kasutatavuse universaalsed omadused

Kerge õppida

– Kiiresti saab tegevustega peale hakata

– Intuitiivne

Page 28: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(28/33) MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Kasutatavuse universaalsed omadused

Efektiivne kasutada

– Vajalik töö või tegevus saab tehtud

– Süsteemi kasutamine tõstab produktiivsust

Page 29: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(29/33) MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Kasutatavuse universaalsed omadused

Kerge meelde tuletada

– Hilisemal taaskasutamisel lihtne uuesti kasutamist alustada

Page 30: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(30/33) MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Kasutatavuse universaalsed omadused

Vähe vigu

– Kasutajal on vähe võimalusi vigu teha

– Vigadest ülesaamine ladus

Page 31: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(31/33) MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Kasutatavuse universaalsed omadused

Meeldiv kasutada

– Kasutamisest peab jääma hea kogemus

– Fun peab olema

Page 32: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(32/33) MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Hea kasutatavuse omadused

1.Kerge õppida

2.Efektiivne kasutada

3.Kerge meelde tuletada

4.Vähe vigu

5.Meeldiv kasutada (fun)

Page 33: MTAT.03.032 Loeng 1 (14.02.14) · 2014-02-14 · Kui on tahe, on ka võimalus! Erkki Leego MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool (3/33) Erkki Leego •Haridus ja õpetamine

Kui on tahe, on ka võimalus!

Erkki Leego

(33/33) MTAT.03.032. Loeng 1 / 14.02.14 / Tartu Ülikool

Tänan!

Kui on tahe, on ka võimalus!

Erkki Leego, [email protected], http://courses.cs.ut.ee/2014/ui