downswingshop.com Konseptisuunnitelma



Samankaltaiset tiedostot
Graafiset käyttöliittymät Sivunparantelu

Suomalainen Verkkokauppa: Ohjeita verkkokaupan ulkoasun suunnittelijalle

ELINA ROINE, SANTERI TUOMINEN, MIIKKA VUORINEN LUMIHANGESSA. Elmisa

RAVINTOLA PURKERIN VERKKOPALVELU KONSEPTISUUNNITELMA

DESCOM: VERKKOKAUPPA JA SOSIAALINEN MEDIA -TUTKIMUS 2011

PROJEKTIDOKUMENTAATIO ASENNUS M. NIEMI

Monikielinen verkkokauppa

Sisällysluettelo. Johdanto. 1. Suunnittelutyön tavoitteet

KÄYTTÄJÄKOKEMUKSEN PERUSTEET, TIE-04100, SYKSY Käyttäjätutkimus ja käsitteellinen suunnittelu. Järjestelmän nimi. versio 1.0

Aika Vaihe Lopputulos

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT

Matkailutoimialan aamu Design Hill, Halikko Riikka Niemelä

Ammattijärjestäjä Aulasvuori Www-projektin kuvaus

NTG CMS. Julkaisujärjestelm. rjestelmä

Internetin hyödyt ja vaarat. Miten nettiä käytetään tehokkaasti hyväksi?

Ristijärven metsästysseura tysseura osti lisenssin jahtipaikat.fi verkkopalveluun, jotta seuran

MIIKKA VUORINEN, SANTERI TUOMINEN, TONI KAUPPINEN MAT Verkkopalvelun laadukkuus ja arviointi

ETAPPI ry JOOMLA 2.5 Mediapaja. Artikkeleiden hallinta ja julkaisu

Sami Hirvonen. Ulkoasut Media Works sivustolle

ARVO - verkkomateriaalien arviointiin

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

ADE Oy Hämeen valtatie TURKU. Tuotekonfigurointi. ADE Oy Ly Tunnus:

ARVO - verkkomateriaalien arviointiin

Yrityksesi verkossa: Miksi ja miten. Mikael Alatalo, palvelutuotantojohtaja, Fonecta

Sosiaalinen media muuttaa maailman. Nyt! Heti! Nopeasti!

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Visuaalinen käyttöliittymäanalyysi

Käyttöohje. Versiohistoria: versio Mari Kommenttien perusteella korjattu versio

Wordpress- ohje nettisivujen laadintaan

Digitaalinen markkinointi ja myynti Mitä DIVA meille kertoi?

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Yhteisöllisen tuotekehyksen avoin verkkolaboratorio. Asta Bäck

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2013

Perussurffaajat: Tiia Tirkkonen, Teppo Porkka, Janne Tuomisto. Verkkopalvelun arviointisuunnitelma Spotify

ividays BLOG Design Elina / Tomi / Timo / Otso /

Kiipulan ammattiopisto. Liiketalous ja tietojenkäsittely. Erja Saarinen

Pipfrog AS Tilausten hallinta

#saavuta2017 Puheenvuoroja, kognitiivinen saavutettavuus Torstai , klo

206 Verkkosivun tuottaminen finaalitehtävät

Alkuraportti. LAPPEENRANNAN TEKNILLINEN YLIOPISTO TIETOJENKÄSITTELYN LAITOS CT10A Kandidaatintyö ja seminaari

Kopseptisuunnittelu Verkkomultimedia ICT1tn004

Opetuksen ja opiskelun tehokas ja laadukas havainnointi verkkooppimisympäristössä

Pikaopas. The New Black. Kesäkuu Datscha Pikaopas The New Black ( ) 1 (14)

Kirjan toteutus BoD easybook -taittotyökalun avulla

Asiakas ja tavoite. Tekninen toteutus

Dialog Campaigns on myynnin fully automatic sarjatulityökalu. Se on ratkaisu monimutkaisten myyntihankkeiden markkinointiin.

Aloittelijasta Internet markkinoinnin sankariksi. Artem Daniliants / LumoLink

Kuinka aloitat kumppanuusmainonnan sivustollasi

Oulun seudun ammattikorkeakoulu Aineistojen polku kirjastoon > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

SUOMEN KUNTALIITTO RY

Sosiaalinen media Facebook, Twitter, Nimenhuuto

PALVELU ON KÄYTETTÄVISSÄ, OLKAA HYVÄ!

Tik Tietojenkäsittelyopin ohjelmatyö Tietotekniikan osasto Teknillinen korkeakoulu KÄYTTÖOHJE. LiKe Liiketoiminnan kehityksen tukiprojekti

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen

Sähköisen median mahdollisuudet kaupankäynnin tehostamisessa

VERKOSTO GRAAFINEN OHJE

lineitä oppimisen tueksi

ARVO - verkkomateriaalien arviointiin

Good Minton Sulkapalloliiton Kilpailujärjestelmä SEPA: Heuristinen arviointi

Kannattava verkkokauppa

Mitä on markkinointiviestintä?

Suomalaisen verkkokaupan tila EPiServerAscend 15. Mikko Jokela, North Patrol Oy,

Suoritusraportointi: Loppuraportti

Miksi käytettävyys on tärkeää

Informaatiotekniikan kehitysyksikkö

UUDESSA ASIAKKUUDESSA ALOITTAMINEN MARKKINOINNIN ALKEET

Näin rakennat mielenkiintoiset nettisivut

LUOVA ETELÄ-KARJALA LOGO

ARVO - verkkomateriaalien arviointiin

WEBINAARIN ISÄNNÄT. Jarno Wuorisalo Cuutio.fi. Petri Mertanen Superanalytics.fi. Tomi Grönfors Brandfors.com

NÄYTÖN JAKAMINEN OPPILAILLE, JOTKA MUODOSTAVAT YHTEYDEN SELAIMELLA TAI NETOP VISION STUDENT -SOVELLUKSELLA

Yrityksesi verkossa: Miksi ja miten. Aleksi Issakainen, tarjoamapäällikkö, Fonecta

Verkkokirjoittaminen. Verkkolukeminen

THL - Kansalaispalvelujen graafiset tunnisteet. Lasse Tammilehto Creative Director, Solita & Jarmo Valmari Head of Design, Arcusys

OSTOPOLKUJA. Päivittäistavarakaupassa. Copyright 33 Company 2015

VERKKOSIVUANALYYSI Suomalaisen musiikin tiedotuskeskus FIMIC

Kurssijärjestelyt. ME-C2300 Verkkojulkaisemisen perusteet (5 op) Mari Hirvi Informaatioverkostot / Mediatekniikan laitos

PAIKALLISJÄRJESTÖKOHTAISTEN NETTISIVUJEN

Avoimen B2B-verkkokaupan haasteet eivät ole todellisia. Webinaari Juho Putkonen & Jarkko Anttiroiko

Mark Summary. Taitaja2015. Skill Number 206 Skill Verkkosivujen tuottaminen. Competitor Name

BtoB-markkinoinnin tutkimus

Graafinen ohjeistus 03/2016

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA. Kirjaudu -palveluun osoitteessa tunnuksellasi.

WordPress-blogin perustaminen

Verkkokaupan ohje. Alkutieto. Scanlase verkkokauppa. Sisäänkirjautuminen

PROJEKTIDOKUMENTAATIO MONIPALVELU HALONEN

Saavutettavuus > Tapio Haanperä Saavutettavuusasiantuntija tel

Ohjeita informaation saavutettavuuteen

ORGANISAATION KIRJAUTUMINEN TURVASIRU.FI-PALVELUUN

Westiekerho.fi päätoiminnallisuudet

Graafinen ohjeistus. Lemmikkilinnut Kaijuli ry

Tämä opas on luotu verkkosivujen omistajille, verkkosivujen hankkimista

UUDET NETTISIVUT. 09/03/2015 Copyright 2014 by Oriflame Cosmetics Global SA

Ohjelmistoprosessit ja ohjelmistojen laatu Kevät Ohjelmistoprosessit ja ohjelmistojen laatu. Projektinhallinnan laadunvarmistus

Sisältö. Päivitetty viimeksi Sivu 2 / 14

tervetuloa internetiin:

Graafinen ohje. Tunnuksen käyttöohje Kouluruokadiplomin ansainneelle koululle

Toivo Koski Liiketoiminnan käynnistäminen, liiketoiminnan suunnittelu ja taloudelliset laskelmat

Kerro kuvin 3:n uudet ominaisuudet

Transkriptio:

Tampereen teknillinen yliopisto 11.2.2014 MAT 80100 Informaatioarkkitehtuurin suunnittelu downswingshop.com Konseptisuunnitelma Team Downswing Petteri Nyrhilä Henrik Braun Henri Matikainen Mike Koivisto

1 Johdanto Tämä dokumentti on konseptisuunnitelma Downswingshop.com verkkopalvelusta. Ensimmäisessä luvussa käsitellään yleisesti suunnittelutyön tavoitteita ja käytettäviä menetelmiä. Toisessa luvussa käsitellään tarkemmin verkkopalvelun tavoitteita, kohderyhmää jne. Toinen luku on jäljittelee Toikan [1] esittelemää konseptisuunnitelman rakennetta. 1.1 Suunnittelutyön tavoitteet Suunnittelutyön keskeisimpänä tavoitteena on suunnitella pienyrityksen verkkokauppa, jossa myydään laadukkaita, mutta edullisia golf tarvikkeita. Verkkopalvelun taustalla oleva yritys tuo maahan eri valmistajien golf tarvikkeita ja toimii kotimaassaan jakelijana sekä yritysasiakkaille että yksityisille henkilöille. Suunnittelutyössä korostuu etenkin se, että verkkopalvelun tulisi olla käytettävyydeltään ja saavutettavuudeltaan mahdollisimman hyvä. Näin ollen suunnittelutyön tärkeimmät tavoitteet keskittyvät etenkin palvelun helppokäyttöisyyteen, nopeuteen ja yksinkertaisuuteen. Verkkokaupan asiakkaiden tarpeet nostetaan etusijalle ja käyttäjille pyritään tarjoamaan miellyttävä käyttökokemus laadukkaalla visuaalisella ilmeellä. 1.2 Käytettävät menetelmät Projektissa käytetään Scrum menetelmää [14]. Scrumia käytetään, jotta koko tiimillä on jatkuvasti käsitys kuinka projekti etenee. Mahdollisten ongelmien ilmentyessä keksitään niihin ratkaisu yhdessä. Tämän ansiosta korjauksista johtuvien lisävirheiden aiheutuminen pienenee. Osittain valmista sivustoa on myös mahdollista esitellä asiakkaalle, jotta asiakas kykenee huomaamaan mahdolliset virheet aikaisessa vaiheessa ja puuttumaan niihin. Projektin eteneminen on myös jatkuvasti asiakkaalle selvillä. Sprinttien [15] pituus on projektissa kolme viikkoa.

Sidosryhmien tunnistaminen tehtiin kolmannen viikkoharjoituksen yhteydessä. Tässä hyödynsimme Sharpin, Finkelsteinin ja Galalin esittelemää mallia. Mallin mukaan ensin täytyy tunnistaa perustason sidosryhmät, kuten käyttäjät, järjestelmän kehittäjät, päätöksentekijät ja erilaiset ohjaavat tahot. Tämän jälkeen tulee käydä läpi jokaisen sidosryhmän keskeiset toimijaryhmät ja tunnistaa kunkin ryhmän osalta hankkijat, asiakkaat sekä ns. satelliitit, jotka ovat vuorovaikutuksessa sidosryhmän kanssa. [2 lähteestä 3] Mallin avulla pystyimme tunnistamaan verkkopalvelun tärkeimmät sidosryhmät ja niiden edustajat. Sidosryhmien tunnistamisessa keskityimme hahmottamaan erityisesti verkkopalvelun ympärillä tapahtuvaa myyntiprosessia ja siinä mukana olevia toimijoita. Tärkeimpien käyttäjäryhmien määrittelyssä tullaan vielä käyttämään persoonia. Tämä tarkoittaa sitä, että verkkopalvelun tärkeimpien käyttäjäryhmien tyypillisistä edustajista laaditaan profiilikuvaukset [4]. Persoonien avulla pyritään kuvaamaan myös tärkeimpien käyttäjäryhmien tarpeita verkkopalvelun kannalta. Verkkopalvelun visuaalisessa suunnittelussa käytetään visuaalisen suunnittelutyön parhaimpia toimintamalleja ja hyväksi todettuja periaatteita. Näitä ovat mm. principles of visual design, the ten commandments of color periaatteet ja Gestaltin lait. Hyvä visuaalinen ilme parantaa asiakkaan ja verkkopalvelun välisiä suhteita ja herättää uusissa käyttäjissä kiinnostusta. Lisää malleista on kerrottu luvussa 2.6 visuaalinen suunnittelu. 2 Verkkopalvelun tavoitteet, kohdeyleisö ja muut ominaisuudet Konseptisuunnitelma noudattaa Toikan [1] esittelemää konseptisuunnitelman runkoa. Suunnitelmassa kuvataan tiiviisti verkkopalvelun strategiset tavoitteet sekä palvelun käyttäjät ja heidän tarpeensa. Lisäksi suunnitelma ottaa kantaa verkkopalvelun ulkoasuun, rakenteeseen, visuaaliseen ilmeeseen sekä toiminnallisuuteen.

2.1 Verkkopalvelun tavoitteet Verkkopalvelun tavoitteiden selkeyttämiseksi on aluksi hyvä tarkentaa, mikä verkkopalvelun keskeisin idea on. Sen tarkoitus on tarjota golfvarusteita laidasta laitaan ja mahdollistaa käyttäjilleen helppo ja vaivaton tapa selailla, vertailla ja ostaa golfvarusteita. Verkkopalvelussa käyttäjille tarjotaan mahdollisuus arvostella tuotetta numeerisella asteikolla ja kirjoittaa tuotteesta lyhyt kirjallinen arvostelu. Arvostelut ovat kaikkien nähtävillä ja niitä voidaan jakaa vielä eteenpäin suosituimpien sosiaalisten medioiden kautta. Tällä tavalla käyttäjille tarjotaan myös mahdollisuus keskinäiseen sosiaaliseen vuorovaikutukseen. Verkkopalvelun toiminta ajatuksen pohjalta sille voidaan määrittää muutamia yleisiä tavoitteita: Tarjota käyttäjille helppo, vaivaton ja luotettava tapa ostaa golfvarusteita Tarjota käyttäjille mahdollisuus vertailla erilaisten tuotteiden ominaisuuksia yksiselitteisesti ja selkeästi Tarjota käyttäjille mahdollisuus arvostella tuotteita ja jakaa arvosteluja sosiaalisen median kautta Edellä mainitut tavoitteet kuvaavat sitä, mitä tavoitteita verkkopalvelulla on erityisesti asiakkaiden suuntaan. Kuitenkin, kun otetaan huomioon, että verkkopalvelua voidaan pitää sen taustalla toimivan yrityksen tärkeimpänä myyntikanavana, voidaan hahmottaa myös muunlaisia tavoitteita verkkokaupalle: Yrityksen myynnin maksimoiminen Osto /myyntiprosessin yksinkertaistaminen ja nopeuttaminen Kustannusten säästäminen Toisin sanoen verkkopalvelulle pyritään saamaan mahdollisimman paljon myyntiä aikaiseksi yksinkertaisen osto /myyntiprosessin kautta, jossa ostaja saa omatoimisesti selailla, valita ja ostaa haluamiaan tuotteita. Tämä myös säästää yrityksen kustannuksia, koska perinteisiä myyntitiloja tai myyntihenkilöstöä ei tarvitse hankkia.

2.2 Palvelun kohdeyleisöt ja käyttäjät Verkkopalvelun tärkeimpänä kohderyhmänä voidaan pitää yritysasiakkaita, sillä suurin osa myynnistä kohdistuu juuri näille jälleenmyyjäyrityksille. Yritysasiakkaat sijaitsevat eri puolella Suomea. Niihin kuuluvat muun muassa suurimmat urheilutarvikkeita myyvät jälleenmyyjät, joilla on myös golf osasto, kuten Intersport. Niiden lisäksi tähän asiakasryhmään kuuluu ostoskeskuksia, kuten Prismat ja Citymarketit, sekä pienemmät jälleenmyyjät, jotka ovat erikoistuneet golfvarusteiden myyntiin. Yritysasiakkailla on yleensä paljon muutakin tekemistä, kuin kuluttaa aikaansa golfvarusteiden tai muiden myyntiartikkeleidensa hankintaa. Jotta yritysasiakkaat voisivatkin hyötyä verkkopalvelusta täytyy sen olla nopea, selkeä ja yksinkertainen käyttää. Palvelun tulisi myös ohjata virheettömään tekemiseen ja tarjota kuitenkin yksiselitteistä sekä selkeää informaatiota tuotteisiin liittyen. Verkkokaupan toinen suuri kohderyhmä ovat henkilöasiakkaat, joihin luetaan Suomessa asuvat yksittäiset henkilöt. Palvelussa henkilöasiakkaiden kieleksi oletetaan jokin Suomessa yleisimmin puhutuista kielistä. Henkilöasiakkaita varten tuotteiden kuvausten on oltava hyviä ja tuotevaihtoehtoja on oltava useita. Kun tuotevalikoima on riittävän laaja saadaan henkilöasiakkaat helpommin ostamaan tarvitsemiaan tuotteita verkosta. Henkilöasiakkaat käyttävät myös enemmän aikaa ja harkintaa juuri oikeaa tuotetta valitessaan kuin yritysasiakkaat. Tästä syystä sivustolle toteutetaan kattava vertailu ominaisuus, jonka avulla useiden tuotteiden vertailu sujuu helposti. Henkilöasiakkaille on myös tärkeää, että palvelu on selkeä ja halutut palvelut ja tuotteet ovat helposti saatavilla. Palvelu tulee olla toteutettu tuotteiden asiakkaille toimittamiseen saakka niin, että palvelun käyttäjälle jää verkkokaupassa vierailemisen jälkeen tyytyväinen olo ja hyvä kuva tehdystä palvelusta. Jotta sivuston ylläpitäminen olisi mahdollisimman helppoa, on ylläpitäjää varten tehty omat hallinnointisivut. Näiden sivujen kautta on uusia tuotteita helppo lisätä ja vanhoja vaivaton muokata. Koska tuotteiden lisäys tapahtuu aina saman pohjan kautta, ovat tuotesivut aina samannäköisiä ja tuotteiden vertailu toimii tarkoituksenmukaisesti. Tuotteita on mahdollista hakea nimellä ja kategorialla, mikä nopeuttaa tuotesivun päivitystä. Ylläpitäjän on myös mahdollista lisätä uusia kategorioita, mikäli uusia tuotteita tulee myyntiin. Näillä sivuilla ylläpitäjän

on myös mahdollista hallinnoida myös käyttäjiä, sekä käyttäjien ostoskoreja. Sivusto onkin toiminnaltaan hyvin joustava, jonka ulkonäköön on ammattitaitoisen henkilön helppo tehdä muutoksia. 2.3 Pääväittämä Sivuston motto on: Golf tarvikkeita helposti, nopeasti ja nokkelasti. Tämän moton on tarkoitus realisoitua käyttäjälle jokaisella käyttökerralle. Tästä syystä sivuston onkin pysyttävänä aina siistinä ja tuotteiden on löydyttävä helposti, jotta se täyttää mottonsa jokaisella käyttökerralla. [2]. Erityisesti on tärkeää, että ylläpitäjä lisää tarvittaessa uusia kategorioita, jotta kokonaisuus pysyy selvästi hallinnassa. Motto mukailee yrityksen strategisia tavoitteita ja molempien tarkka määrittely on tärkeää. Verkkokaupan aineettomia tekijöitä ja suorituskykyä voidaan esimerkiksi mitata Balanced Scorecard mallilla, missä mittaristo muodostetaan suoraan palvelun visiosta ja strategiasta [5]. 2.4 Ulkoasu ja tunnelma Sivuston ulkoasun on oltava siisti ja selkeästi jaoteltu. Yksittäinen sivu ei saa olla kovin raskas, jotta sivuston selailu on nopeaa. Tämän ansiosta sivustoa on myös mahdollista käyttää erilaisilla mobiililaitteilla. Sivuston teema on golf, joka näkyy erityisesti sivuston bannerissa. Sivun värimaailman on rauhallinen, eikä sisällä kirkkaita värejä. Sivustolla käytettävä kieliasu on asiallista kirjakieltä, jonka fonttina käytetään Arialia tai vaihtoehtoisesti Times New Romania. Tarkoituksena on luoda rauhallisen ilmapiirin omaava sivusto, jossa selailevan asiakkaan ajatus lepää. Sivusto on suunnattu vahvasti golf yhteisölle, joka näkyy mm. sivuston teemassa. Sivusto toteutetaan HTML5 ja CSS3 merkintäkielillä, mitkä mahdollistavat monipuoliset ja ketterät menetelmät sivujen hallintaan. Kyseiset kielet myös mahdollistavat mm. kolmiulotteisten kuvien tekemisen ja pyörittämisen. Tämän ominaisuuden avulla on tuotteita mahdollista katsoa missä asennossa tahansa.

2.5 Rakenne Jokainen sivuston asiakkaalle näkyvä sivu on jaoteltu neljään eri osaan, jota käsitellään tarkemmin luvussa 2.8 Pääsivu ja keskeiset alasivut. Sivuston rakenne selviää parhaiten liitteenä olevasta luokkakaaviosta. Sivustoon on mahdollista tulla satoja, ellei tuhansia tuotteita. Lisäksi käyttäjien tiedot tallennetaan salattuna tietokantaan. Näistä syistä muodostunut tietokanta on iso, mutta melko yksinkertainen. Sivuston palvelinten tulee olla kahdennettuja, jotta sivusto on käytettävissä myös mahdollisten palvelinrikkojen aikana. 2.6 Visuaalinen suunnittelu Verkkopalvelun visuaalinen suunnittelu keskittyy sivuston estetiikkaan eli visuaaliseen ilmeeseen ja miellyttävyyteen. Sivuston kuva, teksti, väri, fontti ja muiden elementtien oikeanlainen käyttö on kriittistä laadukkaan ulkoasun toteuttamisen kannalta. Onnistunut visuaalinen ilme vahvistaa verkkopalvelun ja käyttäjien välistä suhdetta ja lisää uusien käyttäjien kiinnostusta palvelua kohtaan. [6]. Toikan [1] mukaan visuaalinen suunnittelu paljastaa myös sivuston lajityypin ja auttaa eri käyttäjäryhmien tunnistamaan sille suunnatun palvelun omakseen. Verkkopalvelumme visuaalisesta suunnittelutyöstä saadaan laadukas parhaimpien toimintamallien ja hyväksi todettujen periaatteiden systemaattisen käytön kautta. Lähtökohta ulkoasun suunnittelussa on palvelun kohderyhmä ja palvelun käyttötarkoitus [7]. Värillisessä suunnittelussa käytämme apuna Marcuksen [8] värisuunnittelun kymmenen periaatetta. Periaatteet on laadittu tutkimusten mukaan, missä tutkittiin käyttäjien psykologisia tekijöitä värien havaitsemisessa kuten värinäköä, erottelukykyä ja liitännäisyyttä. Verkkokauppamme tapauksessa sivusto suunnitellaan golf teemaa noudattaen vihreillä ja valkoisilla sävyillä. Ulkoasussa pyrimme yksinkertaisuuten, johdonmukaisuuteen ja vältämme liiallisten sekä äärimmäisten värien käyttöä. Yksinkertaisuudella pyrimme myös verkkokaupan helppokäyttöisyyteen ja ymmärrettävyyteen. Yhden sivun elementit suunnitellaan niin, että niitä on vain tarvittava määrä. Objektit ja elementit noudattavat hillittyjä ja pehmeitä muotoja eivätkä sijoitu liian lähelle toisiaan (white space

principle). Tärkeät objektit kuten navigointiin liittyvät linkit nostetaan esille, että käyttäjän on helppo navigoida sivulta toiselle. Jumisko Pyykön [9] mukaan yksinkertaisuus visuaalisessa suunnittelussa parantaa käyttäjien ja sivun välistä lähestyttävyyttä, tunnistettavuutta, tehtävien suorituskykyä ja käytettävyyttä. Yksinkertaisuuden lisäksi verkkokaupan visuaalinen ilme noudattaa selkeyttä ja johdonmukaisuutta. Vittetoen [10] mukaan selkeys parantaa käyttäjien ja sivuston välistä kommunikaatiota ja vähentää sekaannusta. Selkeyden suunnittelussa käytämme apunamme Gestaltin [9] lakeja, jotka ovat läheisyys, samankaltaisuus, sulkeutuvuus, jatkuvuus ja hahmo tausta. Gestaltin lait liittyvät käyttäjän ja objektien väliseen havainnointikykyyn. Verkkokaupan visuaaliset objektit sijoitetaan ja ryhmitellään niin, että käyttäjä osaa muodostaa oikeanlaisen tarkoituksen objektin käytölle. Johdonmukaisuutta haluamme korostaa käyttämällä standardeja valmiiksi tunnettuja elementtejä, jolloin käyttäjien uuden opettelun ja muistamisen taakka vähenee. Downswingshop.com verkkokaupan ulkoasun suunnittelussa sovelletaan valmiiksi menestyneiden verkkokauppojen kuten verkkokappa.com ja amazon.com visuaalista ilmettä. Visuaalinen suunnittelu kuten kaikki muu suunnittelutyö on iteratiivinen prosessi. Tietoa ongelmista ja parannusehdotuksia saadaan laatimalla prototyyppejä ja testaamalla niitä suunnitteluryhmän jäseniin tai lopullisiin käyttäjiin. Prototyyppejä käytetään verkkopalvelun sisällön, estetiikan ja käytön tarkasteluun [11]. Tarkastelu voidaan tehdä suunnittelijoiden tai käyttäjien näkökulmasta. Downswingshop.com:in alemman tason prototyypillä voidaan arvioida palvelun yksinkertaista toiminnallisuutta ja yleistä tuntumaa. Mahdollinen prototyyppi verkkokaupan ulkoasusta ollaan suunniteltu laadittavaksi Balsamiq työkalulla [12].

2.7 Toiminnallisuudet Sivuston käyttäjät voivat hakea tietoa verkkokaupan golf tuotteista, lisätä niitä virtuaaliseen ostoskoriin ja tehdä ostopäätöksiä. Tuotteiden tarkasteleminen onnistuu kätevästi sovelluksella, jolla tuotteita voidaan käännellä ja manipuloida. Sivustoon on mahdollista luoda käyttäjätunnus, jonka avulla verkkokaupassa asiointi nopeutuu. Perustoiminnallisuuden lisäksi käyttäjät voivat vertailla ja arvostella tuotteita verkkokaupan sivulla sekä jakamaan arvosteluita suosittujen sosiaalisten medioiden kautta. Sosiaalinen media on verkkokaupoille merkittävä mahdollisuus tavoittaa uusia asiakkaita ja tehdä heistä kanta asiakkaita. Lisäksi verkossa olevat sosiaalisen median sivut ovat varsin kustannustehokas markkinointi ja tiedotuskanava. [13]. 2.8 Pääsivu ja keskeiset alasivut Sivuston etusivulla päälohkossa esitelty muutamia ylläpitäjän valitsemia tuotteita, nämä voivat olla uutuuksia, suosittuja tuotteita tai alennettuja tuotteita. Sivuston yläreunassa on jokaisella sivulla näkyvissä banneri ja ylä navigointipalkki, mikä sisältää myös sisäänkirjautumisen ja hakukentän. Sivuston vasemmassa reunassa taas on yksityiskohtaisempi navigointipalkki, josta löytyvät jokainen kategoria, sekä niiden alakategoriat. Tämä navigointipalkki on palvelinohjelmoitu, joten se näyttää vain kyseinen pääkategorian alaiset kategoriat. Tästä syystä sivun vasemman reunan navigointipalkki näyttää erilaiselta eri sivuston sivuilla. Sivuston alaosassa on alatunniste, missä sijaitsee linkki sivuston käyttöehtoihin ja muut vaadittavat asiat (copyright etc.). Tuotesivuilla päälohkossa on esitelty kyseisen tuotteen tiedot yksityiskohtaisesti. Tämä informaatio on jaettu eri otsakkeden alle. Sivunavigointipalkkia ja päälohkoa lukuunottamatta on tuotesivu samanlainen kuin etusivu.

Lähteet [1] Toikka, T. 2008. Konseptisuunnitelma. Helsinki: Taideteollisen korkeakoulun Virtuaaliyliopisto, [viitattu 03.02.2014]. New Media Management kurssin oppimateriaali. http://www.uiah.fi/virtu/demot/nmm/konseptisuun.html [2] Tervakari, A M., Silius, K. & Koro, J. 2014. Informaatioarkkitehtuurin suunnittelu. Oppimateriaali: 5.1 Kohderyhmien tunnistaminen. Tampere: Tampereen teknillinen yliopisto, Intelligent Information Systems Laboratory. Saatavilla rajoitetusti: https://hlab.ee.tut.fi/piiri/content/51 kohderyhmien tunnistaminen. [3] Sharp, H., Finkelstein, A. & Galal, G. 1999. Stakeholder identification in the requirements engineering process, [viitattu 29.1.2014]. Saatavissa pdf muodossa: http://www.cs.ucl.ac.uk/staff/a.finkelstein/papers/stake.pdf. Proceedings of the 10th International Workshop on Database & Expert Systems Applications on the 1 3 September 1999 in Florence. Italy, 387 391. ISBN:0 7695 0281 4. [4] Tervakari, A M., Silius, K. & Koro, J. 2014. Informaatioarkkitehtuurin suunnittelu. Oppimateriaali: 5.3 Persoonat. Tampere: Tampereen teknillinen yliopisto, Intelligent Information Systems Laboratory. Saatavilla rajoitetusti: https://hlab.ee.tut.fi/piiri/content/53 persoonat. [5] Lönnqvist, A., Kujansivu, P. & Antola, J. 2005. Aineettoman pääoman johtaminen. Oitmäki, JTO Palvelut Oy. 252 s. [6] Usability.gov 2014. Visual Design Basics. Verkkosivu. Saatavilla: http://www.usability.gov/what and why/visual design.html [7] Tervakari, A M., Silius, K. & Koro, J. 2014. Informaatioarkkitehtuurin suunnittelu. Oppimateriaali: 3.2.1 Konseptisuunnitelma. Tampere: Tampereen teknillinen yliopisto, Intelligent Information Systems Laboratory. Saatavilla rajoitetusti: https://hlab.ee.tut.fi/piiri/content/321 konseptisuunnitelma

[8] Marcus, A. 2014. Color my UX readable. Verkkoartikkeli. ACM Interactions. Saatavilla: http://interactions.acm.org/blog/view/color my ux readable [9] Jumisko Pyykkö 2013. User Interface design kurssin materiaali. Tampereen teknillinen yliopisto. Rajoitettu saatavuus. [10] Vittetoe J. 2012. 3 Characteristics that Make or Break User Experience. Verkkoartikkeli. InspiringApps. Saatavilla: http://blog.inspiringapps.com/characteristics that make or break user experience/ [11] Walker M. 2002. HIGH FIDELITY OR LOW FIDELITY, PAPER OR COMPUTER? CHOOSING ATTRIBUTES WHEN TESTING WEB PROTOTYPES. University of California, Berkley. [12] Balsamiq 2013. Yhtiön verkkosivut. Saatavilla: http://balsamiq.com/ [13] Vilkas Group Oy. 2013. Sosiaalisen median hyödyntäminen verkkokaupassa. Verkkoartikkeli. Saatavilla: http://www.vilkas.fi/tuki/sosiaalisen median hyodyntaminen verkkokaupassa [14] Tervakari, A M., Silius, K. & Koro, J. 2014. Informaatioarkkitehtuurin suunnittelu. Oppimateriaali: 2.4.1 Ketteriä menetelmiä. Tampere: Tampereen teknillinen yliopisto, Intelligent Information Systems Laboratory. Saatavilla rajoitetusti https://hlab.ee.tut.fi/piiri/content/241 ketteria menetelmia [15] Uusi suomenkielinen Scrum Guide. 2012. Julkaistu 3.2.2012. Saatavilla http://scrumwell.files.wordpress.com/2012/01/scrum guide 2011 fi v1.pdf Liitteet Liite 1 Synopsis Liite 2 Luokkakaavio verkkopalvelun rakenteesta

Liite 1 - Synopsis Harjoitustyössä ryhmämme suunnittelee pienyrityksen verkkokaupan, jossa myydään laadukkaita, mutta edullisia golf tarvikkeita. Käytännössä verkkokaupan suunnittelussa hyödynnetään jo olemassa olevien verkkokauppojen ideoita, mutta tavoitteena on kuitenkin kehittää aivan uudenlainen, juuri tähän tarkoitukseen soveltuva verkkopalvelu. Verkkokauppaa suunnitellaan käytettäväksi sekä tietokoneen verkkoselaimella että mobiililaitteen selaimella. Verkkopalvelun ulkoasu ja rakenteelliset elementit noudattavat parhaita verkkopalvelun suunnittelun periaatteita ja ottavat informaatioarkkitehtuurin lisäksi huomioon palvelun saavutettavuuden, käytettävyyden sekä kokonaisvaltaisen käyttäjäkokemuksen. Palvelun kohderyhmänä voidaan pitää Suomessa asuvia yksityisiä henkilöitä sekä Suomessa golf tarvikkeita myyviä yrityksiä. Palvelun suunnittelussa otetaan huomioon ihmisten erilaiset kielelliset taustat, joten palvelua tulee voida käyttää suomenkielen lisäksi myös muilla, Suomessa yleisimmin käytetyillä kielillä. Verkkokaupan toteuttamista ajatellessa voidaan lähteä olettamuksesta, että palvelun käyttäjillä on jotain kokemusta golfista ja golf tarvikkeista. Kohderyhmän selkeys helpottaa palvelun rakenteen ja mahdollisen palvelun sisäisen mainonnan suunnittelua. Palvelun keskeisin idea on tarjota golf tarvikkeita laidasta laitaan ja mahdollistaa käyttäjilleen helppo ja vaivaton tapa selailla, vertailla ja ostaa golf tarvikkeita. Palvelun avulla käyttäjien ei tarvitse itse vaivautua kauppaan asti ostamaan tarvikkeita vaan tuotteet toimitetaan asiakkaalle heidän valitsemallaan tavalla. Verkkopalvelun sivuilla käyttäjille tarjotaan mahdollisuus arvostella tuotetta numeerisella asteikolla ja kirjoittaa tuotteesta lyhyt kirjallinen arvostelu. Arvostelut ovat kaikkien nähtävillä ja niitä voidaan jakaa vielä eteenpäin suosituimpien sosiaalisten medioiden kautta. Näin käyttäjille tarjotaan mahdollisuus keskenäiseen sosiaaliseen vuorovaikutukseen. Ideana on, että verkkopalvelun taustalla oleva yritys tuo maahan eri valmistajien golf tarvikkeita ja toimii kotimaassaan jakelijana sekä jälleenmyyjille että yksityisille henkilöille. Harjoitustyön kohteena olevaa verkkokauppaa voidaan pitää osana pienyrityksen palveluprosessia ja se toimiikin yrityksen tärkeimpänä myyntikanavana. Palvelun verkkosivut koostuvat pääosin staattisista teksti, kuva ja videoelementeistä. Tämän lisäksi jokaista tuotetta on mahdollista

tarkastella tarkemmin dynaamisessa sovelluksessa, missä käyttäjä pystyy manipuloimaan tuotteen katselukulmia ja suurentamaan tuotteen yksityiskohtia. Koska verkkopalvelu tulee pienyritykselle, on projektin budjetti melko pieni. Tarkoituksena olisikin saada hyvä ja toimiva verkkopalvelu kohtuullisen pienellä rahalla. Myöskin sivuston ylläpitämisen tulisi olla kohtuullisen helppoa ja nopeaa, sillä yrityksellä ei ole täysipäiväistä ylläpitäjää verkkopalvelulle. Sivuston tulee toimia Google Chrome(versio 32.0 tai uudempi), Mozilla Firefox (versio 26.0 tai uudempi) ja Microsoft Internet Explorer(versio 11.0 tai uudempi) selaimilla. Koska sivuston tarvitsee toimia vain tuoreilla verkkoselainten versioilla, on testaaminen nopeaa ja selain kohtaisia eroavaisuuksia vähän, mikä vähentää projektin työtuntien määrää huomattavasti. Aikaa projektilla on puoli vuotta, jolloin sivuston tulisi olla täysin toimintavalmis alkusyksyllä 2014.