Responsiivisuus Internet- sivuilla : CASE: Katajahovi
Taskinen, Tuulia (2016)
Taskinen, Tuulia
Haaga-Helia ammattikorkeakoulu
2016
Creative Commons Attribution-NonCommercial-NoDerivs 1.0 Suomi
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201601281719
https://urn.fi/URN:NBN:fi:amk-201601281719
Tiivistelmä
Mobiililaitteiden määrä on viime vuosina noussut huomattavasti, mistä johtuen myös responsiivisten verkkosivujen määrä on lisääntynyt. Monet yritykset, jotka ovat aiemmin käyttäneet erillisiä verkkosivuja mobiililaitteille ja päätteille ovat alkaneet siirtyä responsiivisiin verkkosivuihin, sillä niiden ylläpitäminen vie vähemmän aikaa ja rahaa kuin erillisen mobiilisivuston pitäminen.
Nykyään markkinoilla on monenlaisia mobiililaitteita, joten vain yhdellä mobiilisivustolla on vaikeaa vastata kaikkien erilaisten mobiililaitteiden tarpeita. Tämän vuoksi responsiivisesti toteutetut, eri mobiililaitteiden tarpeiden mukaisesti mukautuvat verkkosivut ovatkin paras vaihtoehto.
Opinnäytetyössä selvitetään, mitä responsiivisuudella tarkoitetaan verkkosivujen suunnittelussa sekä miksi verkkosivut pitäisi nykyään suunnitella responsiivisesti. Lisäksi kerrotaan responsiivisen verkkosivujen suunnittelun kannalta tärkeimmistä elementeistä. Opinnäytetyössä paneudutaan etenkin responsiivisiin viitekehyksiin, joista esitellään kolme sekä ver-taillaan näitä keskenään.
Käytännön osuudessa toteutettiin verkkosivut toimeksiantajalle käyttäen responsiivista Bootstrap viitekehystä. Läpi verkkosivujen toteutuksen niiden toiminnallisuuta eri näytöillä testattiin käyttäen Firefoxin Responsive Design View-työkalua sekä opinnäytteen tekijän mobiililaitteita.
Nykyään markkinoilla on monenlaisia mobiililaitteita, joten vain yhdellä mobiilisivustolla on vaikeaa vastata kaikkien erilaisten mobiililaitteiden tarpeita. Tämän vuoksi responsiivisesti toteutetut, eri mobiililaitteiden tarpeiden mukaisesti mukautuvat verkkosivut ovatkin paras vaihtoehto.
Opinnäytetyössä selvitetään, mitä responsiivisuudella tarkoitetaan verkkosivujen suunnittelussa sekä miksi verkkosivut pitäisi nykyään suunnitella responsiivisesti. Lisäksi kerrotaan responsiivisen verkkosivujen suunnittelun kannalta tärkeimmistä elementeistä. Opinnäytetyössä paneudutaan etenkin responsiivisiin viitekehyksiin, joista esitellään kolme sekä ver-taillaan näitä keskenään.
Käytännön osuudessa toteutettiin verkkosivut toimeksiantajalle käyttäen responsiivista Bootstrap viitekehystä. Läpi verkkosivujen toteutuksen niiden toiminnallisuuta eri näytöillä testattiin käyttäen Firefoxin Responsive Design View-työkalua sekä opinnäytteen tekijän mobiililaitteita.