Dataveli Storefrontin ohjeet

Etusivu kokoaa yhteen kaikki tärkeimmät asiakaspolut. Yläreunasta löytyvät kaupan päälinkit, ja puhelimella sama kokonaisuus avautuu sivuvalikon kautta, jotta sisältö pysyy selkeänä pienellä näytöllä eikä tärkeä tila kulu pelkkään navigointiin.

Otsikon toiminnot

• Kielivalitsin — vaihtaa koko sivuston kielen, kun käännös on saatavilla.
• Teemakytkin — vaihtaa vaalean ja tumman ulkoasun välillä välittömästi, mukaan lukien OLED- ja Candy-vaihtoehdot.
• Haku — avaa hakupaneelin, joka etsii tuotteita nimen ja kuvauksen perusteella. Paneeli aukeaa myös automaattisesti, kun vierität katalogiosioon, ja sulkeutuu, kun vierität pois.
• Vihjeet-kytkin — näyttää tai piilottaa painikkeiden työkaluvihjeet. Valinta muistetaan istunnon ajan.
• Ostoskori — näyttää senhetkisen korin sisällön ja tuotteiden lukumäärän.
• Tili — siirtyy asiakastilin hallintasivulle.

Työpöytänäkymässä otsikon Pikavalinta-valikko on nopein tapa siirtyä suoraan tuotteisiin valmiiksi rajattuna. Sen kautta voi näyttää suositellut tuotteet, tällä hetkellä tarjouksessa olevat tuotteet tai minkä tahansa yksittäisen kategorian ilman, että käyttäjän täytyy ensin vierittää katalogiin ja rakentaa suodatus käsin.

Miten pikavalinta toimii

Kun valinta tehdään Pikavalinnasta, sivu vierittää näkymän automaattisesti Katalogi-osioon ja päivittää samalla varsinaisen suodatinalueen vastaamaan tehtyä valintaa. Tämä pitää käyttöliittymän johdonmukaisena: käyttäjä näkee heti, miksi juuri nämä tuotteet ovat näkyvissä.

Mobiilin sivuvalikosta Pikavalinta on jätetty pois tarkoituksella, jotta puhelinnavigointi säilyy rauhallisena eikä valikko kasva liian raskaaksi käyttää.

Katalogi on kaupan ydin. Siellä tuotteita voi selata joko visuaalisina kortteina, tiiviimpänä listana tai pienempänä ruudukkona — näkymän voi vaihtaa milloin tahansa katalogin yläreunan kuvakkeista. Korttinäkymä sopii tilanteisiin, joissa kuvat ja yleisilme auttavat päätöksessä, kun taas listanäkymä on hyödyllinen silloin, kun tuotteita halutaan vertailla nopeammin ja enemmän kerralla.

Kaikissa näkymissä näkyvät olennaiset asiat, kuten kategoria, hinta, saatavuus, keskimääräinen tähtiarvio sekä mahdolliset suosittelu- ja tarjousmerkinnät. Katalogin yläpuolen kategoriakortit toimivat samalla nopeina suodattimina — laajempi Kategoriaselain ja hakutoiminnot on kuvattu tarkemmin seuraavissa osioissa.

Tuotekortin toiminnot

• Näytä — avaa tuotteen pikaesikatselun modaaliin poistumatta katalogista. Kirjautuneille näkyy myös Ostit aiemmin -määrä ja korissa oleva määrä.
• Tuotesivu — vie tuotteen omalle sivulle, jossa sisältö on laajempi.
• Lisää / Valinnat — lisää tuotteen koriin. Jos painikkeessa lukee Valinnat, tuotteella on useita vaihtoehtoja ja variantti on valittava ensin.
• Suosikki, vertailu, hintahistoria, QR ja jaa — pienemmät kuvakepainikkeet kortin toisella rivillä; kukin on kuvattu omassa osiossaan alempana.

Vinkki: työpöydällä tuotekortin voi myös raahata suoraan ostoskorikuvakkeen tai kelluvan korin päälle lisätäkseen sen ostoskoriin ilman, että korttia tarvitsee edes avata.

Etusivun yläosassa oleva Kategoriaselain esittää kaupan valikoiman osasto kerrallaan: jokainen pääkategoria on oma sarakkeensa, jossa näkyy kuva, nimi ja tuotemäärä koko alakategoriapuulle. Osasto avautuu klikkaamalla, ja alakategoriat voivat sisältää vielä omia alaryhmiään useita tasoja syvemmälle — selain avaa nekin tarpeen mukaan.

Pikavalinta ja suodatus

Kategoriarivi ("juna") heti otsikon alla tarjoaa saman valikoiman pienempinä, vaakasuunnassa vierittyvinä kuvakkeina — nopea tapa hypätä suoraan yhteen osastoon ilman, että koko selainta tarvitsee avata. Selaimen omalla Suodata-painikkeella voi lisäksi rajata näkyviä osastoja sen mukaan, onko niissä tarjoustuotteita, suositeltuja tuotteita tai uutuuksia.

Valittujen kategorioiden osoitin

Kun kategoria tai alakategoria on valittuna, näytön oikeaan alakulmaan ilmestyy kelluva osoitin, joka listaa kaikki tällä hetkellä aktiiviset kategoriavalinnat pieninä merkkeinä. Merkin voi poistaa erikseen, tai koko valinnan voi tyhjentää yhdellä painikkeella — sama osoitin toimii myös pikavalintana uuden kategorian lisäämiseksi ilman, että tarvitsee palata takaisin selaimeen.

Kaupassa on kolme erillistä hakutapaa sen mukaan, mitä ollaan etsimässä.

• Otsikon Haku — vapaamuotoinen hakupaneeli, joka etsii tuotteita nimen ja kuvauksen perusteella ja suodattaa suoraan katalogin tuloslistan. Paneeli tulee esiin automaattisesti, kun sivua vieritetään Katalogi-osioon.
• Pikahaku katalogin yläosassa — kirjoita tuotteen nimi ja valitse osuma suoraan avautuvasta listasta. Sen jälkeen tuote voidaan lisätä koriin, merkitä suosikiksi tai avata omalle sivulleen ilman, että katalogin suodattimia tarvitsee koskea lainkaan.
• Kategoriaselaimen oma hakukenttä — rajaa selaimessa näkyviä osasto- ja kategorianimiä; se ei etsi yksittäisiä tuotteita, vaan auttaa löytämään oikean osaston nopeasti isosta valikoimasta.

Katalogin suodatinkortti on rakennettu niin, että sekä nopea selailu että tarkka rajaus onnistuvat samasta paikasta. Työpöydällä suodattimet jakautuvat ensisijaiseen ja toissijaiseen riviin, joista jälkimmäisen voi kutistaa piiloon, jos haluat rauhallisemman näkymän.

Ensisijaiset suodattimet

• Hakukenttä — etsii tuotteita nimen, kuvauksen ja muun katalogitiedon perusteella.
• Pääkategoria — rajaa tulokset yhteen ryhmään.
• Alakategoria — tarkentaa näkymää yhden tason syvemmälle. Sama rajaus näkyy myös katalogin yläpuolella lasturivinä.
• Lajittelu — muuttaa tuotteiden järjestystä esimerkiksi hinnan, uutuuden tai suosion mukaan.

Toissijaiset suodattimet

• Hintaväli — rajaa tuotteet minimi- ja maksimihinnan mukaan.
• Varastossa — näyttää vain saatavilla olevat tuotteet.
• Suositeltu — näyttää vain esiin nostetut tuotteet.
• Tarjouksessa — näyttää vain alennuksessa olevat tuotteet.
• Arvosteluja — näyttää vain tuotteet, joista on asiakasarvioita.

Pikavalinnat, kategoriakortit, pääkategoria, alakategoria ja varsinainen tuloslista pysyvät keskenään synkassa, jotta käyttäjä näkee koko ajan miksi juuri nämä tuotteet ovat näkyvissä. Jos tulokset alkavat tuntua sekavilta tai useita ehtoja on jäänyt vahingossa päälle, Nollaa suodattimet palauttaa katalogin yhdellä painalluksella oletustilaan.

Etusivulla näkyy rivi äskettäin avatuista tuotteista, jotta niihin on helppo palata myöhemmin selailun aikana. Rivi täyttyy sitä mukaa, kun tuotteita avataan katalogista, tuotesivulta tai pikaesikatselusta.

Historia tallennetaan selaimeen, ei asiakastilille, joten se ei näy toisella laitteella eikä toiselle kaupan käyttäjälle samalla koneella — se tyhjenee automaattisesti, kun kirjaudut ulos, jotta seuraava käyttäjä jaetulla laitteella ei näe sinun katselemiasi tuotteita.

Vertailu-painike tuotekortissa lisää tuotteen kelluvaan vertailupalkkiin näytön alareunassa. Palkkiin voi kerätä enintään neljä tuotetta kerrallaan (puhelimella kolme), ja kunkin voi poistaa vertailusta erikseen tai tyhjentää koko valinnan yhdellä painikkeella.

Kun palkissa on vähintään kaksi tuotetta, Vertaa nyt -painike avaa taulukon, jossa tuotteet näkyvät rinnakkain: kuva, kuvaus, tuotekoodi, kategoria, hinta, saatavuus, tähtiarvio ja mahdolliset merkinnät. Taulukosta voi lisätä tuotteen suoraan koriin tai siirtyä sen omalle sivulle, jos tuotteella on valittavia vaihtoehtoja.

Vertailuvalinta tallentuu selaimeen samalla tavalla kuin äskettäin katsotut tuotteet, joten se toimii sekä vieraileville että kirjautuneille asiakkaille, mutta ei seuraa mukana toiselle laitteelle ja tyhjenee uloskirjautuessa.

Kirjautuneet asiakkaat voivat merkitä tuotteita suosikeiksi tuotekortista, pikaesikatselusta tai tuotesivulta. Suosikit kokoontuvat omalle sivulleen, jossa jokaiseen tuotteeseen voi lisätä yksityisen muistiinpanon, muuttaa niiden järjestystä ja seurata hinnan muutoksia.

Hintavahti

Jokaisessa suosikissa on oma kytkin, joka ilmoittaa, kun tuotteen hinta laskee — kytkimen voi kytkeä päälle myös kaikille suosikeille kerralla listan yläreunan toiminnolla.

Pinot ja Tuotemeri

Suosikkeja voi järjestää nimettyihin pinoihin (esimerkiksi lahjaideat tai tietty projekti) raahaamalla ne omaan ryhmäänsä. Pinot näkyvät myös Tuotemeri-näkymässä, ja koko pinon voi lisätä koriin yhdellä toiminnolla, jos jokin tuote vaatii vielä vaihtoehdon valitsemista, kauppa kysyy sen erikseen ennen lisäämistä.

Tuotesivu näyttää yksittäisestä tuotteesta enemmän kuin katalogi. Sieltä löytyvät laajempi kuvaus, kuvagalleria, mahdollinen tarjoushinta, aktiivinen saatavuus, valittavat variantit sekä asiakkaiden arvostelut. Kirjautuneelle asiakkaalle näkyy lisäksi Ostit aiemmin -tieto, joka kertoo kuinka monta kappaletta samaa tuotetta on hankittu aiemmissa tilauksissa.

Variantit ja hinnoittelu

Jos tuotteella on useita vaihtoehtoja, kuten koko, väri tai muu valinta, hinta ja saatavuus päivittyvät suoraan valitun variantin mukaan. Tämä vähentää virheitä ja tekee selväksi, mitä asiakas on juuri ostamassa.

Muut tuotesivun toiminnot

• Kuvien esikatselu — kuvia voi avata suuremmaksi koko näytön esikatseluun, mikä helpottaa yksityiskohtien tarkastelua.
• Tulosta tai PDF — avaa selaimen oman tulostusnäkymän, josta sivun voi tallentaa tiedostona.
• Osta — lisää juuri sen tuotteen tai variantin, joka on valittuna sillä hetkellä.

Tuotekortin ja tuotesivun pienet kuvakepainikkeet avaavat kaksi lisätoimintoa, jotka helpottavat sekä ostopäätöstä että tuotteen jakamista.

Hintahistoria

Kaaviokuvake avaa tuotteen hintakehityksen valitulta ajanjaksolta, jotta näet onko nykyinen hinta poikkeuksellisen edullinen vai onko tarjous ollut voimassa jo pidempään.

QR-koodi

QR-kuvake luo koodin, jonka voi valita kolmella tavalla: jakamista varten, myymälässä käytettäväksi tai koko tuotekategoriaan linkittäväksi. Koodin voi myös tulostaa suoraan selaimen tulostusnäkymän kautta.

Arvostelujärjestelmä perustuu oikeisiin ostotapahtumiin, joten arvion voi jättää vasta silloin kun tilaus on toimitettu tai palautettu. Tämä pitää näkyvät arviot uskottavampina ja sitoo ne todelliseen asiakaskokemukseen.

Arvostelun kirjoittaminen

Tilisivun tilaustaulukossa näkyvä Lisää arvostelu -painike avaa oman ikkunansa, jossa asiakas valitsee tilauksessa olleen tuotteen, antaa tähtimäärän ja kirjoittaa halutessaan myös otsikon sekä tarkemman sanallisen arvion.

Arvostelun muokkaaminen ja poistaminen

Jos tuotteesta on jo annettu arvio aiemmin, sama toiminto toimii myös päivityspolkuna eikä järjestelmä luo tarpeettomia päällekkäisiä arvosteluja. Sama logiikka näkyy myös katalogin pikaikkunassa: asiakas voi avata oman arvostelunsa, muokata sitä tai poistaa sen turvallisesti vahvistusmodaalin kautta.

Julkaistut tähtiarviot näkyvät sekä katalogissa että tuotteen omalla sivulla, jolloin myöhemmät asiakkaat saavat paremman kuvan siitä, miten muut ostajat ovat tuotteen kokeneet käytännössä.

Arvostelujen lisäksi tuotesivulla ja pikaesikatselussa on oma kommenttiketju, jossa kuka tahansa voi keskustella tuotteesta tai kysyä siitä jotain julkisesti — toisin kuin arvostelut, kommentti ei vaadi aiempaa ostoa. Kaupan asetuksista riippuen kommentit voivat vaatia ylläpidon hyväksynnän ennen kuin ne näkyvät muille.

Kysy tuotteesta

Jos kysymys on henkilökohtaisempi eikä sitä halua julkiseen kommenttiketjuun, tuotekortin Kysy tuotteesta -painike lähettää viestin suoraan asiakaspalvelulle oman tilin Viestit-osioon — vastaus tulee samaan paikkaan, eikä kysymys näy muille asiakkaille.

Ostoskori näyttää kaikki valitut tuotteet riveittäin sekä kunkin rivin määrän, hinnan ja kokonaissumman. Siellä näkyvät myös verot ja toimituksen vaikutus kokonaisuuteen. Määriä voi säätää plus- ja miinustoiminnoilla, yksittäisen rivin voi poistaa erikseen ja koko korin voi tyhjentää yhdellä toiminnolla.

Tallennetut ostoskorit

Kirjautuneille asiakkaille ostoskori toimii samalla myös pitkäkestoisempana työkaluna. Tallennettuja ostoskoreja voi hallita seuraavilla tavoilla:

• Tallenna — tallentaa nykyisen korin myöhempää käyttöä varten.
• Palauta — lataa aiemmin tallennetun korin takaisin aktiiviseksi.
• Kopioi — luo kopioidun korin uuden pohjaksi.
• Poista — poistaa tarpeettoman tallennetun korin.

Jos luonnosostoskoriominaisuus on käytössä, järjestelmä voi säilyttää keskeneräisen ostoksen automaattisesti tilillä, jolloin ostosten rakentamista ei tarvitse tehdä valmiiksi yhdellä istumalla.

Toimitustiedot

Kassalla käyttäjä täydentää toimitukseen ja yhteydenpitoon tarvittavat tiedot. Nimi, sähköposti, puhelinnumero ja toimitusosoite kannattaa täyttää huolellisesti, koska samoja tietoja käytetään tilausvahvistuksissa, laskulla sekä mahdollisessa asiakaspalvelussa. Toimitustavan valinta vaikuttaa myös lopulliseen summaan, ja mahdolliset ilmaiset toimitusrajat lasketaan automaattisesti.

Maksaminen

Kun tilaus vahvistetaan, järjestelmä luo varsinaisen tilauksen ja siirtää käyttäjän maksuvaiheeseen. Käytettävissä olevat maksutavat riippuvat kaupan asetuksista, mutta tyypillisesti mukana voivat olla korttimaksu, PayPal tai lasku.

Laskun tulostettava versio perustuu aina juuri kyseisen tilauksen tallennettuihin tietoihin, joten alennukset, tarjoukset, verot ja toimituskulut näkyvät siinä sellaisina kuin ne olivat ostotapahtuman hetkellä.

Asiakastili kokoaa yhteen omat perustiedot, salasanan hallinnan, tallennetut ostoskorit sekä tilaushistorian. Muokkaa tietoja -toiminnolla voi päivittää profiilin ilman uuden tilin luomista, ja salasanan vaihtaminen on erotettu omaksi toiminnokseen turvallisuuden vuoksi. Tilisivu toimii käytännössä asiakkaan omana hallintakeskuksena.

Tilaushistorian toiminnot

Tilaustaulukossa voi rajata näkyviä tilauksia tilan, maksun tilan, maksutavan ja toimitustavan perusteella. Kunkin tilauksen kohdalla on käytettävissä seuraavat toiminnot:

• Näytä — avaa tilauksen yksityiskohdat omaan modaaliin.
• Tilaa uudelleen — palauttaa tuotteet takaisin ostoskoriin silloin kun ne ovat yhä saatavilla.
• Tilauksen aikajana — näyttää tilauksen historian luomisesta myöhempiin päivityksiin saakka.

Tilisivu on yleensä nopein paikka tarkistaa, missä vaiheessa tilaus etenee tai mitä siinä on ollut mukana.

Jokainen tilaus etenee tiettyjen tilojen kautta kassalta toimitukseen. Tila näkyy tilisivun tilaustaulukossa, tilausvahvistussähköpostissa sekä tilauksen yksityiskohtanäkymässä.

Normaalit etenemisvaiheet

• Odottaa maksua — tilaus on vastaanotettu ja odottaa maksusuoritusta. Tässä vaiheessa varasto on varattu mutta tilauksen käsittely ei ole alkanut.
• Odottaa käsittelyä — maksu on vastaanotettu ja tilaus on jonotuslistalla täytettäväksi.
• Käsittelyssä — tilauksen tuotteet kerätään ja pakataan. Tilaus ei enää ole peruutettavissa ilman yhteydenottoa.
• Lähetetty — paketti on luovutettu kuljetuspalvelulle. Saat sähköpostivahvistuksen, kun toimitus on kirjattu järjestelmään.
• Toimitettu — paketti on toimitettu perille. Tässä vaiheessa voit jättää tuotearvostelun tilisivulta.

Muut tilat

• Odottaa tuotteita — yksi tai useampi tilauserä on jälkitoimituksessa eikä lähetystä voida tehdä vielä kokonaisuudessaan.
• Peruttu — tilaus on peruttu joko asiakkaan pyynnöstä tai kaupan toimesta. Mahdollinen maksusuoritus palautetaan alkuperäiselle maksutavalle.

Jos tilauksesi etenee tavallista hitaammin tai haluat kysyä toimituksesta, ota yhteyttä asiakaspalveluun tilisivun Viestit-toiminnon kautta.

Tuotemeri on vaihtoehtoinen, leikkisämpi tapa selata valikoimaa: jokainen kuvallinen tuote kelluu omana korttinaan suurella, vapaasti raahattavalla pinnalla suoran listan sijaan. Näkymä sopii hyvillä kun haluat vain selailla ilman tarkkaa hakua mielessä.

• Raahaa kortteja vapaasti pinnalla; tuplaklikkaus avaa tuotteen pikaesikatselun.
• Suodatinpainikkeilla voi rajata näkyviin vain tarjoustuotteet, suositellut tai uutuudet.
• Raahaa kortti sivupalkin "Tallenna myöhempää varten" -alueelle kerätäksesi sen omaan listaan ilman, että se häviää näkymästä.
• Raahaa kortti vasemman alakulman korikuvakkeen päälle lisätäksesi sen suoraan ostoskoriin.

Storefrontin taulukkomaisissa näkymissä, kuten asiakastilin tilaushistoriassa, käytetään DataTables-toiminnallisuutta. Se tekee taulukosta enemmän kuin pelkän listan: käyttäjä voi lajitella rivejä, vaihtaa sivukokoa ja hakea sisältöä.

Taulukon työkalut

• Sarakkeet — avaa näkyvyysvalikon, josta taulukon rakennetta voi keventää tai laajentaa tarpeen mukaan.
• Excel — vie nykyisen näkymän Excel-tiedostoksi.
• PDF — vie nykyisen näkymän PDF-tiedostoksi.

Käytännössä tämä tarkoittaa, että se miten taulukko on rajattu ja lajiteltu ruudulla vaikuttaa myös siihen, millaista tietoa käyttäjä on juuri tarkastelemassa ennen vientiä. Näin vienti toimii luontevana jatkona analysoinnille eikä erillisenä, irrallisena toimintona.

Käyttöliittymätila määrittää, kuinka paljon sisältöä ja visuaalisia elementtejä näytetään kaupassa. Vaihda tilaa napsauttamalla otsikon tiheyttä kuvaavaa kuvaketta, joka avaa tervetuloikkunan.

Puhelimella kauppa käyttää samaa sisältöä hieman eri tavalla kosketuskäyttöön optimoituna. Osa toiminnoista löytyy vain mobiilinäkymästä:

• Raahaa tuotekortti oikealle lisätäksesi sen koriin ilman erillistä painallusta.
• Pyyhkäise ostoskorin tai suosikkien rivi vasemmalle poistaaksesi sen — toiminnon voi kumota heti ilmestyvästä Kumoa-ilmoituksesta.
• Paina tuotekorttia pitkään avataksesi pikaesikatselun ilman, että siirryt pois listasta.
• Vertailutuotteet kerääntyvät näytön alareunaan omaan palkkiinsa samalla tavalla kuin työpöydällä, enintään kolme kerrallaan.

Jos kauppaa käyttää säännöllisesti, nopein tapa päästä oikeaan kohtaan on yhdistää pääalueet toisiinsa:

• Pikavalinta ja haku — nopeaan hyppyyn oikeaan katalogiosioon tai yksittäiseen tuotteeseen.
• Katalogin suodattimet ja Kategoriaselain — tarkempaan tuoterajaukseen.
• Suosikit ja vertailu — kiinnostavien tuotteiden talteen ottamiseen ja rinnakkain katsomiseen ennen ostopäätöstä.
• Tilisivu — aiempien ostojen, laskujen ja tilaushistorian hallintaan.

Tällä tavalla sama käyttöliittymä palvelee sekä satunnaista ostajaa että käyttäjää, joka palaa kauppaan usein.

Hyödyllistä muistaa

Vihjeet kannattaa pitää päällä silloin kun käyttöliittymää opetellaan tai kun toista käyttäjää opastetaan ensimmäistä kertaa. Jos taas haluat mahdollisimman rauhallisen näkymän, ne voi kytkeä pois.

Erityisesti varianttituotteissa kannattaa tarkistaa painikkeen teksti ennen lisäämistä, sillä Valinnat kertoo siitä, että lopullinen tuote ei ole vielä yksiselitteinen. Ennen maksamista on hyvä vilkaista vielä kerran tilausmodaalia tai laskua, etenkin jos ostoksessa on useita rivejä, tarjouksia tai alennuksia. Muista myös, että äskettäin katsotut tuotteet, vertailuvalinta ja hakuhistoria ovat sidottu selaimeen, eivät tiliin — ne eivät seuraa mukana toiselle laitteelle.