Verkkopalvelun kehittäminen sivustosuunnittelun perusteiden ja trendien näkökulmasta

Abstract

Tämän opinnäytetyön tavoitteena on selvittää, kuinka verkkopalvelua voidaan kehittää sivustosuunnittelun näkökulmasta siten, että palvelu olisi mahdollisimman kiinnostava, huomiota herättävä ja ajankohtainen. Opinnäytetyön toimeksiantajana toimii Nuorten mielenterveystalo -verkkopalvelu.

Opinnäytetyössä sovelletaan kvalitatiivisia tutkimusmenetelmiä. Tietoperustan sisällöt perustuvat pääasiassa erilaisiin sivustosuunnittelua käsitteleviin teoksiin, artikkeleihin, tutkimuksiin ja raportteihin. Työn empiirinen osuus on puolestaan toteutettu tapaustutkimuksena, joka perustuu havainnointiin sekä kohdepalvelun kirjallisten aineistojen analysointiin.

Opinnäytetyön tietoperustan ensimmäisessä osiossa käsitellään sivustosuunnittelun perusteita. Perusteiden yhteydessä huomioidaan myös sivuston perusesteettömyyteen liittyviä tekijöitä. Sivustosuunnittelun perusteita käsittelevissä luvuissa korostuvat määrittelyvaiheen tärkeys, asiakaslähtöisyys ja kohderyhmän edustajien hyödyntäminen sivustosuunnitteluprosessin eri vaiheissa. Sivuston kiinnostavuuteen vaikuttavat erityisesti sivuston yleinen toimintalogiikka sekä sivuston ydinsisältöjä korostava siisti ulkoasu.

Tietoperustan toisessa osiossa selvitetään ajankohtaisia sivustosuunnittelun trendejä. Osio perustuu tätä opinnäytetyötä varten toteutettuun mediatutkimukseen, jonka tarkoituksena oli selvittää alan asiantuntijoiden näkemyksiä ja mielipiteitä aiheeseen liittyen. Suurimmat sivustosuunnittelun trendit tänä päivänä ovat mm. yksinkertaistetut käyttöliittymät, vieritettävät sisältöalueet, suuret huomiota herättävät kuvat sekä sivustojen mukautumiskyky näyttökoon perusteella.

Opinnäytetyön tutkimusosiossa tarkastellaan tietoperustassa esiteltyjä sivustosuunnittelun perusteita ja trendejä Nuorten mielenterveystalo -verkkopalvelun uuden toteutuksen näkökulmasta. Tarkastelussa ovat myös sivuston webstandardit, joihin sovelletaan liitteessä 1 esiteltyä tarkistuslistaa. Tutkimusosion johtopäätöksenä on, että Nuorten mielenterveystalon uusi toteutus hyödyntää sivustosuunnittelun perusteita ja trendejä monipuolisesti. Kehittämiskohteina ovat ensisijaisesti esteettömyyteen liittyvät tekijät.

The goal of this thesis was to determine how to improve a web-based service through the basics and trends of web design so that the service would be as interesting, eye-catching and current as possible. The thesis was conducted for a web-based service called Youth Mental Hub (Nuorten mielenterveystalo).

The thesis applies qualitative research methods. The contents of the theoretical part are based mainly on literature, articles and reports that deal with web design. The empirical part is implemented as a case study which is based on the observation of the target service and on the analysis of various documentations.

The first section of the theoretical part deals with the basics of web design. The section also takes general accessibility into consideration. The chapters that deal with the basics of web design emphasize the importance of project definition, customer focus and using target group representatives as audience in different stages of the design process. General attractiveness is gained through practical operating logic and through presentable appearance that emphasizes the site’s core contents.

The second section of the theoretical part deals with the trends of web design. The section is based on a media survey that was conducted for this thesis. The purpose of the survey was to find out the views and opinions of the web design experts regarding the matter. Today’s main trends are, for example, simplified user interfaces, scrollable content areas, large eye-catching images and the adaptability of the site when used on different screen sizes.

The both aspects of the theoretical part are reviewed in the empirical part from the viewpoint of the Youth Mental Hub’s new implementation. The empirical part also reviews the site’s web standards using a checklist that is presented in appendix 1. The empirical part concludes that the Youth Mental Hub’s new implementation uses the basics and trends of web design diversely. It also concludes that the main areas of future improvement are related to the website’s accessibility factors.