elina roine, santeri tuominen, miikka vuorinen lumihangessa
elina roine, santeri tuominen, miikka vuorinen lumihangessa
elina roine, santeri tuominen, miikka vuorinen lumihangessa
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
ELINA ROINE, SANTERI TUOMINEN, MIIKKA VUORINEN<br />
LUMIHANGESSA<br />
Elmisa<br />
MATHM-47250<br />
Verkkopalvelun sisällöntuotanto<br />
15.4.13
SISÄLLYSLUETTELO<br />
Johdanto ............................................................................................................................ 3<br />
Synopsis ............................................................................................................................ 4<br />
1. Suunnitelutyön vaiheistus ............................................................................................. 6<br />
2. Menetelmiä ja malleja ................................................................................................... 7<br />
3. Informaatioarkkitehtuuri ............................................................................................... 8<br />
4. Toimintaprosessit ........................................................................................................ 10<br />
4.1 Tuotteen hakeminen .......................................................................................... 10<br />
4.2 Tuotteen ostaminen ......................................................................................... 11<br />
4.3 Uuden tuotteen lisääminen ................................................................................ 12<br />
5. Mediasuunnitelma ....................................................................................................... 14<br />
6. Visuaalinen suunnittelu ............................................................................................... 16<br />
6.1 Esteettisyys ........................................................................................................ 16<br />
6.2 Värit .................................................................................................................. 16<br />
6.3 Asettelu ............................................................................................................. 16<br />
7. Tarvittavat sopimukset ............................................................................................... 18<br />
Lähteet ............................................................................................................................. 19
3<br />
Johdanto<br />
Tämä raportti on suunnitteludokumentti Elmisa yrityksen verkkokaupalle, joka myy<br />
konsolitarvikkeita- ja pelejä. Raportti sisältää verkkopalvelun synopsiksen, raportoinnin<br />
suunnittelutyön vaiheistuksesta, käytetyistä menetelmistä ja malleista,<br />
informaatioarkkitehtuurista, toimintaprosesseista, mediasuunnitelman, visuaalisen<br />
suunnittelun raportin ja raportin tarvittavista sopimuksista.<br />
Suunnittelutyön tavoitteena oli saada suunniteltua Elmisa-yritykselle<br />
tarkoituksenmukainen verkkokauppapalvelu. Suunnittelulla pyritään siihen, että<br />
palvelusta tulisi mahdollisimman helppo ja yksinkertainen käyttää, mutta myös<br />
tarpeeksi monipuolinen.<br />
Suunnitteluprojekti aloitettiin kokoontumalla ryhmän kanssa yhteen miettimään ja<br />
ideoimaan palvelua. Tämän perusteelta tehtiin verkkopalvelulle konseptisuunnitelma,<br />
josta tehtiin allaoleva synopsis. Näiden pohjalta ryhdyttiin tekemään tätä<br />
suunnitteludokumenttia. Työnjako tehtiin seuraavasti: Kaikki osallistuivat yhdessä<br />
konseptisuunnitelman ja synopsiksen tekoon. Suunnitteludokumentista Miikka teki<br />
menetelmät ja mallit, sekä suunnittelutyön vaiheistuksen. Elina teki<br />
informaatioarkkitehtuurin ja toimintaprosessit, sekä visuaalisen suunnittelun. Santeri<br />
teki mediasuunnitelman, tarvittavat sopimukset ja tämän johdannon.
4<br />
Synopsis<br />
Yrityksemme Elmisa on konsoli- ja tietokonepeleihin erikoistunut kauppa. Meillä on<br />
tällä hetkellä yksi liike Hervannassa ja asiakkailta kerätyn palautteen perusteella<br />
olemme kartoittaneet tarpeen verkkokaupalle. Verkkokaupan tarkoituksena on kasvattaa<br />
asiakaskuntaa ja lisätä tätä kautta liikevaihtoa. Verkkokauppa helpottaa asiakkaiden<br />
pelien saantia ja tuo samalla yrityksellemme kaivattua mainontaa. Tällä hetkellä meillä<br />
ei ole vielä minkään asteista verkkoliiketoimintaa, joten tarvitsemme aivan uuden<br />
verkkopalvelun. Verkkokaupan toimipisteenä on myös Hervannassa sijaitseva<br />
liikkeemme josta tapahtuu postitus ympäri Suomea.<br />
Tarkoituksenamme olisi luoda verkkosivut jotka ovat yksinkertaiset ja helpot selata.<br />
Niiden ei varsinaisesti ole tarkoitus houkutella uusia kuluttajia pelaamaan, mutta<br />
peleihin tutustumattomienkin on kyettävä tutustumaan sivuston sisältöön ja tuotteisiin<br />
ilman asiantuntemusta. Pääasiallinen kohderyhmämme on lähinnä jo nykyisin<br />
videopelejä pelaavat kuluttajat jotka haluavat ostaa videopelejä jo halvalla.<br />
Kohderyhmämme koostuu aluksi lähinnä liikkeemme asiakkaista, mutta tarkoituksena<br />
on laajentaa kohderyhmää koko Suomen kattavaksi.<br />
Perusidealtaan verkkosivumme on yksinkertainen: selaa tuotteita, lisää ostoskoriin, tilaa<br />
ja maksa. Tämän jälkeen tilaus siirtyy käsittelyyn ja postitetaan. Ennen kello 16 tulleet<br />
tilaukset ehtivät saman päivän postiin, mikäli kyseinen tuote löytyy varastosta. Palvelun<br />
etusivulla on yleisesti linkkejä uusin tuotteisiin, suosituimpien pelien listat, hakukenttä,<br />
mahdolliset tarjoukset, mainosbannerit, maksuvaihtoehdot, oma logo, linkki yrityksen<br />
tietoihin, josta löytyvät yhteystiedot, yrityksen lyhyt historia ja kartta jossa näkyy<br />
liikkeen sijainti.<br />
Tuotteet ovat kategorioitu sivustolla pelialustan ja –genren perusteella. Lisäksi<br />
konsolitarvikkeille on oma kategoriansa. Jokaisen tuotteen kohdalla on kerrottu tuotteen<br />
tiedot, mahdollinen kansikuva ja traileri, sekä verkkopalvelu näyttää myös tuotteet<br />
saatavuuden Hervannan liikkeessä. Palvelussa on käytössä ”ostoskori”, joka näyttää<br />
kaikki kuluttajan valitsemat tuotteet. Linkki ostoskoriin on nähtävissä joka sivulla.<br />
Maksuvaihtoehtoina ovat suora pankkimaksu, luottokorttimaksu (Mastercard, Visa,<br />
Visa Electron), postiennakkomaksu tai laskulla 14 päivän maksuajalla. Verkkopankin<br />
kautta tapahtuvat maksut ovat integroituna pankkien kanssa tekemämme sopimuksen<br />
mukaisesti.
Verkkopalvelun lähtökohtana on vastata tavoitteisiin olemalla yksinkertainen, toimiva<br />
ja siten, että tietosuoja on kunnossa, eikä asiakkaiden tietoja vuoda kolmannelle<br />
osapuolelle. Verkkosivut toteutetaan alihankittuina kilpailutuksen perusteella, jolla<br />
saadaan selville yritys, jolla on paras hinta-laatusuhde. Yrityksellämme on tarkka visio<br />
siitä, millaisen verkkopalvelun haluamme ja sivuston suunnittelu toteutetaankin<br />
yhteistyössä ohjelmisto-alan yrityksen kanssa. Toiveenamme olisi toteuttaa sivustot<br />
vesiputousmallia noudattaen. Kun verkkopalvelu on toimintakuntoinen ja otetaan<br />
käyttöön, yrityksemme palkkaa tietoteknisen koulutuksen saanen henkilön pitämään<br />
yllä ja mahdollisesti kehittämään verkkosivustoa. Verkkopalveluiden täytyy olla<br />
toimintakuntoisia kuuden kuukauden kuluessa tilauksesta<br />
5
6<br />
1. Suunnitelutyön vaiheistus<br />
Alun perin verkkopalvelumme suunnittelutyö lähti liikkeelle ideointivaiheesta.<br />
Asiakkailta kerätyn palautteen perusteella huomasimme, että verkkokaupalle, joka myisi<br />
yrityksemme tuotteita olisi kysyntää laajalti vanhojen asiakkaidemme keskuudessa.<br />
Ideointi vaiheessa verkkopalvelulle toteutettiin SWOT –analyysi, jonka avulla<br />
kartoitettiin, onko verkkokauppaa käytännössä järkevää perustaa [1.1]. Analyysissä<br />
selvisi, että verkkokaupan avulla asiakaskuntaa olisi mahdollista laajentaa koko Suomen<br />
kattavaksi, jonka avulla luodaan mahdollisuus kasvattaa liikevaihtoa suuresti.<br />
Heikkouksina ja uhkina nähtiin, kilpailijoiden suuri määrä ja se, ettei verkkokauppa<br />
välttämättä kykene vastaamaan suurien kilpailevien verkkokauppojen hinnoille pienenä<br />
yrityksenä. Kuitenkin analyysin jälkeen todettiin, että verkkopalvelu on kannattavaa<br />
toteuttaa. Koska verkkopalvelussa ei ole kyse alansa pioneerista, seuraavassa vaiheessa<br />
käytettiin hyväksi edelläkävijäanalyysia. Sen avulla kyettiin tutkimaan kilpailijoiden<br />
verkkokauppoja, joista vakoiltiin parhaat ominaisuudet omaan käyttöön [1.2].<br />
Edelläkävijäanalyysin lisäksi käytettiin hyväksi Delfi-tekniikkaa kohtuullisen suppeasti<br />
haastattelemalla asiantuntijoita muita verkkokauppoja suunnitelleilta tahoilta<br />
anonyymisti. Näilä kahdella tekniikalla pyrittiin hankkimaan mahdollisimman kattavasti<br />
esitietoa ammatillisesta näkökulmasta. Näin muodostettiin käsitys toimivasta<br />
verkkopalvelusta, joka olisi kuitenkin oman näköisensä kokonaisuus. Samalla alkoi<br />
muotoutua ensimmäisenä kirjallisena dokumenttina verkkopalvelusta synopsis. Tähän<br />
dokumenttiin tiivistettiin ideointivaiheen tulokset, jotta keskeinen ajatus ja<br />
verkkopalvelun perusrakenne olisivat selkeästi nähtävillä [1.3].<br />
Verkkokaupassa asiakkaan on kyettävä selviämään itse ilman erillisen asiakaspalvelijan<br />
apua, joten suunnitteluvaiheessa asiakaan näkökulma oli ensiarvoisen tärkeässä<br />
asemassa [1.4]. Verkkopalvelua suunnitellessa, pyrittiin selvittämään mahdollisimman<br />
tarkasti, mitä asiakkaat haluavat verkkokaupalta ja kuinka tämä kyetään toteuttamaan<br />
mahdollisimman tehokkaasti. Aluksi määrittelimme kohderyhmäksemme jo nykyisin<br />
videopelejä pelaavat henkilöt. Hervannassa sijaitsevassa liikkeessämme toteutimmekin<br />
asiakkaille kyselyn, siitä millaisen verkkokaupan he haluaisivat. Käyttäen hyväksi<br />
asiakaskyselyä ja asiantuntijoilta kerättyä dataa verkkokauppa pyrittiin toteuttamaan<br />
mahdollisimman asiakas lähtökohtaisesti.
7<br />
2. Menetelmiä ja malleja<br />
Palvelun käyttäjäryhmät tunnistettiin ideointipalaverissa. Palvelun tärkeimmät<br />
käyttäjäryhmät ovat verkkokaupan asiakkaat, yrityksemme henkilökunta ja palvelun<br />
ylläpitäjät, joista verkkokaupan asiakkaat on tärkein käyttäjäryhmä. Palvelun<br />
suunnittelu toteutetaankin asiakkaiden ehdoilla. Verkkokaupan asiakkaat ovat<br />
pääasiassa videopelejä pelaavia ihmisiä, jotka käyttävät palvelua ostaakseen videopelejä<br />
ja konsolitarvikkeita mahdollisimman halvalla ja nopeasti. Asiakkaat odottavat palvelun<br />
olevan tarpeeksi selkeä ja helppokäyttöinen, jotta sitä on helppo käyttää. Mikäli näin ei<br />
ole, on yrityksellä vaarana menettää asiakkaita kilpailevan yrityksen palvelulle.<br />
Asiakkaiden mieltymyksiä sivustoon selvitetään ottamalla palautetta vastaan. Asiakkaat<br />
koostuvat alkuvaiheessa yrityksemme aikaisemmista asiakkaista, mutta palvelun<br />
tavoitteena on kasvattaa asiakaskuntaa.<br />
Käyttäjien ominaispiirteitä analysoitiin toteutettujen kyselyiden perusteella. Tämän<br />
lisäksi edelläkävijäanalyysin [1.2] avulla kyettiin arvioimaan käyttäjien ominaispiirteitä,<br />
kilpailijoiden verkkosivustoja tutkimalla. Hankaluutena ominaispiirteiden<br />
tunnistamisessa, oli kohderyhmän heterogeenisuus, jolloin oli vaikea tunnistaa<br />
yleispäteviä ominaispiirteitä käyttäjille. Toisaalta oli myös huomioitava, että sivuston<br />
ylläpitäjät voivat muokata sivustoa tarpeen mukaan. Suunnittelussa onkin otettava<br />
huomioon, että sivustoa on oltava helppoa ja nopea ylläpitää.<br />
Seuraavalla Delfi-kierroksella [1.2] pyrittiin selvittämään verkkopalvelun keskeisten<br />
asiointi- ja toimintaprosessien selvittämiseksi. Tässä selvitettiin, miten verkkokaupassa<br />
asiointi käytännössä toteutettaisiin mahdollisimman toimivasti. Todettiin, että toimivin<br />
maksutapa verkkokaupassa on e-maksu, jolloin asiointi verkkokaupassa toimii kellon<br />
ympäri [2.5]. Edelläkävijäanalyysin perusteella todettiin, että myös perinteisemmät<br />
maksuvaihtoehdot, kuten tilisiirto ja postiennakko, on syytä ottaa käyttöön.<br />
Käytetyt mallit olivat kohtuullisen yksinkertaisia ja helppokäyttöisiä. Mallien valintaan<br />
vaikutti suuresti se, että verkkopalvelu oli kokonaisuutena yksinkertainen toteuttaa,<br />
jolloin monimutkaisempi mallivaihtoehto olisi sekoittanut suunnittelutyötä liiaksi ja<br />
näin projekti olisi kokonaisuutena venynyt ajallisesti pitkäksi. Verkkopalvelua<br />
tuotettaessa, taustalla pidettiin ajatus Usability Engineering Life Cycle Model:sta, jossa<br />
suunnitteluprosessi jakautuu kolmeen päävaiheeseen: esisuunnitteluun,<br />
suunnitteluvaiheeseen ja jälkisuunnitteluun [2.6]. Mallia käytettiin suuntaa antavana,<br />
mutta siitä karsittiin osa päävaiheiden alivaiheita pois
8<br />
3. Informaatioarkkitehtuuri<br />
Verkkopalvelun informaatioarkkitehtuurin suunnittelussa hyödynnettiin muiden pelejä<br />
myyvien sivujen antamaa mallia. Nämä aiemmat palvelut on koettu toimivan hyvin ja<br />
palvelevan tarkoitusta, joten niistä on luontaista ottaa mallia. Myös kohderyhmä on<br />
erittäin mahdollisesti saattanut vierailla kilpailijoiden verkkopalveluissa jo, joten tuttu<br />
rakenne helpottaa ja nopeuttaa Elmisan käyttöä ensi kerrasta alkaen.<br />
Verkkopalvelu tulee järjestää hyvin. Tyhjiä tiloja tulee käyttää sopivasti, jottei sivut<br />
vaikuta sekavilta ja navigointi pitää saada hoidettua mahdollisimman yksinkertaisella ja<br />
kuvaavalla tavalla. [3.1, 3.2] Verkkopalvelussa informaatiosisältö järjestetään<br />
monimerkityksellisellä luokittelujärjestelmällä. Pelit jaetaan ensin konsolien mukaan<br />
globaaliin navigointipalkkiin ja tämän jälkeen pelien tyylien mukaan. Yksi peli voi<br />
kuulua useampaan luokitteluun, sillä se saattaa sisältää eri tyylejä. [3.3] Verkkopalvelu<br />
on alustavasti jaettu hierarkkisesti. Alaluokkia on monta ja niiden sisällöt saattavat<br />
kuitenkin liittyä toisiinsa mielivaltaisesti. [3.4]<br />
Palvelun navigointi hoidetaan upotetulla navigointijärjestelmällä. [3.5] Sivujen<br />
ylälaidassa on globaali navigointi, jonka osat siis edustaa eri konsoleita. Globaali<br />
navigointipalkki näkyy muuttumattomana jokaisella sivulla. Konsoleihin jakaminen<br />
toimii hyvin, sillä se kattaa näin helposti kaikki tuotteet ja käyttäjät löytävät helposti<br />
etsimänsä. Sivujen oikeassa laidassa on puolestaan lokaali navigointijärjestelmä, joka<br />
lajittelee tuotteet niiden tyylin mukaan. Käyttäjät, jotka eivät tiedä tiettyä tuotetta<br />
pääsevät näin kuitenkin selaamaan tuotteita helposti omien mieltymysten perusteella.<br />
Nimeäminen on toteutettu yksinkertaisesti pelien, konsolien ja niiden tietojen<br />
perusteella. Palvelussa käytetään lyhyitä ja kuvaavia termejä.<br />
Verkkopalvelun sisältö muuttuu suhteellisen nopeasti ja sitä on paljon, joten<br />
hakutoiminto on lähes välttämätön. Palvelun vasemmassa laidassa on hakupalkki, johon<br />
käyttäjä voi kirjoittaa hakusanan. Palvelu hakee ja listaa tämän jälkeen hakusanaa<br />
vastaavat tuotteet aloittaen hakemisen tuotteiden nimistä jatkaen lopulta muihin<br />
tietoihin. Hakua voi tämän jälkeen myös tehostaa, sillä ennen listaa haun tuloksista tulee<br />
mahdollisia lisäkysymyksiä. Näistä voi valita esimerkiksi konsolin tai hakeeko käyttäjä<br />
peliä vai jotain konsolitarviketta esimerkiksi. Hakutuloksia tulee näkyviin kymmenen<br />
(10) kappaletta yhdelle sivulle ja sivunumerot ylä- ja alatiloihin, sekä palvelu näyttää<br />
kuinka monta hakutulosta kokonaisuudessaan on saatavilla. [3.6, 3.7]
Informaatioarkkitehtuurin suunnittelun lopulliset muodot ovat mukautuneet palvelua<br />
toteuttaman ryhmän jäsenten keskeisten neuvotteluiden ja pohdintojen tuloksina.<br />
Ryhmä on kokenut nämä seikat tärkeiksi ja toimiviksi juuri tämänkaltaiseen palveluun.<br />
Apuja saimme omista tiedoistamme muista samankaltaisista verkkopalveluista ja niiden<br />
käytännöllisyydestä. Otimme käyttäjäryhmän ja Elmisan mahdolliset resurssit<br />
huomioon suunnittelussa.<br />
9
10<br />
4. Toimintaprosessit<br />
Verkkopalvelussa on useampia toimintaprosesseja, joista tässä kuvataan kolme<br />
keskeisintä ja tärkeintä prosessia, joita myös suoritetaan palvelua käyttäessä usein.<br />
Nämä prosessit ovat tuotteen hakeminen ja ostaminen, sekä uuden tuotteen lisääminen.<br />
4.1 Tuotteen hakeminen<br />
Toimintatarina<br />
Pelejä pelaava henkilö Matti on päättänyt ostaa pelialustalleen tietyn pelin. Hän päättää<br />
suorittaa hintavertailua eri verkkokauppojen välillä.Henkilö menee Elmisan etusivulle, josta<br />
hän menee hakuun, jolla hän hakee haluamansa tuotteen. Löydettyään haluamansa<br />
tuotteen henkilö tarkastelee tuotetta, ottaen hinnan mukaan hintavertailuun<br />
Käyttötarina<br />
Matti avaa tietokoneellaan selaimen ja navigoi itsensä verkkopalvelun etusivulle.<br />
Etusivulta Matti siirtyy hakusivulle, jonne hän syöttää haettavan tuotteen tiedot ja<br />
painaa haku nappia. Matti saa hausta tulokset, joista Matti löytää haluamansa tuotteen ja<br />
painaa tuotteen kohdalta, saaden tuotteen näin tarkasteltavaksi<br />
Yleinen malli<br />
- Käyttäjä tietää mitä tuotetta hän etsii<br />
- Käyttäjä hakee tuotteen tuotteen palvelun hakutoiminnon kautta<br />
- Käyttäjä löytää tuotteen<br />
- Käyttäjä avaa tuotteen sivun tarkasteltavaksi<br />
Hierarkkinen tehtäväanalyysi<br />
0. Tuote löydetty tarkasteltavaksi<br />
1. Mene palvelun etusivulle<br />
2. Etsi tuote<br />
2.1 Mene hakusivulle<br />
2.2 Syötä hakutiedot<br />
2.3 Tarkastele hakutuloksia
11<br />
3. Tarkastele tuotetta<br />
Tavoite 0: Suorita 1-2-3<br />
Tavoite 2: Suorita 2.1-2.2-2.3<br />
4.2 Tuotteen ostaminen<br />
Toimintatarina<br />
Petteri on päättänyt ostaa uuden pelin nimeltä Vauhdikasta menoa muovimassassa<br />
Elmisan verkkokaupan kautta. Hän menee verkkokaupan etusivulle josta hän menee<br />
hakuun. Haun avulla hän etsii haluamsa pelin. Löydettyään pelin hän lisää sen<br />
ostoskoriin ja siirtyy kassalle. Kassalla hän täyttää yhteystietonsa lomakkeeseen ja<br />
maksaa pelin.<br />
Käyttötarina<br />
Petteri avaa selaimen ja navigoi itsensä verkkopalvelun etusivulle. Etusivulla hän<br />
täyttää hakukenttään haluamsa pelin nimen ja painaa haku nappia. Hän löytää<br />
haluamsa tuotteen ja painaa sen kohdalla ostoskoriin nappia. Petteri siirtyy kassalle<br />
jossa hän täyttää yhteystietonsa, valitsee maksutavan ja maksaa pelin.<br />
Yleinen malli<br />
- Käyttäjä tietää mitä tuotetta hän etsii<br />
- Käyttäjä hakee tuotteen tuotteen palvelun hakutoiminnon kautta<br />
- Käyttäjä löytää tuotteen<br />
- Käyttäjä merkkaa tuotteen ostoskoriin<br />
- Käyttäjä siirtyy kassalle<br />
- Käyttäjä täyttää vaadittavat tiedot<br />
- Käyttäjä maksaa tuotteen<br />
Hierarkkinen tehtäväanalyysi<br />
0. Osta tuote<br />
1. Navigoi verkkopalvelun etusivulle<br />
2. Etsi tuote haku toiminnon avulla<br />
3 Lisää tuote Ostoskoriin<br />
4 Navigoi Ostoskori -sivulle<br />
4.1 Täytä tarvittavat tiedot
12<br />
4.2 Maksa tuote<br />
5 Sulje selain<br />
Tavoite 0: Suorita 1 - 2 - 3 - 4 - 5<br />
Tavoite 2: Suorita 4.1 - 4.2<br />
4.3 Uuden tuotteen lisääminen<br />
Toimintatarina<br />
Liikkeen työntekijä on saanut käsiinsä uuden tuotteen, jota ei vielä löydy Elmisan<br />
verkkokaupasta. Hän haluaa lisätä tämän uuden tuotteet verkkokauppaan. Työntekijä<br />
menee Elmisan verkkopalveluun työpaikalla ja kirjautuu sisään palveluun. Tämän<br />
jälkeen hän lisää tuotteen tietoineen ja kategorioi sen oikein.<br />
Käyttötarina<br />
Työntekijä navigoi itsensä Elmisan verkkopalveluun ja täyttää vaadittavat kentät<br />
kirjautuakseen sisään järjestelmään. Tämän jälkeen hän siirtyy oikean pelialustan<br />
sivulle ja painaa sieltä "lisää uusi tuote" -painiketta. Tästä aukeaa valmis pohja, johon<br />
työntekijä lisää kaikki tarvittavat tiedot ja mahdollisen kuvan. Tämän jälkeen<br />
työntekijä painaa "tallenna uusi tuote" -painiketta ja näkymä vaihtuu uuden<br />
tallennetun tuotteet sivulle. Tämän jälkeen työntekijä voi kirjautua ulos palvelusta.<br />
Yleinen malli:<br />
Käyttäjä tietää tarvittavat sisäänkirjautumistunnukset ja tiedot tuotteesta, jotka tulee<br />
lisätä. Hän kirjoittaa tarvittavat tiedot ja julkaisee tiedot palvelussa.<br />
Hierarkkinen tehtäväanalyysi:<br />
0. Lisää tuote<br />
1. Kirjaudu sisään<br />
1.1 Kirjoita käyttäjätunnus siihen tarkoitettuun kenttään<br />
1.2 Kirjoita salasana siihen vaadittuun kenttään<br />
1.3 Jatka painamalla "Kirjaudu sisään"<br />
2. Valitse pelialusta<br />
3. Lisää uusi tuote tähän pääkategoriaan<br />
3.1 Lisää tuotteen tiedot<br />
3.2 Lisää kuva/video
13<br />
3.2 Lisää uuden tuotteen hinta<br />
4. Esikatsele<br />
5. Julkaise uusi tuote järjestelmässä<br />
6. Kirjaudu ulos<br />
Tavoite 0: suorita 1-2-3-5, vaihtoehdot 4 ja 6 ovat vapaaehtoisia<br />
Tavoite 2: suorita 1.1 - 1.2 - 1.3<br />
Tavoite 3: suorita 3.1 - 3.3, vaihtoehto 3.2 on vapaaehtoinen
14<br />
5. Mediasuunnitelma<br />
Palvelu tulee käyttämään pääasiallisena mediaelementtinään tekstiä, jota tuetaan<br />
videolla ja still-kuvilla [1]. Ääntä ja animaatiota ei tulla verkkopalvelussa käyttämään<br />
ollenkaan. Palvelun mediaelementit pyritään pitämään yksinkertaisina ja hillittyinä, jotta<br />
palvelun käyttäjä löytää ja ymmärtää palvelun sisällön helposti. Palvelu sisältää<br />
pääasiassa tekstiä. Kuvia ja videoita käytetään vahvistamaan asiakkaan käsityksiä<br />
verkkopalvelun tuotteista. Mediaelementtien tärkeimpänä tehtävän on jakaa käyttäjälle<br />
informaatiota selkeästi.<br />
Teksti<br />
Selkeää ja informatiivista yleiskieltä, kuitenkin tarvittaessa konsolipelaamiseen liittyvää<br />
termistöä. Teksiä onn yleisesti ottaen niukasti vain sanoja. Eri tuotteiden esittelytekstit<br />
ovat pidempiä tekstejä. Esittelytekstit tulevat tuotteen valmistajan puolesta valmiina.<br />
Muokkaamme tekstejä korkeintaan kääntämällä ne suomen kielelle.<br />
Tekstiä käytetään pääasiallisena informaation jakamiskeinona käyttäjälle. Koska tekstiä<br />
käytetään palvelussa navigoimiseen, tulee tekstin olla selkeää ja informatiivista, sekä<br />
tekstin fontin ja värin tulee olla silmiä miellyttäviä ja helppoa lukea.<br />
Kuvat<br />
Palvelussa käytetään kuvia hillitysti. Jokaisesta tuotteesta pyritään saaman palveluun<br />
kuva. Kuvat näkyvät tuotetiedoissa ja hakutuloksissa sekä muissa listauksissa. Kuvilla<br />
pyritään kiinnittämään asiakkaan huomio tuotteisiin. Tuotteiden kuvista asiakas saa<br />
nopeasti käsityksen pelin tyylistä. Kuvia käytetään myös etusivulla eri tuotteiden<br />
mainostamiseen.<br />
Kuvat toimivat tukena tekstille informaation välittämisessä samalla kiinnittäen<br />
huomiota käyttäjille, jotta verkkokaupan asiakkaat tekisivät myös heräteostoksia. Kuvat<br />
pyritään palveluun saamaan mahdollisimman korkealaatuisina, jotta palvelusta jää<br />
ammattimainen ja hyvä mielikuva. Jos tuotteesta ei ole saatavissa tarpeeksi<br />
korkealaatuista kuvaa, tuotteen kohdalle laiteta kuvaa ollenkaan.<br />
Video
15<br />
Palvelussa käytetään videoita tuotteiden tieto sivuilla. Videot ovat pääasiassa tuotteiden<br />
esittelyvideoita. Näillä videoilla pyritään saamaan asiakkaalle nopeasti syvempi käsitys<br />
tuotteesta. Videot toteutetaan sivustolle Youtube verkkopalvelun avulla.Tuotteiden<br />
esittelyvideot saadaan tuotteiden valmistajilta ja emme itse editoi niitä mitenkään<br />
muuten kuin, että varmistamme niiden soveltuvuuden verkkopalveluun.<br />
Videoilla mainostetaan tuotteita ja luodaan lisäinformaatiota tuotteista asiakkaille.<br />
Videota ei käytetä pääasiallisena informaation lähteenä palvelussa vaan videot antavat<br />
tekstille ja kuville lisäarvoa. Videoita pyritään saamaan palveluun mahdollisimman<br />
hyvällä laa dulla, jotta asiakkaalle jää palvelusta hyvä kuva.
16<br />
6. Visuaalinen suunnittelu<br />
Verkkopalvelun visuaalinen suunnittelu pidetään mahdollisimman yksinkertaisena, eikä<br />
käytetä liiallisesti erikoisia tehosteita. Ulkoasu pyritään pitämään mahdollisimman<br />
selkeänä ja miellyttävänä silmälle. Verkkopalvelun käytön tulee olla tehokasta ja<br />
tuotteiden helposti huomattavissa ja luettavissa. Sisältöä on kuitenkin suhteellisen<br />
paljon, joten tulee ottaa huomioon navigoinnin helppous ja nopea käyttö.<br />
6.1 Esteettisyys<br />
Visuaalisessa suunnittelussa käytetään länsimaisen yleisön mieltymyksiä ja pyritään<br />
huomioimaan kohdeyleisö mahdollisimman tarkasti. Esteettisyys liittyy kauneuteen ja<br />
miellyttävyyteen ja ihmisillä on taipumusta pitää esteettisiä tuotteita laadukkaimpina.<br />
Palvelussa ei tulla korostamaan tätä seikkaa liikaa, mutta palvelun tulee kuitenkin olla<br />
silmälle mieluinen ja sisältää tarpeeksi tuotteita korostavia tehosteita. Minkään muun ei<br />
sivuilla tulisi viedä käyttäjien huomiota pois selattavista tuotteista. Palvelu muistuttaa<br />
enemmän klassista suuntaa, sillä sen oletetaan olevan selkeä ja luotettava. [5.1]<br />
6.2 Värit<br />
Palvelun värimaailmassa käytetään sopivan raikkaita kylmiä värejä, jotta tarvittavat<br />
tiedot löytyvät nopeasti. Taustoina käytetään mahdollisesti jotain vaaleaa yleistä sävyä,<br />
josta on helppo löytää ja lukea tarvittavaa tietoa. Palvelussa käytetään ensisijaisesti<br />
yksiväriharmoniaa, jonka värit eivät eroa toisistaan liikaa. Navigointipalkkien<br />
värityksessä kuitenkin käytetään vastaväriharmoniaa, sillä palvelu sisältää suhteellisen<br />
paljon tietoa ja käyttäjän on värien avulla helppo koordinoida kulkuaan ja tietää joka<br />
hetki missä itsekin on. Värejä ei kuitenkaan ole montaa ja niitä on käytetty vain<br />
hillityssä määrin selkeyttämään palvelua. Erilaisia otsikoita ja muutamia tärkeitä tietoja<br />
korostetaan hieman lämpimimmillä väreillä. Värimaailma on yksinkertaisuudessaan<br />
suhteellisen suppea eikä huomiota herättäviä korostuksia käytetä paljo. [5.2]<br />
6.3 Asettelu<br />
Palvelun asettelu perustuu sisällön määräämään luokitteluun, jotta käyttäjä hahmottaa<br />
olennaiset elementit [5.3]. Jokaisella sivulla on yläreunassa näkyvillä globaali<br />
navigointipalkki, joka aloittaa jakamalla pelit niiden konsolien perusteella. Navigointi
palvelun yläpuolella lukee pelikaupan nimi ja logo. Navigointipalkin alapuolinen tila on<br />
jaettu kolmeen osaan, jossa keskellä on tuotteet. Oikeassa laidassa on lokaali<br />
navigointipalkki, joka jakaa tuotteita erilaisiin kategorioihin. Vasemmassa laidassa<br />
näkyy ohjeet maksutavoista ja ostoskori. Keskimmäinen kaista eli sisältöalue on<br />
tietenkin levein, jotta tuotteet saadaan näkyviin hyvin ja niitä on helppo selata.<br />
Navigointipalkeissa on käytetty pyöreitä kulmia saaden näin vaikutelmasta<br />
ihmisystävällisemmän ja nuorekkaamman. [5.4]<br />
17
18<br />
7. Tarvittavat sopimukset<br />
Ennen suunnitteluprojektia ja sen aikana tulee sopia erinäisiä asioita eri osapuolten<br />
välillä. Ensinnäkin ennen suunnitteluprosessin aloittamista sovitaan palvelun<br />
tekijänoikeuksista [7.1]. Lisäksi täytyy tehdä sopimuksia palvelun toteuttamisesta ja sen<br />
aikataulusta. Palvelua varten tulee myös tehdä sopimukset verkkopankkien kanssa<br />
maksupalveluista ja sopia siitä kuka huolehtii tietoturvasta. Pitää myös sopia miten<br />
palvelun käyttöönotto ja ylläpito hoidetaan.<br />
Tekijänoikeus sopimuksessa sovitaan, että Elmisalle jää palvelusta kaikki<br />
tekijänoikeudet ja että kaikilla ulkopuolisesti suunnittelu- ja toteuttamis työhön<br />
osallistuneilla ei ole tekijänoikeuksia palveluun, vaan he ovat vain palkattuja<br />
työntekijöitä.<br />
Palvelun suunnitteluja toteuttamisprosessiin osallistuvien Elmisan ulkopuolisten<br />
henkilöiden kanssa tulee laatia työsopimukset, joissa määritellään selkeästi heidän<br />
vastuualueensa. Lisäksi tulee sopia kuinka nopeasti projekti tulee saada valmiiksi ja<br />
millä hinnalla.<br />
Tuotteiden valmistajien kanssa tulee myös sopia tuotteiden kuvien ja mahdollisten<br />
esittelyvideoiden käytöstä ja niiden toimittamisesta. Lisäksi tulee sopia esittelytekstien<br />
tekemisestä eri tuotteille ja siitä onko esittelytekstin tekeminen Elmisan vai tuotteen<br />
valmistajan vastuulla.<br />
Verkkopankkien verkkomaksupalvelun käytöstä verkkokaupassa tulee myös sopia ja<br />
siitä kuka vastaa tämän palvelun integroimisesta meidän palveluumme. Lisäksi on<br />
sovittava kuka huolehtii tämän yhteyden tietoturvasta. Myös palvelun yleisistätietoturva<br />
järjestelyistää on sovittava.<br />
Palvelun ylläpidosta ja huollosta vastaavan tahon kanssa on tehtävä sopimus ylläpidon<br />
ja huollon laadusta ja siitä kuinka kauan tätä jatketaan. On myös tehtävä sopimus siitä<br />
missä palvelun palvelin serverit sijaitsevat ja kuka niitä ylläpitää ja kuinka kauaksi aikaa<br />
sopimus tehdään.
19<br />
Lähteet<br />
[1.1] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/hmopetus/vpsistoppimateriaali/4-menetelmia-ja-malleja/4-2-<br />
ideointia<br />
[1.2] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/413-<br />
palveluprosessien-kartoitus<br />
[1.3] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/hmopetus/vpsistoppimateriaali/5-dokumentointia/5-3-<br />
synopsis<br />
[1.4] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti:http://hlab.ee.tut.fi/piiri/content/3-<br />
suunnittelutyo<br />
[1.5] Nordea pankin verkkopalvelu. [WWW] [viitattu 13.4.2013]<br />
http://www.nordea.fi/henkil%C3%B6asiakkaat/p%C3%A4ivitt%C3%A4iset+ra<br />
ha-asiat/tilit+ja+maksut/e-maksu/700694.html<br />
[1.6] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/432-hcimalleja<br />
[3.1] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/1042-tilankaytto<br />
[3.2] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen
20<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/82-<br />
jasentaminen<br />
[3.3] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/821-<br />
informaatiojarjestelmat<br />
[3.4] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/822-<br />
rakenne<br />
[3.5] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen yliopisto,<br />
Intelligent Information Systems Laboratory. [WWW] [viitattu 14.4.2013]<br />
Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/83-navigointi<br />
[3.6] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/85-<br />
hakutoiminnot<br />
[3.7] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/851-<br />
suunnitteleminen<br />
[5.1] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/93-<br />
mediaelementit<br />
[6.1] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/10-<br />
visuaalinen-suunnittelu<br />
[6.2] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/101-<br />
esteettisyys
21<br />
[6.3] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/102-varienkaytto<br />
[6.4] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/104-<br />
sommittelu<br />
[6.5] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/1041-sivunasettelu<br />
[7.1] Tervakari, A-M., Silius, K. & Koro, J. 2005 - 2013. Verkkopalvelun<br />
sisällöntuotanto. Oppimateriaali. Tampere: Tampereen teknillinen<br />
yliopisto, Intelligent Information Systems Laboratory. [WWW] [viitattu<br />
14.4.2013] Saatavissa rajoitetusti: http://hlab.ee.tut.fi/piiri/content/11-<br />
tekijanoikeus