Web UI 2Laajuus (3 op)

Osaamistavoitteet

Web UI 2 -opintojaksolla opit kehittämään ja suunnittelemaan itsenäisesti monipuolisia, responsiivisia verkkosivuja ja käyttöliittymäkomponentteja. Tulet ymmärtämään saavutettavuuden, informaatiohierarkian ja visuaalisen hierarkian merkityksen websovelluksien suunnittelussa. Suunnitteluun käytetään prototypointityokaluja ja käytettävyyskeskeisiä menetelmiä. Kehittämiseen käytetään web-teknologioita.

Käytyäsi opintojakson olet oppinut luomaan itsenäisesti responsiivisia verkkosivustoja CSS-ulkoasukirjastolla prototypointityökaluja käyttäen ja luomaan käyttöliittymäkomponentteja.

Opintojakson osaamiset
- Sovelluskehitysosaaminen
- Tietojärjestelmäosaaminen
- Oppimisen ja tiedonhallinan osaaminen

Opintojakson osaamistavoite
Opit käyttämään prototypointityokaluja ja ulkoasukirjastoja. Ymmärrät ulkoasusuunnittelun ja käytettävyyden tärkeyden websovelluskehityksessä. Osaat luoda käytettävän, saavutettavan ja ulkoasultaan toimivan verkkosivuston itse luomasi prototyypin perusteella.

Sisältö

- UI/UX-suunnittelu
- Ulkoasukirjastot
- Responsiivinen verkkosivusuunnittelu
- Saavutettavuus

Esitietovaatimukset

Web UI -opintojakson suorittaminen tai muulla tavoin saavutettu riittävä HTML- ja CSS-osaaminen.

Arviointikriteerit, tyydyttävä (1)

Välttävä 1: Tunnistat opintojaksolla käytetyt termit. Tiedät asetteluiden, animaatioiden, informaatiohierarkian, käytettävyyden, värien ja typografian merkityksen verkkosovellusten ulkoasuissa. Osaat käyttää prototypointityökalua luodaksesi prototyypin verkkosivustosta.

Tyydyttävä 2: Käytät opintojakson termistöä. Tiedät asetteluiden, animaatioiden, informaatiohierarkian, käytettävyyden, värien ja typografian merkityksen verkkosovellusten ulkoasuissa. Osaat käyttää prototypointityökalua luodaksesi prototyypin verkkosivustosta, ja sen perusteella toimivan version.

Arviointikriteerit, hyvä (3)

Hyvä 3: Käytät opintojakson termistöä sujuvasti. Tiedät asetteluiden, animaatioiden, informaatiohierarkian, käytettävyyden, värien ja typografian merkityksen verkkosovellusten ulkoasuissa ja pystyt soveltamaan osaa tästä tietämyksestä käytännössä. Osaat käyttää prototypointityökalua luodaksesi prototyypin verkkosivustosta, ja sen perusteella toimivan version. Osaat perustella ratkaisujasi verkkosovellusten ulkoasusuunnittelussa ja kehityksessä.

Kiitettävä 4: Käytät opintojakson termistöä sujuvasti. Ymmärrät asetteluiden, animaatioiden, informaatiohierarkian, käytettävyyden, värien ja typografian merkityksen verkkosovellusten ulkoasuissa ja pystyt soveltamaan tietämystäsi käytännössä. Osaat käyttää prototypointityökalua luodaksesi prototyypin verkkosivustosta, ja sen perusteella valmiin version. Analysoit ja pystyt perustelemaan ratkaisujasi verkkosovellusten ulkoasusuunnittelussa ja kehityksessä.

Arviointikriteerit, kiitettävä (5)

Erinomainen 5: Hallitset UI-suunnitteluun liittyvän termistön. Ymmärrät asetteluiden, animaatioiden, informaatiohierarkian, käytettävyyden, värien ja typografian merkityksen verkkosovellusten ulkoasuissa ja pystyt soveltamaan tietämystäsi käytännössä. Osaat käyttää prototypiointityökalua luodaksesi prototyypin verkkosivustosta, ja sen perusteella valmiin version. Analysoit ja pystyt perustelemaan ratkaisujasi verkkosovellusten ulkoasusuunnittelussa ja kehityksessä. Hallitset suunnitteluprosessin vaiheet ja kykenet ratkaisemaan ongelmatilanteita.