Turban-verkkosovelluksen käyttöliittymän suunnittelu ja toteutus

Abstract

Opinnäytetyö käsittelee Turban-verkkosovelluksen suunnittelua ja toteutusta. Siinä tutustutaan verkkosovelluksen rakentamiseen liittyviin haasteisiin sekä käyttöliittymäsuunnitteluun. Työn lähestymistapana on esitellä käyttöliittymän eri elementtejä ja niiden rakentamiseen käytettyjä käytettävyyden menetelmiä sekä ihmisen havaintokykyä hyödyntäviä seikkoja. Työssä tutustutaan myös verkkosovelluksen rakentamisen tekniseen puoleen.

Työ on hankkeistettu Art and Design City Helsinki Oy:lle, jossa kirjoittaja on työskennellyt useamman vuoden ajan sisältösuunnittelijana ja vastannut muun muassa yrityksen Urbaanimedianäyttöjen hallinnasta. Turban-verkkosovellus on edellä mainittujen näyttöjen sisällönhallintaan luotu ohjelma, jonka tavoitteena on yhtenäistää ja helpottaa näyttöjen hallintaa.

Työn tuloksena on verkkosovelluksen lisäksi reflektointia työn toteutuksen aikana heränneistä kysymyksistä ja tehtyjen ratkaisujen onnistumisista ja epäonnistumisista sekä parannus- ja kehitysehdotuksia. Muun muassa Urbaanimedian soitto-ohjelma olisi hyvä tehdä kokonaan uudelta pohjalta ja Turbaniin voitaisiin lisätä tuki kosketusnäyttöjä käyttäville laitteille.

The topic of this thesis is planning and designing the user interface in the Turban web application. The goal is to explore the user interface design and the challenges present when developing web applications. This is carried out by looking at different user interface elements and the usability and human cognition methods used when building them. The present thesis also looks into the technical side of web application development.

The thesis has been conducted in collaboration with Art and Design City Helsinki Ltd. For several years the author has been working as a content developer in the company and has been responsible for the management of the Urbanmedia screens. The Turban web application was created to manage the afore-mentioned screens. The goals for Turban's development were to create a program that allows easier and more unified control and content management of the Urbanmedia screens.

The end result included a web application as well as questions, solutions and revelations that came up during this project. These include successes and failures but also suggestions for improving and updating both Turban and Urbanmedia. For example completely overhauling the Urbanmedia player software would be a good idea and in the future Turban should be improved to better support devices employing touchscreens.