Mobile-first ja Material Design käyttöliittymäsuunnitteluprosessissa : Case: Salpausselkä Geopark -mobiiliapplikaatio

Abstract

Opinnäytetyön tavoite oli suunnitella käyttöliittymä Salpausselkä Geopark -mobiiliapplikaatiolle. Tämän applikaation tulisi tarjota käyttäjälle tietoa Geoparkin sisältämistä kohteista ja toimia navigaatiotyökaluna Geoparkin alueella liikuttaessa.

Suunnittelua lähestyttiin käyttäen mobile-first -näkökulmaa. Käyttöliittymän ulkoasun toteutukseen valittiin Material Design -suunnitteluohjeisto, jonka tarjoamilla säännöillä ja niiden pohjalta tehdyillä työkaluilla suunnitteluprosessia voitiin helpottaa. Suunnittelun iteroinnin aikana toteutettiin käytettävyystestausta käyttäen Proto.io-prototypointiverkkopalvelua.

Työn tulokseksi saatiin älypuhelinkoon käyttöliittymäsuunnitelma, jota voidaan jatkossa hyödyntää mobiiliapplikaation toteutuksessa. Lisäksi otettiin myös kantaa siihen, miltä tablettikoon käyttöliittymän tulisi näyttää.

The goal of this thesis was to design a user interface for the Salpausselkä Geopark mobile application. This application should provide the user with information about the different sites within the Geopark and work as a navigation tool when the user is visiting the Geopark.

The design process was approached using mobile-first principles. Material Design documentation was used to define the look of the application. The design guidelines and available tools for Material Design made the design process easier. During the design iteration, usability testing was performed using prototypes of the interface made with the Proto.io prototyping platform.

As a result, a smartphone-sized design for the application’s user interface was produced. This design can be utilized when developing the application in the future. The design was also expanded to give an idea of how the interface should look on a tablet.