UX- ja UI-suunnittelu mobiilisovellukseen : Case: Stop Bullying

Abstract

Tässä opinnäytetyössä suunnitellaan sovelluksen käyttökokemus (user experience, UX) ja käyttöliittymä (user interface, UI) uudelleen. Käyttöliittymän ja käyttökokemuksen suunnittelun kohteena on Stop bullying -sovellus, joka on suunniteltu Oulun seudun ammattikorkeakoulun Dev-Labissa välineeksi puuttua koulukiusaamiseen. Opinnäytetyön tavoitteena oli oppia lisää käyttäjäkeskeisestä, käyttökokemus- ja käyttöliittymäsuunnittelusta, sekä tuottaa hyvä käyttökokemus ja käyttöliittymä Stop bullying -sovellukseen.

Opinnäytetyön tietoperustassa tutkittiin käyttäjäkeskeistä suunnittelua ja kuinka sitä voi käyttökokemus- ja käyttöliittymäsuunnittelussa hyödyntää. Työn tietoperustana ovat toimineet erilaiset verkkojulkaisut aiheista käyttäjäkeskeinen suunnittelu, käyttökokemuksen ja käyttöliittymän suunnittelu, sekä niihin liittyvät erilaiset alakäsitteet. Opinnäytetyön käytännön osuudessa sovellettiin opittua teoriaa käytäntöön ja käytiin läpi suunnitteluprosessia erilaisin havainnollisin kuvioin ja esimerkein.

Tämän opinnäytetyön tuloksena saatiin valmis käyttökokemus- ja käyttöliittymäsuunnitelma Stop bullying -mobiilisovellukseen. Käytännön osuudessa opin lisää käyttökokemus- ja käyttöliittymäsuunnittelusta ja siihen jäikin kipinä oppia vielä lisää. Opinnäytetyötä voidaan hyödyntää jatkossa erilaisten mobiilisovellusten käyttäjäkeskeisessä käyttökokemus- ja käyttöliittymäsuunnittelussa.

The aim of this thesis is to redesign user experience and user interface of Stop bullying mobile application. Application was firstly made in Oulu polytechnic devlab autumn 2018. It was designed to give new tools to address school bullying. Target of this redesigning is Stop bullying -mobile application. Goal of this thesis was to learn more about user centered, user experience and user interface designing and how to use them in Stop bullying application design process.

The theory part of this thesis is about user centered design and how to use it in user experience and user interface design process. E-books and articles from internet have been used for research materials. Design process is been explained and demonstrated with different kind of pictures and examples in case study.

The aim of this thesis was achieved, and the result of this thesis was ready user experience and interface design for Stop bullying -mobile application. The theory part supported the case study well. The thesis could be used as guidelines to design a good user experience and user interface to mobile application.