elina roine, santeri tuominen, miikka vuorinen lumihangessa
elina roine, santeri tuominen, miikka vuorinen lumihangessa
elina roine, santeri tuominen, miikka vuorinen lumihangessa
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
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
Change language