Käytettävyyden huomioiminen ja suorituskyvyn optimointi verkkosivustoa rakennettaessa
Gröhn, Jani (2018)
Gröhn, Jani
Karelia-ammattikorkeakoulu (Pohjois-Karjalan ammattikorkeakoulu)
2018
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201805087105
https://urn.fi/URN:NBN:fi:amk-201805087105
Tiivistelmä
Tämän opinnäytetyön tarkoituksena oli tehdä verkkosivustopohja Koodiviidakko Oy:lle ja selvittää, kuinka verkkosivuston rakentaja voi parantaa sivuston käytettävyyttä ja suorituskykyä. Verkkosivuston käytettävyyteen huomioitiin myös sen saavutettavuus, ja opinnäytetyössä huomioitava suorituskykyoptimointi keskittyy asiakaspuolella tehtäviin optimointeihin.
Tehdyssä sivustopohjassa hyödynnettiin opinnäytetyön teoriatiedossa olevia hyvän käytettävyyden ohjeita sekä suorituskykyoptimointitapoja. Sivustopohja on valmis ja käytettävä sivusto, jossa on oikean sisällön sijaan esimerkkitekstiä ja -kuvia. Sivustopohjasta saadaan asiakkaalle verkkosivusto kopioimalla se, vaihtamalla sinne oikeaa sisältöä ja tekemällä siihen asiakkaan haluamat tyylimuutokset.
Sivustopohjaa testattiin käytettävyyden ja suorituskyvyn osalta. Käytettävyystestaus tehtiin käyttämällä sivustoa ja sen toimintoja ainoastaan näppäimistöä käyttäen sekä NVDA-ruudunlukijaohjelman kanssa. Suorituskykytestauksissa käytettiin Google Chromen kehittäjätyökaluja, Googlen Lighthouse-palvelua sekä WebPagetest-sivulataustestiä.
Tehdyssä sivustopohjassa hyödynnettiin opinnäytetyön teoriatiedossa olevia hyvän käytettävyyden ohjeita sekä suorituskykyoptimointitapoja. Sivustopohja on valmis ja käytettävä sivusto, jossa on oikean sisällön sijaan esimerkkitekstiä ja -kuvia. Sivustopohjasta saadaan asiakkaalle verkkosivusto kopioimalla se, vaihtamalla sinne oikeaa sisältöä ja tekemällä siihen asiakkaan haluamat tyylimuutokset.
Sivustopohjaa testattiin käytettävyyden ja suorituskyvyn osalta. Käytettävyystestaus tehtiin käyttämällä sivustoa ja sen toimintoja ainoastaan näppäimistöä käyttäen sekä NVDA-ruudunlukijaohjelman kanssa. Suorituskykytestauksissa käytettiin Google Chromen kehittäjätyökaluja, Googlen Lighthouse-palvelua sekä WebPagetest-sivulataustestiä.