Käyttäjälähtöinen verkkosivuprojekti Junior UX-Designerin työnä

Abstract

Insinöörityön tarkoitus oli toteuttaa uusi mobiiliverkkosivun etusivu suomalaiselle käytetyn tavaran kauppapaikalle Tori.fi:lle. Etusivua suunnitellessa keskityttiin autot-kategorian esille tuomiseen etusivulla niin, että se lisäisi käyttäjien tietoisuutta ja aktiivisuutta Tori.fi:n käytettyjen autojen kategoriassa. Projektissa oli tärkeä löytää tasapaino autojen esille tuomisessa etusivulla niin, että käyttäjät mieltäisivät etusivun koko Tori.fi:n etusivuksi eikä Tori.fi:n autot-kategorian aloitussivuksi. Ennen insinöörityön aloitusta työn tekijä oli aloittanut työt yrityksessä Junior UX-Designer -nimikkeellä. Insinöörityössä keskityttiin arvioimaan ja kehittämään yrityksen käyttäjäkokemustiimin työskentelyä ja uuden työntekijän perehdytystä. Työssä pyrittiin parantamaan yrityksen menetelmiä uuden suunnittelijan perehdytyksessä Tori.fi:n käyttäjäkokemussuunnittelun työvälineisiin ja menetelmiin. Insinöörityö tehtiin viiden työntekijän projektiryhmässä. Työ oli osa yrityksen pidempiaikaista verkkopalvelun ja brändin uudistusprojektia, jonka tavoitteena on tulevaisuudessa uudistaa koko Tori.fi-kauppapaikka kaikilla alustoilla. Uudistus aloitettiin mobiiliverkkosivun etusivusta, jonka on tarkoitus laajentua kaikille mobiilinäkymille ja sen jälkeen mukautua tablet- ja tietokonepäätelaitteille. Insinöörityössä perehdyttiin käyttäjäkeskeisen suunnittelun, käyttäjäkokemussuunnittelun ja käyttöliittymäsuunnittelun eroihin, yhtäläisyyksiin ja liitäntäkohtiin. Työn pääpainona keskityttiin käyttäjäkokemussuunnittelun prosessiin ja projektin toteuttamiseen käyttäjäkokemussuunnittelun menetelmin. Projektissa perehdyttiin kattavasti autoilun ja auton omistajan tarpeisiin. Käyttäjät ja käyttäjäryhmät tunnistettua ideoitiin ja käyttäjätestattiin erilaisia prototyyppejä. Projektissa tunnistettiin uuden suunnittelijan vaikeus löytää materiaaleja aikaisemmin tehdyistä projekteista ja tutkimuksista. Projektin edetessä uudelle suunnittelijalle luotiin ja ostettiin tunnuksia käytössä oleviin työvälineisiin, kun huomattiin niiden puuttuvan. Perehdytyksessä kohdatut ongelmat ratkaistiin luomalla uuden työntekijän perehdytyksen avuksi suunniteltu ohjekirja. Ohjekirjassa listataan Tori.fi:llä työskentelevän suunnittelijan työvälineet ja käyttäjäkokemussuunnittelun prosessin vaiheet. Ohjekirjan avulla uudelle suunnittelijalle on helpompaa hankkia tarvittavat työvälineet kerralla.

The goal of the thesis was to develop a new mobile web front page to the Finnish second-hand marketplace Tori.fi. The focus on the front-page designing was on car category and how to increase user’s awareness and activity in that category. In the project, it was important to find out the right balance between car elements and the general Tori.fi elements. The main goal was to keep on the front page still the feeling that the user is on Tori.fi front page and not in the car category starting page.

Before starting this thesis, I was working at the company as a Junior UX-Designer title. Several things and working methods at the company were new to me. Thus I focused on evaluating and developing the working and orientation methods in my UX-team. In this thesis, I try to find the ways to improve the company's orientation methods when new designer starts working at the company.

The front-page project in the thesis was done in a group of five employees. Work was a part of the company's long-term goal to renew their product and brand image. In the future, their goal is to expand this project to all their platforms and make the website work responsive in all different screen sizes.

In the thesis, I got through the user-centered design, user experience design and user interface design terms, similarities and differences. The focus of the work was on the user experience design process and how to do a project using user experience design methods. In the project, the design team studied car users and their needs. Users were identified with different user groups and user profiles. When the target users were known the project group executed different ideas, prototypes and user testing. During the project were identified the difficulties for a new designer. These are to find information and files from previously made projects and researches. The designer also finds multiple new accounts and software that the company is using. The problems encountered were solved by creating an instruction book about Designer's tools and the overall planning process.