Verkkosivujen graafinen suunnittelu ja käyttöliittymä

Abstract

Insinöörityön tarkoituksena oli uudistaa Suomen MM-rallin verkkosivut ulkoisesti laadukkaammiksi ja selkeämmiksi sekä varmistaa optimoidun käyttöliittymän avulla entistä helpompi sisällön haltuunotto. Verkkosivusto toimii useiden sisäisten ja ulkoisten tiedotuskanavien emoaluksena ja näin ollen sen rooli kansainvälisen moottoriurheilutapahtuman markkinoinnissa on erittäin suuri. Visuaalisuuden ja toiminnallisuuksien ajanmukaistamisen tavoitteena on nousta tulevaisuudessa entistä vahvemmin edelläkävijäksi verrattuna rallin MM-sarjan muihin osakilpailuihin.

Projektissa toteutettiin kansainvälisen autourheilutapahtuman sivuston graafinen suunnittelu alusta alkaen sekä asiakkaan kanssa tiiviissä yhteistyössä suunniteltu käyttöliittymä. Graafisen suunnittelun tukena käytettiin olemassa olevaa graafista ohjeistoa, jota soveltaen luotiin sivuille täysin päivitetty ilme. Mobiilikäyttäjien määrän valtavan kasvun vuoksi verkkosivuista suunniteltiin responsiiviset, jotta tavoitetaan entistä suurempi otanta kohdeyleisöstä.

Työssä tarkasteltiin kirjallisuuden ja konkreettisten esimerkkien avulla graafisen suunnittelun ja käyttöliittymäsuunnittelun yhteisvaikutusta käytettävyyteen. Hyvä palvelukokemus syntyy, kun houkutteleva ulkoasu, toimiva tekninen toteutus ja hyvin suunniteltu käyttöliittymä ovat tasapainossa. Näihin kaikkiin osa-alueisiin vaikuttavat sommittelu- ja hahmotuspsykologian teoriat, jotka luovat rungon graafisesti toteutettaville palveluille. Suuri osa graafisen ja käyttöliittymäsuunnittelun periaatteista on perusteltavissa ihmisen luontaisen hahmotuskyvyn pohjalta.

Työn tilastoitavissa olevat tulokset saadaan vasta insinöörityön valmistumisen jälkeen, joten loppupäätelmät tehtiin vain ulkoiseen lopputulokseen nojaten. Graafiselta olemukseltaan uudistettu sivusto on miellyttänyt sekä tekijöitä että ulkopuolisia kriitikoita, joilta on pyydetty näkemystä visuaalisuuden toimivuudesta. Käyttöliittymän ja käytettävyyden osalta tulokset käydään läpi työn tilaajan kanssa verkkosivun julkaisun jälkeen, kun voidaan analytiikan avulla arvioida käyttäjien muuttunutta toimintaa sivustolla.

The purpose of this thesis was to renew the website of Finland’s World Rally Championship event. The goal of the project was to enhance the quality of the site and ensure easier access to content with an optimized user interface. The project included the graphical layout for the website and the user interface planning. Because of the rapid growth in the mobile user group the website was designed to be responsive in order to reach a greater sample of the target audience.

The study examined the synergy of graphic and user interface design for usability through literature and concrete examples. A well-balanced combination of attractive appearance, functioning technical implementation and well-designed user interface make a good user experience. A large part of graphic design and user interface principles can be explained by human psychology.

Final conclusions were drawn only on the basis of the final layout, because the statistical results are not yet available. The renewed website has pleased both the client and other people who have commented on the visual result. The user interface and usability will be surveyed after publishing the website when analytics can be used to evaluate users’ actions.