Graafisen käyttöliittymäkirjaston luomisen prosessi Sketch 3 -ohjelmalla : mitkä tekijät vaikuttivat lopulliseen lopputulokseen?

Abstract

Tämä opinnäytetyö käsittelee graafisen käyttöliittymäkirjaston luomisen prosessia Sketch 3 -ohjelmalla. Työssä tutkitaan käyttöliittymäkirjaston suunnittelu- ja toteutusprosessia. Opinnäytetyössä tutkitaan työnprosessia ja käytännön ja teorian avulla selvitetään asiat, joita pitää huomioida suunniteltaessa käyttöliittymäkirjastoa.

Työssä esitelty käyttöliittymäkirjasto on tehty Franticille. Työssä esitellään yleiset käyttöliittymäelementit ja niiden toiminnallisuus, sekä käsitellään esimerkkien avulla, miten lopputulos on kehittynyt työn edetessä. Työssä on käytetty iteraatioprosessia käyttöliittymäkirjaston luomisessa.

Työn teoriaosuudessa tutkitaan visuaalisen suunnittelun ja käytettävyyden perusperiaatteita viitaten lopullisen käyttöliittymäkirjaston työvaiheisiin ja suunnitteluprosessiin. Käyttöliittymäkirjasto rakennettiin loppuvuodesta 2014 sekä alkuvuodesta 2015.

Työ on kaksiosainen. Ensimmäinen osa on kirjallisuuslähteisiin pohjautuvaa tutkintaa käyttöliittymäkirjaston suunnitteluprosessista. Toisessa osassa avataan käyttöliittymäkirjaston luomisen prosessia sekä tuodaan esille valmis käyttöliittymäkirjasto.

Opinnäytetyöstä on hyötyä graafisen suunnittelun ja digitaalisen viestinnän opiskelijoille ja ammattilaisille. Työn avulla on mahdollista parantaa omaa suunnitteluprosessiaan ja työssä olevaa käyttöliittymäkirjastoa voi käyttää suunnittelutyön pohjana.

This thesis is about creating graphical user interface using Sketch 3 -program. From this thesis reader can find what is necessary to take account in designing and creating graphical user interface. This thesis includes workflow with theory.

This thesis includes graphical user interface that has been made for Frantic. In this thesis you will find illustrated graphical user interface elements with illustrated examples and the theory that led in to conclusions. In the process of this thesis iteration process has been used.

In the theory of this thesis reader will find graphic design principles and the principles of heuristic evaluation. Design principles and heuristic evaluation has been used through thesis.

Thesis has two parts: first includes theory and the second part is about graphical user interface -kit. Graphical user interface -kit has been created at the end of 2014 and in the beginning of 2015.