Käyttöliittymän ja sen ulkoasun suunnittelu case Älyhylly

Abstract

Tämän opinnäytetyön aiheena oli käyttöliittymän ja sen ulkoasun suunnittelu projek-tille nimeltä Älyhylly. Opinnäytetyössäni keskityin siihen miten luodaan toimiva ja hyvännäköinen käyttöliittymä, kun käytössä on kosketusnäyttö. Projektissa pyrittiin myös keskittymään siihen miten sosiaalisia medioita voidaan hyödyntää parhaalla mahdollisella tavalla.

Kosketusnäyttöä pyrittiin hyödyntämään käyttöliittymässä siten, että käyttöliittymän osista tehtiin liikuteltavia. Käyttöliittymä tehtiin selainpohjaisena ja siinä hyödynnettiin jQueryn tarjoamia mahdollisuuksia. JQuery hyödyntää valmiita JavaScript -kirjastoja, jotka toimivat yhtenäisesti kaikilla selaimilla.

Projektin aikana pyrin myös huomioimaan käyttöliittymän suunnittelussa Älyhyllyn mahdollisen kehittymisen kaupalliseksi tuotteeksi. Kaikki koodaukset tapahtuivat avoimen lähdekoodin periaatteella, jotta Älyhyllylle jäisi tulevaisuudessa tilaa kehit-tyä. Pyrin myös pohtimaan miten Älyhylly voisi kehittyä ja mitä jatkosuunnittelussa tulisi ottaa huomioon.

Interface and visual outlook fo case Smartshelf. The issue of this thesis was to create a new and improved interface for a project called Smart shelf. In my thesis I concentrated on how to create a working and good looking interface when you are dealing with a touch screen. I also focused on social Medias and how to benefit from them as well as possible.

The touch screen was exploited by making some of the interface elements movable. The interface was made as a browser based and it utilizes the possibilities offered by jQuery. JQuery exploits JavaScript -libraries and it works coherently in all browsers.

While creating the interface, I also tried to focus on Smart shelf developing to a commercial product. All the coding was done by using the principles of open source so that it would leave some space for Smart shelf to further develop itself. I also tried to think how the Smart shelf could be developed and what should be considered when developing it further.