Responsiivisuuden huomioiminen verkkosuunnittelussa

Abstract

Tämän insinöörityön aiheena oli responsiivisuuden huomioiminen verkkosuunnittelussa. Responsiivinen verkkosivu on sellainen, joka mukautuu itsestään, kun laitteen näytön koko ja resoluutio muuttuvat. Ihmiset voivat näin selata internetsivuja millä tahansa laitteella, jossa internetin käyttö on mahdollista.

Tavoitteena oli selvittää tärkeät responsiivisen verkkosivun käytettävyyteen vaikuttavat tekijät, jotta ihmisille luotaisiin loistava kokemus heidän käyttämästä laitetyypistä tai koosta riippumatta.

Tekstin tarkoituksena oli esittää responsiivisen verkkosuunnittelun perusperiaatteet ja toteutumistavat käytettävyyden osa-alueena selkeästi ja yksinkertaisesti tietotekniikan alan opiskelijoille, verkkosivun suunnittelijoille ja muille aiheesta kiinnostuneille. Tultiin lopussa siihen päätökseen verkkosivuja kannattaa rakentaa responsiivisesti, jottei eri resoluution omaaville laitteille tarvitsisi erikseen luoda eri ohjelmakoodia. Tämä lisäisi kustannuksia, edellyttäisi enemmän henkilöstöä ja kuluttaisi aikaa. Verkkopalvelun responsiivisessa suunnittelussa on tärkeä ottaa käyttäjien käyttökokemusta huomioon. Hyvä verkkopalvelu on nopea, selkeä, yksinkertainen, helppo oppia ja virheetön.

Tekstissä esitellään myös Mobile Firstin käsitettä. Mobile Firstin mukaan verkkosivun suunnittelu olisi helpompaa ja yksinkertaisempaa tehdä ensin pienikokoisille mobiililaitteille, ja vasta sitten tietokoneille. Koska mobiilikäyttäjiä on nykyään runsaasti, verkkosivun suunnittelusta mobiililaitteille tulee todennäköisesti joka tapauksessa tarpeellista.

The objective of this thesis is to encourage programmers to give higher regard to usability when creating responsive websites. A responsive website is one which automatically adapts to the resolution of a device. People can thus enter a website through any device they wish. It is increasingly important to build websites responsively, as nowadays so many different-sized devices exist that building a different website for each one would be relatively time-consuming and expensive. Additionally, more staff would be needed to create and maintain these sites.

In this thesis the concept of Mobile First is presented. According to Mobile First the design of a website would be remarkably easier and simpler if the design was first created for a mobile device, and afterwards for computers. Because so many mobile users exist today, designing websites for mobile devices will probably be necessary anyway.

This thesis is mainly based on a literature review. The internet and texts written by experts in this field have been useful. The aim of this thesis is to describe the basic principles of responsive web design to students of information technology, programmers and others interested in the field. The objective of this thesis is to investigate the factors that affect the usability of responsively built websites. A website should offer excellent experience no matter which device type or size the user chooses to access the internet from.