Verkkosivujen käyttöliittymäsuunnittelu

Abstract

Moderneja verkkosivuja suunnitellessa ja toteutettaessa on tärkeää huomioida nykyajan ihmisten tottumukset internetin käytössä, sekä erityisesti nykyaikaiset laitteet. Internetiä käytetään niin laajakuvanäyttöisillä pöytätietokoneilla kuin käteen sopivien älypuhelimien kosketusnäytöillä, sekä monilla muillakin eri tavoilla. Tässä työssä tutkitaan verkkosivujen käyttäjäkokemukseen vaikuttavia tekijöitä. Työn tavoitteena on selvittää millaista apua alan tutkimuksesta saa verkkosovelluksen kehittämiseen sekä millaisia heikkouksia tai vahvuuksia kirjallisuudesta löydettyjen ohjeiden avulla toteutetusta ohjelmistoprototyypistä löytyy käytettävyyden näkökulmasta. Tutkimus aloitettiin kirjallisuuskatsauksella, jossa keskityttiin verkkosivujen käyttöliittymäsuunnitteluun. Työn alkupuolella esitellään kirjallisuuskatsauksessa tunnistettuja yleisiä toimintatapoja sekä käyttäjäkokemuksen kannalta merkittäviä käsitteitä. Kirjallisuuden perusteella viimeisen vuosikymmenen aikana verkkosivujen suunnittelussa on yleistynyt responsiivinen verkkosuunnittelu, eli käytettävän laitteen automaattinen huomiointi sisällön asettelussa. Lisäksi kirjallisuuskatsauksessa kävi ilmi, että mahdollisimman hyvän käyttäjäkokemuksen tuottamiseksi useilla laitteilla käytettävien järjestelmien suunnittelussa on huomioitava yksittäisten laitteiden lisäksi myös käytettävän laitteen vaihtaminen. Älypuhelimien yleistyttyä tämä koskee myös käytännössä jokaista nykyaikaista verkkosivua. Työssä käsitellään tarkemmin tähän liittyviä haasteita sekä suunnitteluperiaatteita, joilla vastata haasteisiin. Kirjallisuuskatsauksen lisäksi tätä työtä varten suunniteltiin erään asiakasjärjestön tarpeisiin vastaavan järjestelmän käyttöliittymä ja toteutettiin käyttöliittymän ohjelmistoprototyyppi hyödyntäen kirjallisuuskatsauksessa löydettyjä tietoja. Työssä kuvataan tarkemmin asiakkaan vaatimuksia järjestelmälle sekä järjestelmän suunnittelua, erityisesti käyttöliittymän osalta. Lopuksi kerrotaan käyttäjätestauksen järjestelyistä sekä käsitellään sen tuloksia ja tehdään niiden perusteella päätelmiä. Testauksen perusteella prototyypistä löytyi kaksi selkeää heikkoutta, riittämätön responsiivisuus ja riittämätön läpinäkyvyys. Näille arvioidaan mahdollisia juurisyitä ja esitetään tapoja, joilla välttää vastaavien heikkouksien ilmenemistä tulevaisuudessa.