Käyttöliittymän graafisten elementtien kehittäminen käytettävyystutkimuksen avulla : case Mathesis-opetusmateriaali

Abstract

Työn tarkoituksena oli tutkia ja kehittää parannusehdotuksia pelillistetyn opetusmateriaalin käyttöliittymän graafisille elementeille käytettävyyden arviointimenetelmiä hyödyntäen. Työtä varten tutustuttiin käytettävyyden arviointimenetelmien teoriaan, käytettävyyteen vaikuttaviin graafisiin tekijöihin sekä keinoihin, joilla voidaan huomioida tuotteen kohderyhmä paremmin. Teoriapohjaa tarvittiin sovelluksen käytettävyyden konkreettiseen arvioimiseen ja oikeaoppiseen testaukseen.

Sovelluksen käyttöliittymätestausta varten valittiin 2 erilaista käytettävyyden arviointitapaa: Nielsenin heuristiikkoihin pohjautuva heuristinen asiantuntija-arvio sekä käytettävyystestauksesta kehitetty paritestaus. Heuristisen asiantuntija-arvion avulla sovelluksesta löydettiin joukko käytettävyysongelmia, joita testattiin vielä paritestauksen avulla. Osaa Heuristisen arvion avulla saaduista parannusehdotuksista testattiin paritestauksen jälkeen pidetyn mielipidekyselyn kautta. Asiantuntija-arvion suoritti 3 asiantuntijaa: 2 tietotekniikan insinööriä sekä 1 graafikko. Paritestaus suoritettiin 4 kohderyhmään kuuluvan oppilaan eli 8 14–15 vuotiaan koululaisen kanssa. Paritestauksen jälkeen oppilaat myös vastasivat kyselyyn, jossa tiedusteltiin kohderyhmän mieltymyksiä grafiikkaelementtien visuaalisesta ilmeestä ja muutosehdotuksista.

Arvioinnin, testauksen ja kyselyn avulla saatujen tulosten pohjalta ideoitiin parannusehdotuksia löytyneisiin käytettävyysongelmiin ja sovelluksen visuaalisiin puutteisiin. Suurimmat käytettävyysongelmat liittyivät sovelluksen epäselvään hierarkiaan, typografisiin puutteisiin sekä painikkeiden epäloogiseen toimintaan. Parannusehdotukseksi suositeltiin graafisen ohjeistuksen tai suunnitelman tekemistä, ohjeistuksesta ja suunnitelmista ilmenee, miten graafisia elementtejä tulisi sovelluksessa jatkossa käyttää niin, että kokonaisuudesta tulee harmoninen ja toimiva.

The aim of this study was to research and develop improvements in the graphic elements of a gamificated educational application by using the methods of usability research. The work presents the theory of usability research, graphic elements that affect usability and ways to better take in to consideration the target group. The theory base was needed to correctly test and evaluate the usability of the application.

For the testing of the user interface of the application 2 different kinds of usability research methods were chosen: heuristic expert review method based on Nielsen’s heuristics and usability testing in pairs. Improvement suggestions gained with the heuristic expert review were tested by usability testing in pairs. Some of the improvement suggestions for the found usability problems gained by the expert review were tested further with a survey conducted after the usability test. The expert review was executed with 3 evaluators: 2 of them were information technology engineers and the 3rd a graphic designer. The usability testing was executed with 4 pairs or 8 boys and girls from the target group of 14-15 year-old elementary school pupils. After the usability test all the tested pupils answered a survey about their preferences for the visual style of the graphic elements and their opinion on suggested modifications.

Based on the results of the evaluation, testing and survey, improvement suggestions for the problems of usability and visual flaws were found. The greatest usability flaws were in the inconsistent hierarchy and typography of the application and illogical functions of the buttons. To improve the harmony and usability of the application as a whole, a specification document for the graphic elements of the application was the recommended solution.