Responsiivinen verkkosuunnittelu
Väätäinen, Atte (2013)
Väätäinen, Atte
Mikkelin ammattikorkeakoulu
2013
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201302272705
https://urn.fi/URN:NBN:fi:amk-201302272705
Tiivistelmä
Opinnäytetyössä tutkitaan responsiivisen verkkosuunnittelun mahdollisuuksia ja mobile first –ajattelumallin hyötyjä. Työn tavoitteena oli luoda kaksi erilaista verkkosivudemoa, jotka esittelevät HTML5:n ja CSS3:n ominaisuuksien lisäksi responsiivisen verkkosuunnittelun aja-tusmallia.
Verkkosivujen suunnittelijat voivat nykyään harvoin tietää, millä laitteella heidän julkaisuaan tullaan selaamaan. Kun se on julkaistu, käyttäjiä voi vierailla palvelussa kännyköillä, tableteilla, työpöytäkoneilla tai television ruudulta. Tämä näyttöpäätteiden kokoerojen laaja kirjo aiheuttaa verkkosuunnittelijoille uudenlaisia haasteita. Jokaiselle laitteelle oman palvelun suunnittelu ei myöskään usein ole taloudellisesti kannattavaa. Näiden ongelmien takia Ethan Marcotte on esi-tellyt uuden responsiivisen tavan suunnitella verkkopalveluita.
Ethanin vuonna 2010 kirjoittaman kirjan Responsive web design - julkaisun jälkeen, suunnittelijat ovat vähitellen alkaneet ymmärtämään kyseisen työtavan hyödyt. Aihe on myös ajankohtainen siinä mielessä, että mobiililaitteiden selaimissa on yleisesti ottaen hyvä tuki CSS:lle, HTML:lle ja Javascriptille, joten luotuasi responsiiviset verkkosivut, ne eivät jää vain tietyn kehittyneen päätelaitteen hienoudeksi, vaan suurimmalla osalla esimerkiksi älypuhelimista on mahdollisuus niitä hyödyntää.
Verkkosivujen suunnittelijat voivat nykyään harvoin tietää, millä laitteella heidän julkaisuaan tullaan selaamaan. Kun se on julkaistu, käyttäjiä voi vierailla palvelussa kännyköillä, tableteilla, työpöytäkoneilla tai television ruudulta. Tämä näyttöpäätteiden kokoerojen laaja kirjo aiheuttaa verkkosuunnittelijoille uudenlaisia haasteita. Jokaiselle laitteelle oman palvelun suunnittelu ei myöskään usein ole taloudellisesti kannattavaa. Näiden ongelmien takia Ethan Marcotte on esi-tellyt uuden responsiivisen tavan suunnitella verkkopalveluita.
Ethanin vuonna 2010 kirjoittaman kirjan Responsive web design - julkaisun jälkeen, suunnittelijat ovat vähitellen alkaneet ymmärtämään kyseisen työtavan hyödyt. Aihe on myös ajankohtainen siinä mielessä, että mobiililaitteiden selaimissa on yleisesti ottaen hyvä tuki CSS:lle, HTML:lle ja Javascriptille, joten luotuasi responsiiviset verkkosivut, ne eivät jää vain tietyn kehittyneen päätelaitteen hienoudeksi, vaan suurimmalla osalla esimerkiksi älypuhelimista on mahdollisuus niitä hyödyntää.