Verkkosivun responsiivisuus ja sen vaikutukset käytettävyyteen : case Iloleipuri
Kujala, Juha (2014)
Kujala, Juha
Turun ammattikorkeakoulu
2014
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2014061112598
https://urn.fi/URN:NBN:fi:amk-2014061112598
Tiivistelmä
Mobiililaitteiden kasvava määrä internetin selaamiseen on johtanut siihen, että informaatiota haetaan verkkosivuilta monella erilaisella laitteella. Verkkosivujen toiminta tulisi olla taattu laitteesta huolimatta, ja yksi ratkaisu tähän on toteuttaa verkkosivut skaalautumaan laitteelle kuin laitteelle. Tätä ominaisuutta kutsutaan responsiivisuudeksi.
Iloleipuri-tuotemerkille toteutettiin responsiiviset reseptihaku-verkkosivut, josta kirjoitettiin kaksi erillistä opinnäytetyötä. Tämä työ tarkasteli verkkosivujen responsiivista toteutustapaa sekä tutki responsiivisuuden vaikutuksia käytettävyyteen. Responsiivisen suunnittelun ja toteutuksen vaiheita käytiin läpi sekä tutkittiin käytettävyyttä graafisten elementtien ja mobiililaitteiden osalta. Lisäksi esitettiin konkreettisia keinoja, joilla Iloleipuri-verkkosivujen käytettävyyttä parannettiin.
Iloleipuri-verkkosivujen ulkoasuun vaikutettiin ainoastaan responsiivisessa osuudessa, koska asiakas tarjosi työpöytäversion ulkoasun kokonaisuudessaan. Verkkosivun responsiivisuutta suunnitellessa otettiin huomioon seikkoja, jotka vaikuttavat sekä positiivisesti että negatiivisesti käytettävyyteen. Tavoitteena oli luoda mahdollisimman hyvä käyttäjäkokemus monelle erilaiselle päätelaitteelle.
Aikataulurajoitteiden takia sivut jouduttiin julkaisemaan ensin ilman responsiivista toteutusta. Responsiivisuuden kehitys jatkui sivuston taustalla ja saatiin lopulta myös sivuille käyttöön. Lopputuloksena asiakas sai toimivat responsiiviset verkkosivut, jotka testatuilla laitteilla toimivat moitteettomasti.
Iloleipuri-tuotemerkille toteutettiin responsiiviset reseptihaku-verkkosivut, josta kirjoitettiin kaksi erillistä opinnäytetyötä. Tämä työ tarkasteli verkkosivujen responsiivista toteutustapaa sekä tutki responsiivisuuden vaikutuksia käytettävyyteen. Responsiivisen suunnittelun ja toteutuksen vaiheita käytiin läpi sekä tutkittiin käytettävyyttä graafisten elementtien ja mobiililaitteiden osalta. Lisäksi esitettiin konkreettisia keinoja, joilla Iloleipuri-verkkosivujen käytettävyyttä parannettiin.
Iloleipuri-verkkosivujen ulkoasuun vaikutettiin ainoastaan responsiivisessa osuudessa, koska asiakas tarjosi työpöytäversion ulkoasun kokonaisuudessaan. Verkkosivun responsiivisuutta suunnitellessa otettiin huomioon seikkoja, jotka vaikuttavat sekä positiivisesti että negatiivisesti käytettävyyteen. Tavoitteena oli luoda mahdollisimman hyvä käyttäjäkokemus monelle erilaiselle päätelaitteelle.
Aikataulurajoitteiden takia sivut jouduttiin julkaisemaan ensin ilman responsiivista toteutusta. Responsiivisuuden kehitys jatkui sivuston taustalla ja saatiin lopulta myös sivuille käyttöön. Lopputuloksena asiakas sai toimivat responsiiviset verkkosivut, jotka testatuilla laitteilla toimivat moitteettomasti.