Põhjalik UI/UX+AI (kasutajakogemus/ kasutajaliides + tehisaru) disaini õpe

Veebilehtede kujundamise teadus on minemas üha tähtsamaks — kas nupp peaks olema vasakul või paremal, ümmargune või kandiline, millised värvid sobivad kokku ja kuidas kasutaja veebilehte erinevate seadmete peal näeb. Koolitusel käsitletakse kujunduse aluseid, arvestades alati kasutaja perspektiiviga: ilu on vaataja silmades ja maitsed erinevad, kuid koolituse lõpetanul on olemas kõik teadmised, et kujundada täpselt endale visuaalselt sobivaid ja kasutajasõbralikke veebilehti.

Koolituse maht: 200 akadeemilist tundi — 70 t kontaktõpet, 50 t iseseisvaid harjutusi, 40 t õppevideoid (eluaegse ligipääsuga) ja 40 t lõpuprojekti.

Õppevorm: reaalajas veebis (Google Meet / Zoom) või soovi korral kohapeal (Roosikrantsi 8b, Tallinn).

Koolitus annab praktilised teadmised veebidisainist. Koolituse lõppedes on omandatud pädevused, mida on vaja veebilehe disainimiseks ja kasutajakogemuse optimeerimiseks.

Algajad ja edasijõudnud, kes on huvitatud UX/UI-st ja veebidisainist, ning spetsialistid, kes soovivad IT-disaini alaseid süvateadmisi hankida.

Õppegrupi suurus: 2–3 inimest — väike grupp teeb õppest personaalse ja põhjaliku.

Kursuse alustamiseks on vajalik esmane arvuti kasutamise oskus.

• Sissejuhatus veebidisaini (4 ak t + 2 ak t iseseisvalt)

  • UI mõiste

  • UI näited ja tõlgendamine

  • UX ja UI seos

  • Protsessi etappide kirjeldus

  • UI/UX töövoo etapid

  • Kasutaja stsenaariumid

  • Prototüüpimise tehnikad ja nende rakendused

• Uuringud, ekspertanalüüs ja konkurentide analüüs (8 ak t + 8 ak t iseseisvalt)

  • Uuringu ja ekspertanalüüsi põhjendamine

  • Uurimismetoodikate võrdlus ja tehnikad

  • Kasutajapersoonad

  • Kliendi teekonna ettevalmistamine

  • Uuringu koostamise põhimõtted

  • Konkurentide analüüsi metoodika

  • Praktiline päris uuringuprojekt

  • Praktiline konkurentide analüüsi projekt

• Kasutajatestimine (4 ak t + 2 ak t iseseisvalt)

  • Testimise metoodika ülevaade

  • Praktiline testimise läbiviimine

  • Eelneva töö rakendamine

  • Vaatlustabeli täitmine

  • Vigade tuvastamine

  • Testimise analüüs

• Idee genereerimise põhimõtted (4 ak t + 2 ak t iseseisvalt)

  • Ideatsiooni metoodika ülevaade

  • Ideede genereerimine uuringutulemustest

  • Divergents- ja konvergentstehnikad

  • Kontseptsiooni arendamine

  • Visandamine

  • Konkurentide analüüsi tulemuste rakendamine

  • FigJami kasutamine

• Prototüüpimise meetodid ja eesmärgid (4 ak t + 2 ak t iseseisvalt)

  • A/B testimine

  • Kasutatavuse testimine

  • Paberprototüübid

  • Wizard of Oz testimine

  • Pilgujälgimine (eye tracking)

  • Kaardisortimine (card sorting)

• Prototüüpimise alused (4 ak t + 4 ak t iseseisvalt)

  • Visandamine

  • Mustritega tutvumine

  • Põhimõtete kordamine

  • Saidikaardi koostamine

  • Kasutajateekonna loomine

• Wireframe'ide loomine (4 ak t + 2 ak t iseseisvalt)

  • Wireframe'i vajalikkus

  • Wireframe'i koostamine

  • Seos eelnevate etappide ja järgneva prototüüpimisega

  • Wireframe'i roll prototüüpimises

  • Wireframe'i loomine Figmas

  • Peamiste lehtede disain

  • Automaatne joondus

• Prototüübi loomise alused Figmas (4 ak t + 4 ak t iseseisvalt)

  • Stiililehe loomine

  • Stiilielementide tõhus kasutamine

  • Komponentide loomine

  • Kiire wireframe'i muutmine prototüübiks

  • Teekonna vajalikkus

  • Lehtede sidumine

  • Interaktiivne läbimäng

• Prototüüpide sidumine (4 ak t + 4 ak t iseseisvalt)

  • Erinevad sidumismeetodid

  • Mitme vaate loomine ja interaktsioonid

  • Interaktsioonide arendamine

  • Testimiseks valmis prototüübi ettevalmistamine

  • Paigutuse mõistmine

• Mobiilidisaini eripärad (4 ak t + 2 ak t iseseisvalt)

  • Puuteekraanidele omased jooned

  • Teksti ja elementide loetavus väiksematel ekraanidel

  • Dünaamilised ja paindlikud paigutused

  • Navigatsiooni optimeerimine

  • Puutega ühilduvad elemendid ja nupud

• Tehisaru disainis (8 ak t + 4 ak t iseseisvalt)

  • Prompimise tehnikad AI-ga suhtlemiseks

  • Figma AI pluginad

  • Auto layout, disainisüsteemid ja stiilijuhised

  • AI-tööriistade rakendamine disainiprotsessi eri etappides

• Edasijõudnud prototüüpimine Figmas (18 ak t + 14 ak t iseseisvalt)

  • Kõigi eelnevate oskuste rakendamine

  • Piltide integreerimine Photoshopist

  • A/B prototüüpide loomine

  • Katsetuslike disainiteooriate rakendamine prototüüpides

  • Prototüübi väljastamine lõppfaasis

  • Prototüübi edasi andmine

Koolituse lõppedes koolitatav:

• oskab läbi viia uuringuid ja konkurentide analüüsi;
• mõistab ja oskab praktikas läbi viia kasutajatestimist;
• oskab luua prototüüpe Figmas ning tunneb erinevaid prototüüpimise viise;
• oskab prototüüpe interaktiivseks teha ja neid väljastada;
• oskab kaasata tehisintellekti loomingulisse töösse.

Koolituse lõpus valmistab õppija koolitaja juhendamisel funktsionaalse ja töötava lõpp-projekti. Selle eduka soorituse ja koolitaja hinnangu korral väljastatakse õppijale tunnistus.

Kui õpitulemusi täielikult ei saavutatud, kuid õppija võttis osa õppetööst, väljastatakse tõend vastavalt osaletud kontakttundide arvule.

Õppemeetodid: interaktiivsed loengud, praktilised ja iseseisvad tööd ning õppevideod.

NB! Kõigile registreerunutele saadetakse tasuta monitor, et koolitust saaks jälgida ühelt ja kaasa kirjutada teiselt ekraanilt.