Dashboard-näkymän suunnitteluprosessi uuden pilvipalvelun kehityksessä

Abstract

Opinnäytetyössä tutkin web-pohjaisen interaktiivisen raportointisivun eli dashboardin suunnitteluprosessia graafisen suunnittelijan näkökulmasta. Työn taustaksi olen kartoittanut käyttäjäkeskeisen suunnittelun sekä dashboard-suunnittelun periaatteita ja hyväksi havaittuja käytäntöjä lähdemateriaalin avulla sekä olemassa olevia erilaisia dashboard-ratkaisuja. Työssäni käyn läpi suunnitteluprosessin eri vaiheet: lähtökohtana olleen ratkaisun analysoinnin, siitä tehdyt havainnot sekä lähdemateriaalin tuella valitut keinot ratkaisun kehittämiseksi. Kuvaan työprosessia, jossa vuorovaikutteisesti tuotetta kehittävän tiimin kanssa selvitettiin dashboardin käyttäjälle tärkeimmät toiminnot sekä niiden toteuttaminen siten, että ulkoasu on visuaalisesti yhtenäinen ja toisaalta käytettävyydeltään mahdollisimman hyvä. Muita työprosessiin vaikuttavia tekijöitä olivat mm. tarve käyttää avoimen lähdekoodin kirjastoja, jotta työmäärä ohjelmoinnissa pysyisi kohtuullisena, sekä jo aiemmin tuotteelle toteutetut nettisivut ja niiden visuaalisen ilmeen huomiointi. Työn lopputuotoksena syntyi raportoinnin dashboard-suunnitteluun soveltuva työprosessi sekä Uusihoiva-palvelulle valmis suunnitelma sovelluksen keräämän tiedon esittäminen dashboardina tavalla, jossa visuaalinen ilme tukee ratkaisun käytettävyyttä.

I this thesis I examine interactive reporting page a.k.a. dashboard design process from a graphic designer point of view. I do background research of the subject by analyzing the user centered design and dashboard design principles. I also study the common practices in dashboard design and existing dashboard design references. In my thesis I go through the different phases of design process: analysis of the existing dashboard solution, recorded observations and the selected means of development based on the reference material. I describe the interactive work process of defining the most important user requirements together with the development team. I also cover implementing those requirements in the dashboard design while also creating visually consistent design with good usability. Other factors influencing the design process were: restriction to use existing open source code libraries to minimize coding work load, and the previously created the web pages for the product specifically the style used on those pages. Outcome of the thesis work was the design work process for a reporting dashboard and a ready concept level plan for Uusihoiva service data to be presented in a way where visual appearance supports the usability of the solution.