Kuinka pelillistämisen avulla voidaan parantaa käyttäjäkokemusta ja käyttöliittymää

Abstract

Käyttöliittymien ja palveluiden pelillistäminen on yleistynyt lähivuosina paljon ja sen avulla on mahdollista tuottaa lisäarvoa sen käyttökohteille. Tuotettu lisäarvo ilmenee parantuneena käyttäjäkokemuksena. Pelillistämisellä tarkoitetaan pelillisten elementtien hyödyntämistä pelien ulkopuolella.

Tässä opinnäytetyössä käsitellään sitä, kuinka pelillistämistä suoritetaan ja kuinka sitä voidaan hyödyntää osana verkkoselaimessa toimivia käyttöliittymiä sekä palveluita. Opinnäytetyössä tarkastellaan pelillistämisen suunnitteluprosessia sekä toteutusta. Toteutuksen kannalta oleellisia teknologioita olivat JavaScriptiin pohjautuvat React-kirjastot sekä Next.js-kehityskehys.

Opinnäytetyön käytännön osuus suoritettiin Alfame Systems Oy:n DigiFinlandille tuottamassa sähköinen perhekeskus-projektissa. Projektin tavoitteena oli luoda verkkoselaimessa toimiva käyttöliittymä, joka sisältää perheille sekä nuorille suunnattua informaatiota ja palveluita.

Projektin pilotoinnin ja siitä kerätyn palautteen pohjalta ei ole mahdollista sanoa varmaksi, onnistuttiinko alussa määritellyt tavoitteet saavuttamaan. Pilotoinnista kerätty palaute ei ollut tarpeeksi kattava ja kysymyksiä pelillistämiseen liittyen oli liian vähän. Tästä huolimatta palaute oli pääosin positiivista ja pelillisistä elementeistä pidettiin. Jatkokehityksen kannalta pelillisten elementtien käyttämistä päätettiin jatkaa ja pelillistämistä arvioivien kysymysten määrää tullaan kasvattamaan ennen seuraavaa pilotointia.

Gamifying user interfaces and services has become more popular during the past few years and by doing so companies are able to produce added value to their products. The added value manifests itself as an improved user experience. The definition of gamifying is to use game-like elements in an-other context than games.

The aim of this thesis was to examine how the gamifying process is implemented and how it can be used as a part of making better user interfaces and services. The thesis focuses heavily on the gamifying planning process and also how it is implemented in the user interface. Essential technologies for the practical part of the thesis are JavaScript based React libraries and Next.js framework.

The practical part of thesis was carried out as a part of Electric family centre project for DigiFinland which was carried out by Alfame Systems Oy. The goal of the project was to produce a user interface for youth and families that would contain information and services that might be helpful for them in many different parts of their lives.

Upon evaluating the initial pilot phase of the project and the subsequent feedback obtained, it remains inconclusive whether the pre-defined objectives were successfully met. The feedback from the piloting was not comprehensive enough, and there were too few questions related to gamification. Nevertheless, the majority of the feedback was favourable, and there was a distinct appreciation for the gamified elements. For further development, the use of gamified elements will continue, and the number of questions evaluating gamification will be increased before the next pilot.