Mukautuvan verkkosuunnittelun puolesta : Miten visuaalisuus muuttuu mukautuvassa verkkosuunnittelussa?

Abstract

Opinnäytetyöni aiheena on selvittää, kuinka mukautuva verkkosuunnittelu on vaikut-tanut internet-sivustojen ulkoasuun. Tutkin, mitkä ovat keskeiset ongelmat mukautu-vassa verkkosuunnittelussa ja mihin tarpeeseen mukautuva verkkosuunnittelu syntyi. Opinnäytetyöni kirjallisen osan aluksi esittelen yleisesti verkkosuunnittelun historiaa. Pääsääntöisesti opinnäytetyöni keskittyy kuitenkin verkkosivustojen visuaalisuuden tutkimiseen.

Opinnäytetyöni teoreettinen viitekehys perustuu mukautuvan verkkosuunnittelun tar-peesta ja ominaisuuksista kertoviin alan artikkeleihin ja julkaisuihin. Selkeää pääläh-dettä minulle ei ole muotoutunut, mutta Ethan Marcotten kirja Responsive Web De-sign (2011) esiintyy tekstissäni useasti.

Työni on toiminnallinen ja sen teososa muodostuu omasta portfolio-sivustosta, jonka toteutin mukautuvaksi eri päätelaitteille. Teososan analyysissä paneudun yleisiin on-gelmakohtiin ja selostan, kuinka ratkaisin ongelmat omassa teoksessani.

Teorian ja oman sivuston suunnittelun pohjalta tulin siihen tulokseen, että mukautuvan verkkosuunnittelun vaikutukset internet-sivustojen visuaalisuuteen eivät ole huomat-tavan suuria. Huomasin kuitenkin sen vaikuttaneen suunnittelijoiden tapaan ajatella internet-sivustoja. Mukautuva verkkosuunnittelu haastaa suunnittelijan ajattelemaan pidemmälle ja laajakatseisemmin.

The aim of my thesis is to find out how responsive web design has impacted on web-site layouts and visual elements. My objective is to study what the main problems in responsive web design are and why responsive web design was developed. First, I explore generally the history of web design. Mainly my thesis focuses on the visuality of web design.

The theoretical context of my thesis is based on articles and releases discussing re-sponsive web designs needs and features. I did not have any major source but I relied on Ethan Marcotte’s book titled Responsive web design.

My thesis is practice-based and it consists of my own portfolio-site, which is readable also in mobile devices. I also explore basic problems of responsive web design and discuss how I resolved them at my website.

Deriving from theory and on the basis of my own web design I came into the conclu-sion that responsive web design impacts on the visuality of the web is not notable af-ter all. I noticed that responsive web design challenges designers to think further.