Käyttäjälähtöinen verkkosivujen suunnittelu Kurkelaseura ry:lle

Abstract

Opinnäytetyön tavoitteena on suunnitella verkkosivut Kurkelaseura ry:lle hyödyntäen käyttäjälähtöisen suunnittelun käytänteitä. Seuralla on hallussaan paljon valokuvamateriaalia, jolle tulee luoda toimiva ja tarkoituksenmukainen arkisto. Lisäksi muutkin sivuston sisällöt on suunniteltava. Suunnittelun lähtökohtana ovat vastaavat seurojen verkkosivustot, joista saadaan rajaus alustavalle sisältösuunnitelmalle. Työn päätavoite on tunnistaa sivuston tulevat käyttäjät ja heitä tutkimalla ymmärtää, mitä sisältöä sivuston tulisi tarjota ja missä muodossa se tulisi esittää. Tutkimuksessa käytetään kohderyhmähaastatteluja, kuvitteellista käyttäjän toimintatarinaa ja tietokirjallisuutta. Erityispiirteenä suunnittelussa otetaan huomioon ikääntymisen aiheuttamat fyysiset muutokset, kuten näköaistin ja motoriikan heikkeneminen.

Tutkimustuloksien perusteella laaditaan sivuista rautalankamalleja, joilla suunnitellaan sisällön sijoittelu sivuille. Myös mobiililaitteiden erityisvaatimuksia varten laaditaan erilliset mallit. Halutun tunnelman aikaansaamiseksi sivuille luodaan tyylit tunnetaulujen avulla. Rautalankamallit ja tunnetaulu yhdistetään ulkoasumalleiksi, jotka tulevat toimimaan mallina sivuston toteutusvaiheessa.

Käyttäjälähtöisen suunnittelun käytänteet eivät palvele pelkästään käyttäjää vaan myös verkkosuunnittelijaa. Sisällön ja ulkoasun suunnittelu helpottuvat, kun suositeltuja suunnitteluprosesseja soveltaa projektin tarpeen mukaisesti.

In this thesis, the objective is to design a web site to the regional association Kurkelaseura ry using user-centred design methods. The association possesses plenty of old photographic material, which needs an appropriate site archive. All the other content also needs to be planned carefully. As a starting point, similar websites are investigated to get rough plans for the needed content. The main objective of the study is to identify the possible users for the site, to learn their needs regarding the content and to plan how the content should be presented. The study implements focus groups, a user story and literature. Age-related impairments, such as diminished vision and motoric skills, are considered to make the site accessible for elderly people.

The findings are utilised to design the website, starting with wireframe models to compose the content. Mobile phones and tablets are also taken into account by making special models for them. To create the desired mood to the website, moodboarding technique is used to define an appropriate style. The wireframe models and the moodboard are combined to make site layouts, which will help in the development process.

User-centred design methods are not only useful from the end-user’s perspective but also to the designer. The design process becomes easier, when user-centred project practices are implemented according to the needs of the project.