Selainpohjaisen strategiapelin käyttöliittymäsuunnitelma

Abstract

Tämä on ulkopuoliselle ryhmälle tuotettu opinnäytetyö, jonka tavoite oli valmistaa käyttöliittymäsuunnitelma käytettäväksi selainpeliprojektissa. Käyttöliittymäsuunnitelmalla on tarkoitus vähentää ohjelmiston koodaajien ja graafikkojen työmäärää ja hyviä käyttöliittymäsuunnitelman metodeja käyttäen vähentää virhealttiutta ja suunnitella käyttöliittymä käyttäjäystävälliseksi.

Ensimmäiseksi määriteltiin pelin kannalta välttämättömät toiminnot. Toimintojen listauksen jälkeen tarvittavat työkalut valittiin. Työkalujen kohdalla tarkisteltiin niiden soveltuvuutta prototyyppailuun, toimintavarmuutta sekä avoimuutta. Työkaluvalinnaksi päätyi opensource ohjelmisto Pencil jolla valmistettiin käsin piirretyistä prototyypeistä sähköiset versiot jatkokehitystä varten. Havainnoinnin parantamiseksi päätettiin käyttää Openclipart.org clipart-arkistoa sekä tiedostojen saatavuuden ja jakamisen parantamiseksi Google Drive-palvelua. Teksti on tuotettu LibreOffice toimisto-ohjelmistolla.

Käyttöliittymäsuunnitelman tärkeimpiä piirteitä suunnittelupöydällä olivat käyttäjäystävällisyys, selkeys ja virheettömyys. Tämän lisäksi työlle päätettiin asettaa tavoitteeksi helppo siirrettävyys kosketuslaitteisiin.

Lopputuloksena on loogisia siirtymiä sisältävä käyttöliittymäsuunnitelma joka on helposti sovellettavissa toimivaksi käyttäjäystävälliseksi käyttöliittymäksi.

This thesis was commissioned by a third party group and its goal was to produce a user interface (UI) blueprint to be used in a browser-based game project. The blueprint's purpose is to faciliate the workload of programmers and graphic designers. In addition, its aim is to reduce error susceptibility and design a user-friendly interface by providing a clear plan to follow during the actual UI production process.

The first thing to do was to define the necessary functions of the game. After they had been gathered, tools for the job had to be decided on. During the process the main requisites for the tools were suitability for producing prototypes of UI, reliability and their open source availability. Finally, the open source software Pencil was selected for digitizing the already done prototypes drawn on paper for further development purposes. To improve visualisation it was decided that a clipart gallery was a necessity. Consequently, openclipart.org was selected due to its free nature. For the purpose of sharing the files and having them for everyone to see and edit, Google Drive was chosen. All the text provided in the thesis was created with the open source office suite LibreOffice.

During the process the most valuable elements of the design were user-friendliness, clarity and accuracy. Additionally, it was decided that the design should be made in a way that can be easily converted to touch devices in the future.

The end result of the thesis is a user interface design with logical transitions and easy applicability to an efficient, user-friendly user interface.