Käytettävyyden parantaminen WWW-käyttöliittymässä

Abstract

Tämän opinnäytetyön aiheena on käytettävyys ja käytettävyystestaus erityisesti verkkosivustojen näkökulmasta. Käytettävyydellä tarkoitetaan sitä, kuinka hyvin jonkin sovelluksen toimintoja voidaan käyttää tiettyihin tarkoituksiin. Käytettävyyttä voidaan mitata käytettävyystestauksella, jonka avulla sovelluksista löydetään mahdolliset käytettävyyteen liittyvät ongelmat. Verkkosivuja selataan yhä enemmän mobiililaitteilla, joten responsiivinen suunnittelu on noussut isoksi osaksi nykyisiä verkkosivuja. Opinnäytetyö esittelee responsiivisen ulkoasun perusperiaatteita, miten niitä tehdään ja mitä niiden toteutuksessa tulee ottaa huomioon. Opinnäytetyön toimeksiantajana toimii Everon Oy, jonka tuotteita ovat mm. hoitajakutsujärjestelmät sekä paikantavat turvarannekkeet. Käytännön aiheena suunnitellaan ja toteutetaan toimeksiantajalle uusi www-käyttöliittymä turvarannekkeiden hallintaan. Uuden käyttöliittymän tavoitteena on olla kohderyhmä huomioon ottaen käytettävyydeltään parempi ja selkeämpi kuin vanhan käyttöliittymän. Uusi ulkoasu suunniteltiin kokonaan alusta alkaen ja siitä tehtiin responsiivinen, jotta käytettävyys olisi hyvä myös mobiililaitteilla eikä erillistä mobiilisivustoa tarvitse toteuttaa. Uusi ulkoasu toteutettiin HTML5-kuvauskielellä ja CSS3-tyylimäärittelyillä. Uuden käyttöliittymän toiminnallisuus ja uudet ominaisuudet toteutettiin Microsoftin ASP.net ohjelmistokehykellä ja C#-ohjelmointikielellä. Toteutuneessa uudessa käyttöliittymässä on täysin uuden responsiivisen ulkoasun lisäksi myös monia uusia ominaisuuksia, jotka vanhasta puuttuivat. Uutena ominaisuutena on esimerkiksi reaaliaikainen rannekkeen paikannus, rinnakkainen käyttöliittymä toisenlaisten rannekkeiden hallintaan sekä rannekkeiden poisto suoraan käyttöliittymästä.

The content of this thesis discuses usability and usability testing especially in web sites. The theoretical part of thesis is introduces usability and usability testing in general, what they mean and what factors affect high usability. Web sites are browsed more and more with mobile devices such as smart phones and tablets so responsive design plays and important role in web sites. The thesis also introduces basic principles of responsive design, how web pages are created and what factors need to be considered when creating one. This thesis was commissioned by Everon Ltd whose solutions include wireless mobile telecare alarm Lyra and the GPS safety bracelet Vega. The practical part of the thesis was to design and implement new web-based user interface for Vega management. The new interfaces needed is to have higher usability than old one. The new layout was designed from scratch and it was made responsive so it can be used better with mobile devices without the need of creating a separate mobile site. The new layout was implemented with HTML5 markup language and CSS3 stylesheets. The functionalities for layout and new features were created with Microsoft ASP.net and C#. The new interface has a brand new responsive layout and also a few new features which were missing from the old interface. Some of these new features include real time device location and tracking, new interface for different kind of device management and device deletion straight from interface.