Käyttöliittymäsuunnittelu

Abstract

Opinnäytetyön tarkoituksena oli tutustua käyttöliittymäympäristöön. Tutkimuksessa oli tarkoitus tutkia käyttöliittymäsuunnittelua ja käytännön toteutusta. Tutkimustyönä kehitettiin ja suunniteltiin moduulirakenteinen käyttöliittymärunko toimeksiantajalle Test-Mariel Oy:lle. Työn ohella oli tarkoitus oppia suunnittelun perusasioita ja oppia käyttämään siihen soveltuvia työkaluja. Työn keskeisimpinä tavoitteina oli luoda sivurakenteita ja ulkoasuja sekä perusvalikoita, kuva- ja valikkoyhdistelmiä ja efektejä.

Tutkimuksen lähteinä käytettiin internetin tarjoamia monia tutoriaaleja, tutkimuksia ja artikkeleita, joissa tutkittiin käyttöliittymäsuunnittelua. Monet artikkelit keskittyivät juuri käyttöliittymäsuunnittelun eri aiheisiin ja näistä lähteistä sai opinnäytetyöhön paljon teoriaa. Apuna oli myös kaksi kirjaa, joissa pohdittiin yleisimpiä virheitä verkkokäyttöliittymissä ja sitä, miten ihminen toimii käyttöliittymien kanssa.

Päätuloksina työstä muodostui kahdeksan eri dokumenttia, joissa on resurssit moduulirakenteiseen käyttöliittymärungon muodostamiseen. Dokumentit sisältävät käyttöliittymän keskeisiä komponentteja ja rakenteita.

Teoriaa tutkittaessa huomattiin, että ala on hyvin laaja ja vaatii paljon tutkimista monelta eri suunnalta. Käyttöliittymärunkoa luotaessa on otettava huomioon paljon asioita ihmisistä, ohjelmointikielistä ja suunnittelun toteutuksesta.

The purpose of this thesis was to get familiar with the environment of interfaces. The purpose in this research was to study how to design interfaces and how to produce them. The project of this thesis was to develop and design a modular interface for Test-Mariel Ltd. While working in this project it was purposeful to learn basic concepts of designing and learn how to use designing tools. The central objectives of this project were to create frames and themes and also basic menus, picture and menu combinations and effects.

The sources for this research were mainly the numerous tutorials, studies and articles provided by the internet in which interface designing was studied. Many articles focused in different aspects of interface designing and these sources gave a lot of theory for this thesis. Two books were also used for research. These books focused in studying common mistakes made in web based interfaces and how human acts with interfaces.

As a result of this project eight different documents were produced, which had in them the resources for creating the modular frame of an interface. Documents include the central components and frames for an interface.

During the study it was noticed that this field is very extensive and required a lot of research from many different aspects. When creating an interface frame one has to take into account many things about humans, programming languages and producing designs.