Designing the user interface for Wizard Wars

Abstract

The goal of this thesis was to design a high-quality, functioning and implementation-ready user interface (UI) for the tablet strategy game Wizard Wars. UI design is traditionally a discipline where visuals take a backseat in favor of usability and functionality. In games, however, visual impressiveness is valued highly, and it is the only medium where it is deemed acceptable to sacrifice some amount of usability to create a more elaborate design to support the theme and atmosphere. Therefore, a truly successful game UI should be able to provide both an excellent level of usability and an appealing visual design.

In addition to designing a visual style suitable for the theme of the game, considerable effort was put into making the UI elements and layout as light and consistent as possible. This was done by creating a modular design made up of a limited amount of art assets, which were then reused for different purposes and between several menu screens. As some of the central menu screens in Wizard Wars are quite information-heavy, the optimized use of the limited screen estate in tablets was also a priority.

Tämän opinnäytetyön tavoitteena oli suunnitella korkealaatuinen, toimiva ja käyttövalmis käyttöliittymä Wizard Wars-tablettipelille. Käytettävyys ja toimivuus ovat perinteisesti olleet käyttöliittymäsuunnittelun päätavoitteet visuaalisen ilmeen jäädessä taka-alalle. Peliteollisuudessa visuaalinen näyttävyys on kuitenkin korkeassa arvossa, ja se onkin ainoa tietotekniikan osa-alue missä on hyväksyttävää uhrata tietyn verran käytettävyyttä visuaalisen teeman ja tunnelman luomiseen. Siksi aidosti onnistuneen pelikäyttöliittymän tulisikin olla sekä käytettävyydeltään erinomainen että visuaalisesti puoleensavetävä.

Visuaalisen ilmeen suunnittelun lisäksi käyttöliittymäelementtien keveyteen ja yhtenäisen ilmeen luomiseen käytettiin huomattava määrä aikaa. Nämä tavoitteet saavutettiin luomalla modulaarinen käyttöliittymä joka koostuu rajatusta määrästä graafisia elementtejä, joita uudelleenkäytetään useissa eri tarkoituksissa ja useiden eri menunäkymien välillä. Koska jotkut Wizard Wars:in keskeisistä menuista ovat suhteellisen informaatioraskaita, myös tablettien rajallisten näyttökokojen optimaalinen hyödyntäminen oli etusijalla.