GUI Design and Web PublishingLaajuus (15 cr)
Code: KM00ES14
Credits
15 op
Teaching language
- Finnish
Objective
Students are able to design and implement a website. They can use online publishing techniques, tools and platforms in their projects. Students are introduced in publishing various media formats. Students know the key principles of usability and user interface design and they can apply them when designing the visual appearance of a web service. Students know the characteristics of online typography. They are able to design interactive functions for a web service and know the basic methods of search engine optimization. Students are able to apply their skills in project work.
Content
- Graphical user interface design
- Online media formats
- Online typography
- Markup, page description, and scripting languages
- Usability
- Web publishing tools and utilities
- Search engine optimization
- Project work
Prerequisites
The student advisor will recommend optional programme components for each student based on their individual study plan.
Assessment criteria, satisfactory (1)
The student is able to implement a web page and publish it. The student is able to describe usability factors of a user interface. The student is able to design the visuals, typography and interactions of a website with appropriate tools. The student is able to save media files in a format suitable for online publication.
Assessment criteria, good (3)
The student is able to design, implement and publish a website with mostly appropriate design choices concerning visuals and usability. The student is able to analyze the usability of a user interface. The student is able to design the visuals, typography and interactions of a website or a digital application with appropriate tools and take into account the principles of visual user interface design in their own design work. The student is able to save and optimize media files in a format suitable for online publication. The student is able to schedule their work in a web design project.
Assessment criteria, excellent (5)
The student is able to design, implement and publish a high quality website with appropriate design choices concerning visuals and usability. The student is able to analyze the usability of a website or a digital application systematically. The student is able to design the visuals, typography and interactions of a website or a digital application with appropriate tools, apply the principles of visual user interface design in their own design work and justify the solutions analytically. The student is able to save and optimize media files in a format suitable for online publication taking different use contexts into account. The student is able to apply what they have learned and seek information independently to solve problems. The student is able to plan and schedule their work in a web design project.
Assessment criteria, approved/failed
The student is able to implement a web page and publish it. The student is able to describe usability factors of a user interface. The student is able to design the visuals, typography and interactions of a website with appropriate tools. The student is able to save media files in a format suitable for online publication.
Enrollment
27.11.2023 - 14.01.2024
Timing
30.01.2024 - 29.04.2024
Number of ECTS credits allocated
15 op
Mode of delivery
Contact teaching
Unit
School of Media, Design and Conservation
Campus
Hämeentie 135
Teaching languages
- Finnish
Seats
0 - 20
Degree programmes
- Media Communication
Teachers
- Liisa Seppänen
- Jaakko Ruuttunen
Teacher in charge
Liisa Seppänen
Groups
-
KXE23S1LGVisual Communication Design - Motion Graphics
Objective
Opiskelija osaa suunnitella ja toteuttaa verkkosivuston. Opiskelija osaa hyödyntää verkkojulkaisemisen tekniikoita sekä työkaluja omissa tuotannoissaan. Opiskelija tutustuu eri mediaformaattien julkaisuun. Opiskelija tuntee käytettävyyden ja käyttöliittymäsuunnittelun keskeiset periaatteet ja osaa soveltaa niitä suunnittelutyössään. Opiskelija tuntee verkkotypografian erityispiirteitä. Opiskelija osaa suunnitella interaktiivisia toiminnallisuuksia verkkopalveluun. Opiskelija osaa soveltaa osaamistaan projektityössä.
Content
- visuaalinen käyttöliittymäsuunnittelu
- verkkojulkaisun mediaformaatit
- verkkojulkaisun typografia
- merkkaus- ja sivunkuvauskielet
- käytettävyys
- verkkojulkaisemisen työkalut
- hakukoneoptimointi
- projektityöskentely
Evaluation scale
0-5
Assessment criteria, satisfactory (1)
Opiskelija osaa toteuttaa verkkosivun ja julkaista sen. Opiskelija osaa kuvata käyttöliittymän käytettävyyteen vaikuttavia tekijöitä. Opiskelija osaa suunnitella verkkosivuston ja digitaalisen sovelluksen visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä. Opiskelija osaa tallentaa mediatiedostot verkkojulkaisuun sopivaan formaattiin.
Assessment criteria, good (3)
Opiskelija osaa suunnitella, toteuttaa ja julkaista verkkosivuston, jonka visuaaliseen ilmeeseen ja käytettävyyteen liittyvät ratkaisut ovat suurimmaksi osaksi toimivia. Opiskelija osaa analysoida verkkopalvelun ja digitaalisen sovelluksen käytettävyyttä. Opiskelija osaa suunnitella verkkosivuston ja digitaalisen sovelluksen visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä ja ottaa huomioon visuaalisen käyttöliittymäsuunnittelun periaatteita omassa suunnittelutyössään. Opiskelija osaa tallentaa ja optimoida mediatiedostot verkkojulkaisuun sopivaan formaattiin. Opiskelija osaa aikatauluttaa omaa työskentelyään verkkojulkaisuprojektissa.
Assessment criteria, excellent (5)
Opiskelija osaa suunnitella ja toteuttaa käytettävyydeltään, visuaaliselta ilmeeltään ja toiminnallisuuksiltaan korkealaatuisen verkkosivuston ja julkaista sen. Opiskelija osaa analysoida verkkopalvelun ja digitaalisen sovelluksen käytettävyyttä systemaattisesti. Opiskelija osaa suunnitella verkkosivuston ja digitaalisen sovelluksen visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä, soveltaa visuaalisen käyttöliittymäsuunnittelun periaatteita omassa suunnittelutyössään ja perustella tekemiään ratkaisuja analyyttisesti. Opiskelija osaa tallentaa ja optimoida mediatiedostot verkkojulkaisuun sopivaan mediaformaattiin eri käyttötilanteita varten. Opiskelija osaa soveltaa oppimaansa ja etsiä itsenäisesti tietoa ongelmien ratkaisemiseksi. Opiskelija osaa suunnitella ja aikatauluttaa omaa työskentelyään verkkojulkaisuprojektissa.
Assessment criteria, approved/failed
Opiskelija osaa toteuttaa verkkosivun ja julkaista sen. Opiskelija osaa kuvata käyttöliittymän käytettävyyteen vaikuttavia tekijöitä. Opiskelija osaa suunnitella verkkosivuston ja digitaalisen sovelluksen visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä. Opiskelija osaa tallentaa mediatiedostot verkkojulkaisuun sopivaan formaattiin.
Prerequisites
Opiskelija ja opinto-ohjaaja käyvät läpi muut suositeltavat opinnot HOPS-keskusteluissa.
Enrollment
28.11.2022 - 08.01.2023
Timing
31.01.2023 - 13.04.2023
Number of ECTS credits allocated
15 op
Mode of delivery
Contact teaching
Unit
School of Media, Design and Conservation
Campus
Hämeentie 135
Teaching languages
- Finnish
Seats
0 - 20
Degree programmes
- Media Communication
Teachers
- Liisa Seppänen
- Jaakko Ruuttunen
Teacher in charge
Liisa Seppänen
Groups
-
KXE22S1LGVisual Communication Design - Motion Graphics
Objective
Opiskelija osaa suunnitella ja toteuttaa verkkosivuston. Opiskelija osaa hyödyntää verkkojulkaisemisen tekniikoita sekä työkaluja omissa tuotannoissaan. Opiskelija tutustuu eri mediaformaattien julkaisuun. Opiskelija tuntee käytettävyyden ja käyttöliittymäsuunnittelun keskeiset periaatteet ja osaa soveltaa niitä suunnittelutyössään. Opiskelija tuntee verkkotypografian erityispiirteitä. Opiskelija osaa suunnitella interaktiivisia toiminnallisuuksia verkkopalveluun. Opiskelija osaa soveltaa osaamistaan projektityössä.
Content
- visuaalinen käyttöliittymäsuunnittelu
- verkkojulkaisun mediaformaatit
- verkkojulkaisun typografia
- merkkaus- ja sivunkuvauskielet
- käytettävyys
- verkkojulkaisemisen työkalut
- hakukoneoptimointi
- projektityöskentely
Evaluation scale
0-5
Assessment criteria, satisfactory (1)
Opiskelija osaa toteuttaa verkkosivun ja julkaista sen. Opiskelija osaa kuvata käyttöliittymän käytettävyyteen vaikuttavia tekijöitä. Opiskelija osaa suunnitella verkkosivuston ja digitaalisen sovelluksen visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä. Opiskelija osaa tallentaa mediatiedostot verkkojulkaisuun sopivaan formaattiin.
Assessment criteria, good (3)
Opiskelija osaa suunnitella, toteuttaa ja julkaista verkkosivuston, jonka visuaaliseen ilmeeseen ja käytettävyyteen liittyvät ratkaisut ovat suurimmaksi osaksi toimivia. Opiskelija osaa analysoida verkkopalvelun ja digitaalisen sovelluksen käytettävyyttä. Opiskelija osaa suunnitella verkkosivuston ja digitaalisen sovelluksen visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä ja ottaa huomioon visuaalisen käyttöliittymäsuunnittelun periaatteita omassa suunnittelutyössään. Opiskelija osaa tallentaa ja optimoida mediatiedostot verkkojulkaisuun sopivaan formaattiin. Opiskelija osaa aikatauluttaa omaa työskentelyään verkkojulkaisuprojektissa.
Assessment criteria, excellent (5)
Opiskelija osaa suunnitella ja toteuttaa käytettävyydeltään, visuaaliselta ilmeeltään ja toiminnallisuuksiltaan korkealaatuisen verkkosivuston ja julkaista sen. Opiskelija osaa analysoida verkkopalvelun ja digitaalisen sovelluksen käytettävyyttä systemaattisesti. Opiskelija osaa suunnitella verkkosivuston ja digitaalisen sovelluksen visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä, soveltaa visuaalisen käyttöliittymäsuunnittelun periaatteita omassa suunnittelutyössään ja perustella tekemiään ratkaisuja analyyttisesti. Opiskelija osaa tallentaa ja optimoida mediatiedostot verkkojulkaisuun sopivaan mediaformaattiin eri käyttötilanteita varten. Opiskelija osaa soveltaa oppimaansa ja etsiä itsenäisesti tietoa ongelmien ratkaisemiseksi. Opiskelija osaa suunnitella ja aikatauluttaa omaa työskentelyään verkkojulkaisuprojektissa.
Assessment criteria, approved/failed
Opiskelija osaa toteuttaa verkkosivun ja julkaista sen. Opiskelija osaa kuvata käyttöliittymän käytettävyyteen vaikuttavia tekijöitä. Opiskelija osaa suunnitella verkkosivuston ja digitaalisen sovelluksen visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä. Opiskelija osaa tallentaa mediatiedostot verkkojulkaisuun sopivaan formaattiin.
Prerequisites
Opiskelija ja opinto-ohjaaja käyvät läpi muut suositeltavat opinnot HOPS-keskusteluissa.
Enrollment
01.12.2021 - 09.01.2022
Timing
10.01.2022 - 14.04.2022
Number of ECTS credits allocated
15 op
Virtual portion
2 op
Mode of delivery
87 % Contact teaching, 13 % Distance learning
Unit
School of Media, Design and Conservation
Campus
Hämeentie 135
Teaching languages
- Finnish
Seats
0 - 20
Degree programmes
- Media Communication
Teachers
- Liisa Seppänen
- Jaakko Ruuttunen
Teacher in charge
Liisa Seppänen
Groups
-
KXE21S1LGVisual Communication Design – Motion Graphics
Objective
Opiskelija osaa suunnitella ja toteuttaa verkkosivuston. Opiskelija osaa hyödyntää verkkojulkaisemisen tekniikoita sekä työkaluja omissa tuotannoissaan. Opiskelija tutustuu eri mediaformaattien julkaisuun. Opiskelija tuntee käytettävyyden ja käyttöliittymäsuunnittelun keskeiset periaatteet ja osaa soveltaa niitä suunnittelutyössään. Opiskelija tuntee verkkotypografian erityispiirteitä. Opiskelija osaa suunnitella interaktiivisia toiminnallisuuksia verkkopalveluun. Opiskelija osaa soveltaa osaamistaan projektityössä.
Content
- visuaalinen käyttöliittymäsuunnittelu
- verkkojulkaisun mediaformaatit
- verkkojulkaisun typografia
- merkkaus- ja sivunkuvauskielet
- käytettävyys
- verkkojulkaisemisen työkalut
- hakukoneoptimointi
- projektityöskentely
Evaluation scale
0-5
Assessment criteria, satisfactory (1)
Opiskelija osaa toteuttaa verkkosivun ja julkaista sen. Opiskelija osaa kuvata käyttöliittymän käytettävyyteen vaikuttavia tekijöitä. Opiskelija osaa suunnitella verkkosivuston ja digitaalisen sovelluksen visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä. Opiskelija osaa tallentaa mediatiedostot verkkojulkaisuun sopivaan formaattiin.
Assessment criteria, good (3)
Opiskelija osaa suunnitella, toteuttaa ja julkaista verkkosivuston, jonka visuaaliseen ilmeeseen ja käytettävyyteen liittyvät ratkaisut ovat suurimmaksi osaksi toimivia. Opiskelija osaa analysoida verkkopalvelun ja digitaalisen sovelluksen käytettävyyttä. Opiskelija osaa suunnitella verkkosivuston ja digitaalisen sovelluksen visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä ja ottaa huomioon visuaalisen käyttöliittymäsuunnittelun periaatteita omassa suunnittelutyössään. Opiskelija osaa tallentaa ja optimoida mediatiedostot verkkojulkaisuun sopivaan formaattiin. Opiskelija osaa aikatauluttaa omaa työskentelyään verkkojulkaisuprojektissa.
Assessment criteria, excellent (5)
Opiskelija osaa suunnitella ja toteuttaa käytettävyydeltään, visuaaliselta ilmeeltään ja toiminnallisuuksiltaan korkealaatuisen verkkosivuston ja julkaista sen. Opiskelija osaa analysoida verkkopalvelun ja digitaalisen sovelluksen käytettävyyttä systemaattisesti. Opiskelija osaa suunnitella verkkosivuston ja digitaalisen sovelluksen visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä, soveltaa visuaalisen käyttöliittymäsuunnittelun periaatteita omassa suunnittelutyössään ja perustella tekemiään ratkaisuja analyyttisesti. Opiskelija osaa tallentaa ja optimoida mediatiedostot verkkojulkaisuun sopivaan mediaformaattiin eri käyttötilanteita varten. Opiskelija osaa soveltaa oppimaansa ja etsiä itsenäisesti tietoa ongelmien ratkaisemiseksi. Opiskelija osaa suunnitella ja aikatauluttaa omaa työskentelyään verkkojulkaisuprojektissa.
Assessment criteria, approved/failed
Opiskelija osaa toteuttaa verkkosivun ja julkaista sen. Opiskelija osaa kuvata käyttöliittymän käytettävyyteen vaikuttavia tekijöitä. Opiskelija osaa suunnitella verkkosivuston ja digitaalisen sovelluksen visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä. Opiskelija osaa tallentaa mediatiedostot verkkojulkaisuun sopivaan formaattiin.
Prerequisites
Opiskelija ja opinto-ohjaaja käyvät läpi muut suositeltavat opinnot HOPS-keskusteluissa.