Responsiivisen verkkosivuston suunnittelu
Kröger, Jani (2021)
2021
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2021121626415
https://urn.fi/URN:NBN:fi:amk-2021121626415
Tiivistelmä
Tämä opinnäytetyö käsittelee responsiivisen verkkosivuston suunnittelua. Mobiililaitteiden yleistymisen johdosta responsiivisuudesta on tullut yksi tärkeimmistä ominaisuuksista nykypäivän verkkosivustoilla. Toimeksiantajana on Koli-projekti, jonka uutta showroom-verkkosivustoa tässä työssä tarkastellaan. Työssä tarkastellaan verkkosivustojen kehityksen historiaa sekä responsiivisen suunnittelun ja toteutuksen perusteita. Opinnäytetyössä analysoidaan showroom-sivuston responsiivisuuden toimivuutta ja tavoite on tuoda esiin mahdollisia kehityskohteita sivuston jatkokehitystä varten.
Opinnäytetyöhön tietoa verkkokehityksestä ja responsiivisuuden toteutuksesta hankittiin luotettavista internetlähteistä. Tietoperustan muodostamisen jälkeen työtä täydennettiin tarvittavien esimerkkikuvien luomisella sekä showroom-sivuston ja kehitystiimin vastauksien analysoimisella. Työssä esitellään responsiiviset toteutustekniikat ja valmiit suunnittelukehykset, jotka oikein käytettyinä helpottavat kehitystyötä.
Toteutetun verkkosivuston yksi tärkeä kriteeri oli toimia joustavasti mobiililaitteilla. Verkkosivuston käyttäytymistä testattiin työpöytä- ja mobiilitilassa, lisäksi kehitystiimille esitettiin kysymyksiä liittyen showroom-verkkosivuston responsiivisuuden toteutukseen kehitystyön aikana. Sivustosta on saatu rakennettua responsiivinen, mutta se oli tuottanut paljon kehityksenaikaista muutostyötä. Työssä selviää responsiivisen verkkokehityksen suunnitelmalliset ja toteutukselliset seikat, jotka on hyvä ottaa jatkossa huomioon. Hyvä responsiivinen verkkosivusto on ennen kaikkea käyttäjäystävällinen, mutta myös kehittäjien kannalta helppo ylläpitää.
Opinnäytetyöhön tietoa verkkokehityksestä ja responsiivisuuden toteutuksesta hankittiin luotettavista internetlähteistä. Tietoperustan muodostamisen jälkeen työtä täydennettiin tarvittavien esimerkkikuvien luomisella sekä showroom-sivuston ja kehitystiimin vastauksien analysoimisella. Työssä esitellään responsiiviset toteutustekniikat ja valmiit suunnittelukehykset, jotka oikein käytettyinä helpottavat kehitystyötä.
Toteutetun verkkosivuston yksi tärkeä kriteeri oli toimia joustavasti mobiililaitteilla. Verkkosivuston käyttäytymistä testattiin työpöytä- ja mobiilitilassa, lisäksi kehitystiimille esitettiin kysymyksiä liittyen showroom-verkkosivuston responsiivisuuden toteutukseen kehitystyön aikana. Sivustosta on saatu rakennettua responsiivinen, mutta se oli tuottanut paljon kehityksenaikaista muutostyötä. Työssä selviää responsiivisen verkkokehityksen suunnitelmalliset ja toteutukselliset seikat, jotka on hyvä ottaa jatkossa huomioon. Hyvä responsiivinen verkkosivusto on ennen kaikkea käyttäjäystävällinen, mutta myös kehittäjien kannalta helppo ylläpitää.