Mobiilipelin intuitiivisen käyttöliittymän suunnittelu

Abstract

Opinnäytetyö käsittelee käyttöliittymäsuunnittelua. Tämän laajan alan sisällä projekti keskittyy kosketusnäytöllisten mobiililaitteiden käyttöliittymien suunnitteluun. Käyttö-liittymä on rajapinta ihmisen ja koneen välillä, jonka kautta ihminen on vuorovaikutuk-sessa laitteen ohjelmistojen ja laitteiston kanssa. Näppäimistö ja hiiri ovat hyviä esi-merkkejä laitteiston käyttöliittymästä, joiden kautta käyttäjä antaa käskyjä tietokoneel-le. Ohjelmistotasolla käyttöliittymällä tarkoitetaan eri toiminnallisuuksien sijoittamista ohjelmiston sisällä ja ruudulla näkyvällä osiolla. Tavoitteena oli käydä läpi kosketus-käyttöliittymien käytäntöjä ja mahdollisia huonon käyttöliittymäsuunnittelun vaaroja. Projektin päämääränä on myös toimivan käyttöliittymän suunnittelu mobiilipelille.

Aihetta käsitellään esimerkkien kautta ja projektin edetessä peliprojektin käyttöliitty-män suunnitelma muodostuu. Lopuksi käyttöliittymä toteutetaan käyttäen 3ds Max -mallinnusohjelmistoa, Photoshop-kuvankäsittelyohjelmistoa ja Unity-pelienkehitystyökalua.

Projekti onnistui hyvin, mutta käyttöliittymän testaus jäi vähäiseksi ohjelmistojen puut-teellisuuden takia. Tämä tilanne ohjelmistojen kanssa lisäsi käyttöliittymäsuunnitteluun haasteita. Tästä johtuen käyttöliittymän testaussovellus suoritetaan tällä hetkellä vain pc-ympäristössä. Kosketusnäytöt yleistyvät nopeasti, ja käyttöliittymäsuunnitteluun liittyvät markkinat kasvat, minkä vuoksi näistä taidoista on tulevaisuudessa hyötyä.

The subject of this thesis was the interface design for human-machine interaction. An interface designer designs a layer between the human user and technology displaying the technological system in a manner that is understandable to a human user. Within this broad field of design, this thesis focused on intuitive interface design, which means that the user input methods are understood as easily as possible. For example on smartphones, a good interface does not require the user to think how they should use a feature of the phone. They intuitively try a method, for example flicking, which turns out to be the correct one. This project focused specifically on small mobile devices that use touchscreens as the main method of input. This area of design is growing very fast due to the increased amount of smartphone usage in the world. Therefore it is prudent to research this subject for future reference.

The main objective of the thesis was to explore different methods of interface design and implement them in a game’s interface. The interface testing environment was built using for example Adobe Photoshop, 3ds Max 2013 and Unity software.

The project was successful. However, the proper testing of the interface on touchscreen device was postponed due to insufficient software. The test environment application only runs in a pc environment at the moment. Regardless of that, the pro-ject was a success in terms of learning and exploration of the theory.