Graphical User Interfaces and Web PublishingLaajuus (10 cr)
Code: KM00ER99
Credits
10 op
Teaching language
- Finnish
Objective
The student is able to design and implement a website. The student is able to use web publishing techniques and tools in his own productions and knows the potential of publishing platforms. The student knows the basic principles of usability and user interface design and is able to apply them in designing the visual appearance of websites. The student knows the special features of online typography. The student is able to design interactive functionalities in a web service. The student knows the means and practices of online visibility.
Content
- visual design of websites
- typography in online publishing
- markup languages
- user interface design and usability
- content management systems
- interaction design
- online visibility
Prerequisites
Student and the student advisor go through other recommended studies in student counseling discussions 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 describe how a CMS works. The student is able to name factors affecting online presence.
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 with appropriate tools and take into account the principles of visual user interface design in their own design work. The student is able to install a CMS and modify the content and layout of a website in a CMS. The student is able to define factors affecting online presence.
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 systematically. The student is able to design the visuals, typography and interactions of a website 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 install a CMS, modify the content and layout of a website in a CMS and also utilize the advanced features of a CMS. The student is able to apply the means of online presence in practice. The student is able to apply what they have learned and seek information independently to solve problems.
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 describe how a CMS works. The student is able to name factors affecting online presence.
Enrollment
06.05.2024 - 31.08.2024
Timing
01.08.2024 - 31.12.2024
Number of ECTS credits allocated
10 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
- Design
Teachers
- Liisa Seppänen
Teacher in charge
Liisa Seppänen
Groups
-
KXE23S1GSVisual Communication Design - Graphic Design
Objective
Opiskelija osaa suunnitella ja toteuttaa verkkosivuston. Opiskelija osaa hyödyntää verkkojulkaisemisen tekniikoita sekä työkaluja omissa tuotannoissaan sekä tuntee julkaisualustojen mahdollisuuksia. Opiskelija tuntee käytettävyyden ja käyttöliittymäsuunnittelun keskeiset periaatteet ja osaa soveltaa niitä verkkopalvelun visuaalisen ilmeen suunnittelussa. Opiskelija tuntee verkkotypografian erityispiirteitä. Opiskelija osaa suunnitella interaktiivisia toiminnallisuuksia verkkopalveluun. Opiskelija tuntee verkkonäkyvyyden keinoja ja käytäntöjä.
Content
- verkkopalvelun visuaalinen suunnittelu
- verkkojulkaisun typografia
- merkkaus- ja sivunkuvauskielet
- käyttöliittymäsuunnittelu ja käytettävyys
- julkaisujärjestelmät
- interaktiosuunnittelu
- verkkonäkyvyys
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 visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä. Opiskelija osaa kuvata julkaisujärjestelmien toimintaperiaatteita. Opiskelija osaa nimetä verkkonäkyvyyteen vaikuttavia tekijöitä.
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 käytettävyyttä. Opiskelija osaa suunnitella verkkosivuston visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä ja ottaa huomioon visuaalisen käyttöliittymäsuunnittelun periaatteita omassa suunnittelutyössään. Opiskelija osaa ottaa käyttöön julkaisujärjestelmän ja muokata verkkosivuston sisältöä ja ulkoasua julkaisujärjestelmässä. Opiskelija osaa määritellä verkkonäkyvyyteen vaikuttavia tekijöitä.
Assessment criteria, excellent (5)
Opiskelija osaa suunnitella ja toteuttaa käytettävyydeltään ja visuaaliselta ilmeeltään korkealaatuisen verkkosivuston ja julkaista sen. Opiskelija osaa analysoida verkkopalvelun käytettävyyttä systemaattisesti. Opiskelija osaa suunnitella verkkosivuston 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 ottaa käyttöön julkaisujärjestelmän, muokata verkkosivuston sisältöä ja ulkoasua julkaisujärjestelmässä ja hyödyntää myös julkaisujärjestelmän edistyneitä ominaisuuksia. Opiskelija osaa soveltaa verkkonäkyvyyden keinoja käytännössä. Opiskelija osaa soveltaa oppimaansa ja etsiä itsenäisesti tietoa ongelmien ratkaisemiseksi.
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 visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä. Opiskelija osaa kuvata julkaisujärjestelmien toimintaperiaatteita. Opiskelija osaa nimetä verkkonäkyvyyteen vaikuttavia tekijöitä.
Prerequisites
Opiskelija ja HOPS-ohjaaja käyvät läpi muut suositeltavat opinnot HOPS-keskusteluissa.
Enrollment
02.05.2023 - 27.08.2023
Timing
02.10.2023 - 27.11.2023
Number of ECTS credits allocated
10 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
Teacher in charge
Liisa Seppänen
Groups
-
KXE22S1GSVisual Communication Design - Graphic Design
Objective
Opiskelija osaa suunnitella ja toteuttaa verkkosivuston. Opiskelija osaa hyödyntää verkkojulkaisemisen tekniikoita sekä työkaluja omissa tuotannoissaan sekä tuntee julkaisualustojen mahdollisuuksia. Opiskelija tuntee käytettävyyden ja käyttöliittymäsuunnittelun keskeiset periaatteet ja osaa soveltaa niitä verkkopalvelun visuaalisen ilmeen suunnittelussa. Opiskelija tuntee verkkotypografian erityispiirteitä. Opiskelija osaa suunnitella interaktiivisia toiminnallisuuksia verkkopalveluun. Opiskelija tuntee verkkonäkyvyyden keinoja ja käytäntöjä.
Content
- verkkopalvelun visuaalinen suunnittelu
- verkkojulkaisun typografia
- merkkaus- ja sivunkuvauskielet
- käyttöliittymäsuunnittelu ja käytettävyys
- julkaisujärjestelmät
- interaktiosuunnittelu
- verkkonäkyvyys
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 visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä. Opiskelija osaa kuvata julkaisujärjestelmien toimintaperiaatteita. Opiskelija osaa nimetä verkkonäkyvyyteen vaikuttavia tekijöitä.
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 käytettävyyttä. Opiskelija osaa suunnitella verkkosivuston visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä ja ottaa huomioon visuaalisen käyttöliittymäsuunnittelun periaatteita omassa suunnittelutyössään. Opiskelija osaa ottaa käyttöön julkaisujärjestelmän ja muokata verkkosivuston sisältöä ja ulkoasua julkaisujärjestelmässä. Opiskelija osaa määritellä verkkonäkyvyyteen vaikuttavia tekijöitä.
Assessment criteria, excellent (5)
Opiskelija osaa suunnitella ja toteuttaa käytettävyydeltään ja visuaaliselta ilmeeltään korkealaatuisen verkkosivuston ja julkaista sen. Opiskelija osaa analysoida verkkopalvelun käytettävyyttä systemaattisesti. Opiskelija osaa suunnitella verkkosivuston 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 ottaa käyttöön julkaisujärjestelmän, muokata verkkosivuston sisältöä ja ulkoasua julkaisujärjestelmässä ja hyödyntää myös julkaisujärjestelmän edistyneitä ominaisuuksia. Opiskelija osaa soveltaa verkkonäkyvyyden keinoja käytännössä. Opiskelija osaa soveltaa oppimaansa ja etsiä itsenäisesti tietoa ongelmien ratkaisemiseksi.
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 visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä. Opiskelija osaa kuvata julkaisujärjestelmien toimintaperiaatteita. Opiskelija osaa nimetä verkkonäkyvyyteen vaikuttavia tekijöitä.
Prerequisites
Opiskelija ja HOPS-ohjaaja käyvät läpi muut suositeltavat opinnot HOPS-keskusteluissa.
Enrollment
02.05.2022 - 04.09.2022
Timing
06.10.2022 - 23.11.2022
Number of ECTS credits allocated
10 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
- Design
Teachers
- Liisa Seppänen
Teacher in charge
Liisa Seppänen
Groups
-
KXE21S1GSVisual Communication Design – Graphic Design
Objective
Opiskelija osaa suunnitella ja toteuttaa verkkosivuston. Opiskelija osaa hyödyntää verkkojulkaisemisen tekniikoita sekä työkaluja omissa tuotannoissaan sekä tuntee julkaisualustojen mahdollisuuksia. Opiskelija tuntee käytettävyyden ja käyttöliittymäsuunnittelun keskeiset periaatteet ja osaa soveltaa niitä verkkopalvelun visuaalisen ilmeen suunnittelussa. Opiskelija tuntee verkkotypografian erityispiirteitä. Opiskelija osaa suunnitella interaktiivisia toiminnallisuuksia verkkopalveluun. Opiskelija tuntee verkkonäkyvyyden keinoja ja käytäntöjä.
Content
- verkkopalvelun visuaalinen suunnittelu
- verkkojulkaisun typografia
- merkkaus- ja sivunkuvauskielet
- käyttöliittymäsuunnittelu ja käytettävyys
- julkaisujärjestelmät
- interaktiosuunnittelu
- verkkonäkyvyys
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 visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä. Opiskelija osaa kuvata julkaisujärjestelmien toimintaperiaatteita. Opiskelija osaa nimetä verkkonäkyvyyteen vaikuttavia tekijöitä.
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 käytettävyyttä. Opiskelija osaa suunnitella verkkosivuston visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä ja ottaa huomioon visuaalisen käyttöliittymäsuunnittelun periaatteita omassa suunnittelutyössään. Opiskelija osaa ottaa käyttöön julkaisujärjestelmän ja muokata verkkosivuston sisältöä ja ulkoasua julkaisujärjestelmässä. Opiskelija osaa määritellä verkkonäkyvyyteen vaikuttavia tekijöitä.
Assessment criteria, excellent (5)
Opiskelija osaa suunnitella ja toteuttaa käytettävyydeltään ja visuaaliselta ilmeeltään korkealaatuisen verkkosivuston ja julkaista sen. Opiskelija osaa analysoida verkkopalvelun käytettävyyttä systemaattisesti. Opiskelija osaa suunnitella verkkosivuston 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 ottaa käyttöön julkaisujärjestelmän, muokata verkkosivuston sisältöä ja ulkoasua julkaisujärjestelmässä ja hyödyntää myös julkaisujärjestelmän edistyneitä ominaisuuksia. Opiskelija osaa soveltaa verkkonäkyvyyden keinoja käytännössä. Opiskelija osaa soveltaa oppimaansa ja etsiä itsenäisesti tietoa ongelmien ratkaisemiseksi.
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 visuaalista ilmettä, typografiaa ja toiminnallisuuksia tarkoituksenmukaisilla työvälineillä. Opiskelija osaa kuvata julkaisujärjestelmien toimintaperiaatteita. Opiskelija osaa nimetä verkkonäkyvyyteen vaikuttavia tekijöitä.
Prerequisites
Opiskelija ja HOPS-ohjaaja käyvät läpi muut suositeltavat opinnot HOPS-keskusteluissa.