WordPress-sivusto Suomalainen Siperianhusky -seuralle

Abstract

Opinnäytetyön aiheena on rakentaa Suomalainen Siperianhusky-seuralle internetsivusto. Sivusto oli vanha ja se ei skaalautunut mobiililaitteille, joten sivustosta haluttiin tehdä responsiivinen ja nykyaikainen sekä selkeä käyttää. Keskityimme sivuston rakentamisessa käytettävyyteen ja käyttäjäkokemukseen sekä erityisesti toimivaan responsiivisuuteen, jotta käytettävyys ei kärsisi mobiililaitteilla.

Opinnäytetyössä tutkimme responsiivisuuden ja käytettävyyden periaatteita. Tutkimme mitä responsiivinen suunnittelu tarkoittaa ja, miksi se on tärkeää. Selvitimme myös, mitä eroa on responsiivisella suunnittelulla, mukautuvalla suunnittelulla ja mobile first -suunnittelulla. Raportissa määritellään käytettävyys Nielsenin heuristiikalla ja ISO- standardilla sekä käsitellään käytettävyyden arviointi, käyttäjät ja käyttäjäkokemus. Käyttäjälähtöisiä suunnittelumenetelmiä on monia, mutta tässä opinnäytetyössä käsitellään niistä suosituin Contextual Design, jonka periaatteita käytimme sivuston suunnittelussa.

Ennen sivuston rakentamista Suomalainen Siperianhusky-seuran puheenjohtajan kanssa pidettiin aloituspalaveri, jotta saadaan tietää toimeksiantajan toiveet sivustolle. Aloituspalaverin perusteella luotiin käyttäjäprofiilit, jotka edustavat sivustolla vierailevia käyttäjäryhmiä. Vanhalle sivustolle suoritettiin palvelusafari, jossa itsedokumentoitiin havainnot sivustolta. Aloituspalaverin, käyttäjäprofiilien ja palvelusafarin perusteella luotiin Affinity Diagram, joka kokosi sivustolle tulevat tärkeimmät asiat selkeäksi kokonaisuudeksi.

Saavutimme opinnäytetyön tavoitteet omasta ja toimeksiantajan näkökulmasta. Toimeksiantaja sai uuden modernin ja responsiivisen sivuston käyttöönsä ja me opimme paljon responsiivisesta suunnittelusta ja käyttäjälähtöisestä suunnittelusta. Opinnäytetyötä oli mielenkiintoista tehdä ja sen aikana opituista taidoista on varmasti hyötyä jatkossakin. Sivuston ylläpito jää opinnäytetyön toiselle tekijälle Toni Miettiselle.

The topic of the thesis was to build an internet site for the Finnish Siberian Husky Society. The site was old and not scalable for mobile devices, so we wanted to make the site responsive, modern and easy to use. We focused on site usability and user experience, and responsiveness, so that usability would not be endangered by mobile devices.

In the thesis, we study the principles of responsiveness and usability. We researched at what responsive design means and why it's important. We also found out the difference between responsive design, adaptable design and mobile first design. The report defines usability with Nielsen heuristics and ISO standard, and evaluates usability, users and user experience. There are many user-oriented design methods, but this thesis deals with the most popular one contextual design, which principles we used in site design.

Before we started to construct the site, a meeting was held with the chairman of the Finnish Siberian Husky Society to know the client's wishes on the site. Based on the information received at the meeting, we created user profiles that represent visiting user groups on the site. We did a service safari for the old site and documented the findings on the site. Based on the meeting with the client, the user profiles and the service safari, an Affinity diagram was created that summed up the most important issues on the site.

We achieved the goals of the thesis on our own and from the client's point of view. The commissioner got a new modern and responsive site and we learned a lot from responsible design and user-oriented design. The thesis was interesting to do and the skills learned during the course will certainly benefit us in the future. The maintenance of the site will remain for another author of the thesis by Toni Miettinen.