Mukautuvan verkkosivuston suunnittelu Maleevin toiminimelle

Abstract

Tässä opinnäytetyössä tutkittiin verkkosivuston suunnitteluprosessia pienyrittäjän näkökulmasta. Työssä tutustuttiin myös mukautuvan verkkosuunnittelun ja käytettävyyden merkitykseen suunnitteluprosessissa ja teknisessä toteutuksessa.

Opinnäytetyö tehtiin toiminimi Maleevin Internet-näkyvyyden parantamiseksi. Työn tarkoituksena oli myös helpottaa työnäytteiden esittämistä sähköisessä muodossa, sekä hyödyntää sosiaalisen median verkostoa markkinoinnissa.

Työn teoreettinen runko perustui käytettävyyttä ja mukautuvaa verkkosuunnittelua käsitteleviin teoksiin, verkkokirjoihin sekä verkkolähteisiin. Tuoreinta tietoa mukautuvasta verkkosuunnittelusta löytyy pääosin Internetistä. Verkkosivuston teknisessä toteutuksessa hyödynnettiin mukautuvaan verkkosuunnitteluun erikoistuneita verkkosivustoja ja foorumeita.

Mukautuva verkkosuunnittelu osoittautui visuaalisesti toimivaksi ratkaisuksi silloin, kun verkkosivustoa selaillaan useilla eri laitteilla ja käyttöjärjestelmillä. Verkkosivuston toteutus toi kuitenkin eteen haasteita, joissa teknisesti toimivan ratkaisun valitseminen vaikutti negatiivisesti sivuston käytettävyyteen. Tutkimuksen tulokset korostivatkin käytettävyyden merkitystä ja mukautuvuuden haasteita verkkosuunnittelussa.

Graafisen suunnittelijan näkökulmasta verkkosivuston tekninen toteutus osoittautui aikaa vieväksi prosessiksi. Verkkosivuston suunnittelua harkitsevan kannattaa pohtia sisällönhallintajärjestelmän hyödyntämistä, sillä sen avulla voi säästää aikaa, ja ulkoasun suunnittelu helpottuu ilman teknisen osaamisen rajoitteita.

The purpose of this thesis was to explore responsive web design and usability as part of designing for web. The subject was studied from small entrepreneur’s point of view.

The purpose on this study was to increase the sole trader Maleevi’s online visibility. The objective was to identify factors affecting the usability, as well as how the company can improve online marketing and social media presence. The aim was to design a website that provides information, a strong visual identity and a usable interface.

The usability issues and visual design were first studied. The relevant points concerning responsive design were compared with usability regulations and technical issues. The theoretical part of the study is based on literature and several web sources. Latest studies about responsive design can be found from the Internet.

The result of this study suggests that responsive design can improve the user experience across devices, but it does not solve usability problems by itself. The study indentified several technical issues related to usability, location of content and resizing images. This thesis demonstrated that both the mobile and desktop views should always be tested so that technical issues will not be fixed in expense of usability.

This study recommends consideration of content management system for the beginner web designers. It may ease the designing process and decrease the time used for technical issues.