Kasutajaliidesed (ITI0209)

Kursuse kood: ITI0209
Link: https://courses.cs.ttu.ee/pages/Kasutajaliidesed_(ITV0209)
Õppejõud: Martin Verrev, martin.verrev@taltech.ee, TTÜ ruum ICT-422
Kurusus Moodle keskkonnas: https://moodle.taltech.ee/course/view.php?id=30645, registreerumise kood:ITI020925
Kursuse Teams'i kanal: ITI0209 (2025) Kasutajaliidesed, registreerumise kood:e50tfje
Koht: Loengud ja praktikumid toimuvad auditooriumis ICT-315
Aeg: Semestri jooksul igal teisipäeval: loeng kell 12:30-14:00 ja praktikum 14:15-15:45
Arhiiv: 2024 aasta kursuse lehte näed siit: Kasutajaliidesed_(ITI0209))_2024

Üldine ülevaade

Kursuse lõpetaja:

• Oskab hinnata liidese visuaaldisaini kvaliteeti ja terviklikkust.​
• Oskab luua ja valideerida kasutajakeskset nii arvutile kui nutiseadmetele loodud kasutajaliidest.​
• Suudab osaleda UX arendusprotsessis nii täitja kui tellijana.
• Oskab andmeid visualiseerida.

Semestri jooksul toimub õppetöö kaheliikmelistes gruppides, kus luuakse ja valideeritakse kasutajaliides enda poolt väljamõeldud teenusele. Loodud teenuse tagarakendust kursuse jooksul reaalselt valmis programmeerima ei hakka :)

Loengud

Nädal 1: Sissejuhatus: Hea kasutajaliides

Loenguslaidid

Nädal 2: Disainiprotsess: Double Diamond

• Loenguslaidid
• Praktikum: Meeskondade moodustamine; loovusharjutus
• Ülesanne 10. veebruariks Ülesandepüstituse kirjeldamine: https://moodle.taltech.ee/mod/assign/view.php?id=360121

Nädal 3: Briif

• Loenguslaidid
  
• 3. praktikum - Design Challenge

Nädal 4: Tulemid: Kasutajavood ja sõrestikmudel

• Loenguslaidid
  
• 4. praktikum - Paberprototüüpimine

Nädal 5: Tulemid: Struktuur ja persoonad

TBC.

Meeskonnapõhine kodune ülesanne 03. märtsiks: Figma prototüüp https://moodle.taltech.ee/mod/assign/view.php?id=703475. Juhul kui varem Figmaga kokku puutunud ei ole, siis sissejuhatuseks on hea näiteks see õpetus: https://help.figma.com/hc/en-us/sections/4405269443991-Figma-for-beginners-4-parts

Nädal 4: Kasutajavood ja sõrestikmudel

• Loenguslaidid
• 4. praktikum - Paberprototüüpimine

Nädal 5: Tulemid ja persoonad

• Loenguslaidid
• 5. praktikum - Sissejuhatus Figmasse

Nädal 6: Disaineri vaade

Täna räägib UX arendusprotsessist disaineri vaates Mihkel Ronk: https://www.linkedin.com/in/mihkelronk/

Teemad mida kaetakse on:

- PM-ilt requirementid/intro
- Basic research
- Taskihaldus (kehtib ilmselt muude taskimajandajate puhul ka, pmst lihtsalt et hea dokumenteerida asju ka disainis)
- Esmane wireframe (ja see kuidas need ei näe välja nagu wireframe’id kui kasutatakse disainisüsteemi komponente)
- Ülevaade Figma komponentide kasutamise loogikast, faili ülesehitus
- Design review’d ja jällegi dokumenteerimine (et kellelgi hiljem midagi öelda ei oleks)
- Disaini versioonid
- Disaini dokumenteerimine Figmas review ja handoffi jaoks
- Disainisüsteemi uuendamine uuest featuurist tekkinud komponentidega

Nädal 7: Kasutatavuse testimine

• Loenguslaidid
• 7. praktikum - Figma

Nädal 8: Disainisüsteem. Tüpograafia

• Loenguslaidid
• Praktikum: Sissejuhatus Bootstrappi

Nädal 9: Disainisüsteemi jätk. Värvid, Layout

• Loenguslaidid
• Praktikum: CSS eelprotsessorid

Nädal 10: Vormid

• Loenguslaidid
• Juhend praktikumiks

Nädal 11: Otsing. Filtrid

• Loenguslaidid
• Praktikum: Sissejuhatus Tailwind CSS-i

Nädal 12:Sisu

• Loenguslaidid
• Harjutus praktikumiks

Nädal 13:Juurdepääsetavus

• Loenguslaidid
  
• Praktikum: Konsultatsioonid ja abi

Nädal 14. Sissejuhatus andmete visualiseerimisse

Loenguslaidid
Praktikum: Sissejuhatus Echartsi

Nädal 15. Visualiseerimise jätk

Loenguslaidid
Praktikum: Dünaamiline Echarts

Nädal 16. Dashboard

Loenguslaidid
Praktikum: Individuaalsed konsultatsioonid.

Nädal 15. Visualiseerimise jätk Nädal 16. 3. töö kaitsmine

-->

Iseseisvad tööd

Sarnaselt varasemate aastatega esitatalkse kursuse käigus kolm kohustuslikku iseseisvat tööd. Iseseisvad tööd esitatakse Gitlab'is ja link nendele lisatakse Moodles. Praegu lisatud kuupäevad on indikatiivsed ja selguvad täpselt kursuse käigus.

1. Staatiline prototüüp, tähtaeg: märtsi keskpaik
2. HTML Prototüüp, tähtaeg: aprilli lõpp
3. Andmete visualiseerimine, mail lõpp

Hinde moodustumine

Lõpphinne moodustub järgmistest pukntidest:

a. kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 20 + 20 + 20 punkti)
b. hinnatud kaks kaastudengi tööd (maksimaalselt 5 + 5 punkti)
d. aktiivne osalemine loengutes ja praktikumides, lisaülesanded (maksimaalselt 10 punkti)
c. tehtud kontrolltöö (maksimaalselt 20 punkti). Edukaks sooritamiseks pead kontrolltöös saama vähemalt 51% punktidest ja kogu kursuse eest (praktiktikumid+kontrolltöö) vähemalt 51 punkti.

• 91 < punkti -- hinne 5 (suurepärane)
• 81 < punkti < 90 -- hinne 4 (väga hea)
• 71 < punkti < 80 -- hinne 3 (hea)
• 61 < punkti < 70 -- hinne 2 (rahuldav)
• 51 < punkti < 60 -- hinne 1 (kasin)
• alla 51 punkti -- kursust ei läbitud