Käyttöliittymän käytettävyys ja esteettisyys

Abstract

Tässä opinnäytetyössä käydään läpi käyttöliittymän suunnitteluprosessia. Työ painottaa erityisesti käytettävyyden ja esteettisyyden parantamista erilaisin keinoin käyttöliittymäympäristössä. Koska käytettävyyteen lomittuvat saavutettavuus ja helppokäyttöisyys, on työssä käyty läpi myös näihin elementteihin vaikuttavia tekijöitä. Työssä esitellään hyvän käyttöliittymän piirteitä ja käyttöliittymän vaikutuksia käyttäjän kokemukseen.

Opinnäytetyössä on selvitetty, miten käyttöliittymästä saadaan toimiva kokonaisuus, joka palvelee käyttäjää ja on samaan aikaa visuaalisesti miellyttävä. Työssä on koottu suunnitteluprosessi ja siinä huomioitavat tekijät kokonaisuudeksi, jota on sovellettu verkkokaupan vertailukorin käyttöliittymän uudistamiseen toimeksiantajalle E-Bros Oy:lle

Vertailukorin käyttöliittymästä luotiin ensin erilaisia hahmotelmia ja lopulta hahmotelmista rautalankamalli, jonka pohjalta käyttöliittymää lähdettiin rakentamaan. Vertailukorin aiempi versio on otettu huomioon käyttöliittymää suunnitellessa ja suunnitteluprosessissa arvioitiin sen käytettävyyttä. Arvioinnin perusteella on tehty tarvittavia muutoksia työkalun ominaisuuksiin ja siinä esiintyviä puutteita on täytetty. Samalla vertailukorin visuaalista ulkonäköä päivitettiin esteettisemmäksi ja vastaamaan muita päivitettyjä työkaluja.

In this thesis, the design process of the user interface is explained. The thesis especially emphasizes the various ways usability and aesthetics can be improved in the user interface environment. Since accessibility and userfriendliness are interwoven with usability, the thesis also goes through the factors affecting these elements. The thesis presents the characteristics of a good user interface and the effects of the user interface on the user’s experience.

In this thesis, it has been explained how the user interface can be made into a functional entity that serves the user and is visually pleasing at the same time. In the thesis, the design process and the factors that have to be taken into account in it have been compiled into a whole, which has been applied to the renewal of the user interface of the compare basket of the online store for E-Bros Oy.

Different outlines of the user interface of the compare basket were first created, and finally, from the outlines, a wireframe model was created, which worked as a basis for the user interface. The previous version of the compare basket was considered when designing the user interface, and its usability was evaluated in the design process. Based on the evaluation, the necessary changes have been made to the tool’s features and its deficiencies have been filled. At the same time, the visual appearance of the compare basket was updated to be more aesthetic and to match other updated tools.