Äänestyssovelluksen UX- ja UI-suunnittelu

Abstract

Opinnäytetyön tavoitteena oli yleisöäänestyssovelluksen käyttöliittymän ja käyttäjäkokemuksen suunnittelu. Opinnäytetyön toimeksiantaja Groove Connection Oy oli sosiaalisen paritanssin kilpailuja järjestävä osakeyhtiö, joka halusi keventää tapahtumiensa tuomarien työtaakkaa. Tarkoituksena oli luoda interaktiivinen prototyyppi, jonka pohjalta voidaan ohjelmoida tanssikilpailuissa hyödynnettävä verkkosovellus.

Toimintamallina käytettiin suunnitteluajattelua, jonka jokaisessa vaiheessa priorisoidaan loppukäyttäjän tavoitteita ja tarpeita. Opinnäytetyön raportissa käsitellään käyttäjäkeskeisen suunnittelun teoriaa ja merkitystä ja esitellään keinoja, miten voidaan luoda käytettävämpiä ja saavutettavampia tuotteita ja palveluja eettisemmän ja tasavertaisemman digiyhteiskunnan hyväksi.

Opinnäytetyön tuloksena syntyi interaktiivinen prototyyppi, joka mallintaa lopullisen sovelluksen ulkonäköä ja toiminnallisuutta. Käyttäjä voi osallistua äänestykseen, tarkastella äänestystuloksia tai luoda ja hallinnoida omia äänestyksiään. Prototyypin käytettävyyttä ja saavutettavuutta arvioitiin vertaamalla sitä opinnäytetyön teoriaosuuksiin ja järjestämällä käyttäjätestaus.

Prototyyppi vastaa toimeksiantajan odotuksia ulkoasultaan ja toiminnallisuudeltaan. Se on minimalistinen, ja sisältö ja toiminnot keskittyvät olennaiseen, mikä tekee siitä helppokäyttöisen. Äänestyssovellusta käytettiin ensimmäistä kertaa keväällä 2022 Groove Connectionin epävirallisessa tanssikilpailussa. Prototyyppiä voisi jatkokehittää esimerkiksi tulossivun uudelleen suunnittelulla, tutkimalla lisää kilpailevia äänestyssovelluksia ja testaamalla enemmän saavutettavuutta. Käyttöliittymään voisi myös tuoda enemmän ilmettä ja eloa animaatioiden ja taustakuvien avulla.

The objective of the thesis was to design a user interface for a voting application so that the audience could take part in judging. The commissioner of this thesis was Groove Connection Oy which is a limited company that organizes social partner dance competitions. The company hoped to lighten the workload of its judges. The purpose was to create an interactive prototype that would be used for programming a web application.

A five-stage design thinking process was used to design the user experience. In design thinking, the user’s goals and needs are always prioritized. The thesis discusses the theory and importance of user-centered design and presents ways to create more usable and accessible products and services for the benefit of a more ethical and equal digital society.

The thesis resulted in an interactive prototype that models the appearance and functionality of the final application. In the prototype, the user can participate in voting, view voting results or create and manage their own voting. The usability and accessibility of the prototype was assessed by referring to the theoretical section of the thesis and by running user testing.

The prototype meets the client’s expectations in terms of appearance and functionality. The content is minimalistic and focused on the essentials, which makes it easy to use. The voting application was used for the first time in an informal competition in the spring of 2022. The prototype could be further developed by studying more competing voting applications and testing accessibility. The user interface could be enhanced with animations and background images.