Mobile First -käyttöliittymäsuunnittelu

Abstract

Opinnäytetyö toteutettiin Into-Digital Oy:lle. Opinnäytetyön tarkoituksena on edistää Into-Digitalin ja sen asiakkaiden osaamista käyttäjäkokemuksen ja mobile first -suunnittelun saralta. Into-Digital voi antaa opinnäytetyön suoraan asiakkaalle, joka pystyy opiskelemaan ja tutustumaan aiheisiin. Opinnäytetyö on ohje hyvään käyttöliittymä ja mobile first -suunnitteluun. Opastusten ja esimerkkien tarkoituksena oli olla niin selviä, että henkilöt jotka eivät ole alan asiantuntijoita ymmärtävät ne. Opinnäytetyössä myös tutkittiin Into-Digitalin uusia verkkosivuja. Tavoitteena oli antaa rakentavaa palautetta ja kehitysehdotuksia. Opinnäytetyötä varten tutkittiin ja luettiin paljon eri materiaaleja kirjoista ja artikkeleista. Suuren materiaali määrän takia tuli tehdä paljon rajauksia. Hyvän taustatyön ja rajauksen ansiosta lopullinen toteutus onnistui ilman suurempia ongelmia. Tekstin lisäksi apuna käytettiin paljon kuvia, jotta asioista tulisi selkeämpiä ja ymmärrettävimpiä. Hyvien käyttöliittymä-, käyttäjäkokemus- ja mobiiliratkaisujen onnistumiseksi tehtiin paljon käytännön testejä, artikkelien lukemisen lisäksi. Kaikkien opittujen asioiden pohjalta tarkasteltiin Into-Digitalin uusia verkkosivuja, vaikka ne olivat keskeneräiset. Tarkastelussa löytyi monia hyviä kehitysehdotuksia, joita ei välttämättä olisi huomannut ilman uusia oppeja käyttäjäkokemuksesta. Opinnäytetyön lopputulos oli kokonaisuudessaan onnistunut. Esimerkkejä on paljon, joita pystyttiin tukemaan kuvilla. Opinnäytetyöstä huomasi, että hyvällä käyttäjäkokemuksella ja mobiilisuunnittelulla voi saada merkittäviä hyötyjä, joita normaalisti ei tajuaisi. Into-Digitalilla ja sen asiakkailla on mahdollista saada hyötyä opinnäytetyöstä, tulevia projekteja silmällä pitäen.

The research was assigned by Into-Digital Oy. The purpose of this thesis was to advance Into-Digital and its customers’ expertise in user experience and planning mobile first. Guides and examples were to be so clear that non-technical persons in the field will understand them. The thesis also examined Into-Digital's new web pages. The aim was to give constructive feedback and suggestions for improvement. A great deal of relevant literature was studied for the thesis. Due to the large amount of material there plenty of cropping was needed. Thanks to the good background study and cropping, the final implementation came off very well without any major problems. In addition to text, images were used to clarify the content and make it more understandable. Additionally, to build a good user interface, user experience and mobile solutions, plenty of practical tests were created. On the basis of all the lessons learned, Into Digital's new web pages were examined, although they were still in progress during the writing of this thesis. During the examination a number of good suggestions for the website were discovered, which would not necessarily have been noticed without the new gained knowledge of the user experience. The outcome of this study was successful in its entirety. Examples are numerous and the images support them. The thesis discovered that a good user experience and mobile planning help to gain significant benefits that are normally not even realized. Into-Digital and its customers have a great opportunity to benefit from the thesis.