Responsiivinen web-suunnittelu yhtenä käytettävyyden osa-alueena
Stenberg, Johanna (2013)
Stenberg, Johanna
Satakunnan ammattikorkeakoulu
2013
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2013120119250
https://urn.fi/URN:NBN:fi:amk-2013120119250
Tiivistelmä
Tässä opinnäytetyössä tarkasteltiin responsiivista web-suunnittelua osana käytettävyyden huomioimista web-suunnittelussa. Opinnäytetyön yhtenä osana suunniteltiin responsiiviset verkkosivut Chilispere -nimiselle tapahtumalle. Verkkosivujen suunnitteluprosessin aikana tutustuttiin ja tutkittiin käytettävyyttä yleisesti, sekä tarkasteltiin responsiivisen suunnittelun vaikutusta sivuston käytettävyyteen.
Erilaisten älypuhelinten ja tablettien yleistyessä syntyi uudenlainen tarve ratkaista sivujen käytettävyys kun päätelaitteen ominaisuuksista ei voitu tehdä oletuksia. Responsiivisen web-suunnittelun avulla pyrittiin luomaan erilaisiin päätelaitteisiin mukautuvat verkkosivut. Responsiivisen suunnittelun osa-alueina toimivat mukautuva sommittelu, mukautuvat kuvat, sekä media queryt. Responsiivisen suunnittelun pohjana toimivat html5-kuvauskieli sekä css3-tyylimääreet.
Esimerkkinä toimivien responsiivisten verkkosivujen suunnittelussa pyrittiin huomioimaan käytettävyyden merkittävimmät osa-alueet, eli sivuston navigointi, sisällön esitystavat, sekä sivuston saavutettavuus. Responsiivisen suunnittelun menetelmillä pyrittiin luomaan sivut, jotka mukautuvat aina suurista, korkearesoluutioisista näytöistä pieniin älypuhelinten näyttöihin. Lisäksi sivustossa huomioitiin kosketusnäytöllisten päätelaitteiden erityisvaatimukset käytettävyyden suunnittelussa. Verkkosivuja testattiin eri päätelaitteilla ja eri selaimilla.
Responsiivinen suunnittelu on erinomainen vaihtoehto ratkaista päätelaitteiden laajan kirjon tuoma haaste käytettävyydessä. Responsiivisuus ei kuitenkaan yksin ratkaise kaikkia käytettävyyden ongelmia, vaan toimii yhtenä käytettävyyden osa-alueena. Lisäksi on muistettava, että käyttökokemus ja käytettävyys ovat aina subjektiivisia kokemuksia, eivätkä samat ratkaisut toimi kaikissa tilanteissa.
Erilaisten älypuhelinten ja tablettien yleistyessä syntyi uudenlainen tarve ratkaista sivujen käytettävyys kun päätelaitteen ominaisuuksista ei voitu tehdä oletuksia. Responsiivisen web-suunnittelun avulla pyrittiin luomaan erilaisiin päätelaitteisiin mukautuvat verkkosivut. Responsiivisen suunnittelun osa-alueina toimivat mukautuva sommittelu, mukautuvat kuvat, sekä media queryt. Responsiivisen suunnittelun pohjana toimivat html5-kuvauskieli sekä css3-tyylimääreet.
Esimerkkinä toimivien responsiivisten verkkosivujen suunnittelussa pyrittiin huomioimaan käytettävyyden merkittävimmät osa-alueet, eli sivuston navigointi, sisällön esitystavat, sekä sivuston saavutettavuus. Responsiivisen suunnittelun menetelmillä pyrittiin luomaan sivut, jotka mukautuvat aina suurista, korkearesoluutioisista näytöistä pieniin älypuhelinten näyttöihin. Lisäksi sivustossa huomioitiin kosketusnäytöllisten päätelaitteiden erityisvaatimukset käytettävyyden suunnittelussa. Verkkosivuja testattiin eri päätelaitteilla ja eri selaimilla.
Responsiivinen suunnittelu on erinomainen vaihtoehto ratkaista päätelaitteiden laajan kirjon tuoma haaste käytettävyydessä. Responsiivisuus ei kuitenkaan yksin ratkaise kaikkia käytettävyyden ongelmia, vaan toimii yhtenä käytettävyyden osa-alueena. Lisäksi on muistettava, että käyttökokemus ja käytettävyys ovat aina subjektiivisia kokemuksia, eivätkä samat ratkaisut toimi kaikissa tilanteissa.