Kun hahmottelin mallikahvilan verkkokaupan asettelua 2014, oli järkevää kuvata ylätunniste, etusivu, kategoria ja tuotetiedot lähes rakennuspalikoina: logo vasemmalla, ostoskori oikealla, suodattimet täällä ja ostopainike tuolla.
Ihmisten perusodotukset eivät ole juuri muuttuneet. Konteksti on: useimpien suunnitelmien on toimittava mobiilissa, tarjoukset ovat monimutkaisempia ja jokainen lisäskripti kilpailee nopeudesta ja huomiosta. Siksi en enää suosittele asettelun sokeaa kopiointia. Suosittelen käymään läpi asiakkaan tehtävät.
Ylätunnisteen pitää auttaa hahmottamaan, ei näyttää kaikkia vaihtoehtoja
Ylätunnisteesta ihmiset etsivät brändiä, navigaatiota, hakua, tiliä ja ostoskoria. Kaikkien ei tarvitse näkyä yhtä voimakkaasti. Painotus muuttuu valikoiman ja ostoprosessin vaiheen mukaan.
- Logo vie etusivulle, ja sen yhteydessä on ymmärrettävä tekstimuotoinen nimi.
- Haku on helposti löydettävissä, kun ihmiset tuntevat tuotteen tai parametrin.
- Ostoskori näyttää tilansa eikä katoa tuotteen lisäämisen jälkeen.
- Yhteystiedot tai apu löytyvät ilman, että ne kilpailevat ostamisen kanssa.
- Valikko toimii kosketuksella, näppäimistöllä ja ilman tarkkaa hiiren kohdistamista.
Piilovalikko voi auttaa laajassa valikoimassa. Kymmenen kategorian kohdalla se on usein vain vaikuttava este. Google suosittelee, että kategoriat ja tuotteet ovat saavutettavissa tavallisten navigointilinkkien kautta; pelkkä haku ei välttämättä tuo koko valikoimaa hakurobottien nähtäväksi. Periaatteet on kuvattu verkkokauppasivuston rakenteen dokumentaatiossa.
Etusivun pitää jakaa liikennettä, ei kertoa koko valikoiman tarinaa
Etusivulla minun on ymmärrettävä nopeasti, mitä kauppa myy, kenelle se on tarkoitettu ja mihin jatkaa. Automaattisen liukusäätimen sijaan pidän yhdestä selkeästä painopisteestä ja useista vakaista sisäänkäynneistä tärkeimpiin ostotilanteisiin.
Myydyimmät tuotteet voivat auttaa, samoin kausikategoriat, neuvonta tai syy luottaa kauppaan. Jokaisella lohkolla on oltava tehtävä. ”Jotta sivu ei näyttäisi tyhjältä” ei ole tehtävä.
Kategoria auttaa rajaamaan valintaa
Kategoria ei ole tuoteryhmän yläpuolelle liimattu SEO-teksti. Se on päätöksenteon työkalu. Sen nimi ja lyhyt esittely määrittelevät tarjouksen, suodattimet rajaavat sitä ja lajittelu auttaa asiakkaan tilanteessa.
- Nimeä suodattimet asiakkaiden kielellä, älä sisäisten tietokantakenttien mukaan.
- Näytä aktiiviset valinnat suodatuksen jälkeen ja tee niiden poistamisesta helppoa.
- Tuo tärkeät alakategoriat esiin linkkeinä, ei vain skriptin arvoina.
- Näytä vertailuun tarvittavat listatiedot; sijoita loput tuotetietoihin.
- Tyhjän tuloksen pitäisi tarjota paluu, ei johtaa umpikujaan.
Murupolut auttavat ihmisiä ymmärtämään sijaintinsa valikoimassa ja voivat auttaa hakukoneita ymmärtämään hierarkiaa. Jos käytät jäsenneltyä dataa, noudata Googlen ajantasaista dokumentaatiota murupoluista.
Tuotetietojen on vastattava kysymyksiin ennen painiketta ja sen jälkeen
Näkyvä ostoskoriin lisäämisen painike on perusta, ei koko tuotetietosivu. Ennen päätöstä ihmiset tarvitsevat nimen, hinnan, version, saatavuuden, toimituksen, palautukset, valokuvat ja ostoksen riskin kannalta olennaiset tiedot.
Kahvin kohdalla alkuperä, maku, paahto, paino ja valmistustapa ovat tärkeitä. Porakoneessa tekniset tiedot, yhteensopivuus ja huolto merkitsevät enemmän. Yleistä järjestystä ei ole. Yksi kysymys on kuitenkin yleinen: mitä asiakkaan on tiedettävä ostaakseen oikean version ja välttääkseen sen palauttamisen myöhemmin?
Arvostelujen pitäisi olla uskottavia ja liittyä kyseiseen tuotteeseen. Suositeltujen tuotteiden pitäisi tukea valintaa, ei ohjata lähes valmista ostosta sivuraiteelle. Sosiaalisen median painike tuotetietosivulla ei edelleenkään ole prioriteetti. Meidän pitäisi olla jo selvinneet ajasta, jolloin tykkäyspainike oli vastaus kaikkeen.
Ostoskorin ja kassavaiheen pitäisi poistaa yllätykset
Ostoskorissa on voitava muuttaa määrää ja versiota sekä poistaa tuotteita. Näytä kokonaishinta, toimituskulut ja toimituspäivä mahdollisimman varhain, ei vasta kolmannen vaiheen ja rekisteröitymisen jälkeen.
Vierailijana kassalle siirtyminen on usein järkevä oletus. Jos tili tarjoaa todellista arvoa, tarjoa sitä tilauksen jälkeen. Lomakkeissa tarvitaan oikeat nimilaput, automaattinen täyttö ja virheet, jotka kertovat, mitä pitää korjata. Kosketuskohteiden on oltava riittävän suuria; nykyinen kriteeri kuvataan WCAG 2.2 -ohjeistossa kohdassa kohteen koko.
Mittaa tehtäviä, älä painikkeen väriä
A/B-testaus voi auttaa, kun yrityksellä on riittävästi liikennettä, yksi hypoteesi ja ratkaiseva mittari. Viikoittaiset bannerimuutokset ilman riittävää otosta ovat leikkikenttä, eivät luotettava johtopäätös.
Seuraan haun ja suodattimien käyttöä, ostoskoriin lisäämisiä, lomakevirheitä, keskeytyksiä jokaisessa vaiheessa, palautuksia ja tukikysymyksiä. Täydennän numeroita ihmisten ja heidän kysymystensä havainnoinnilla. Analytiikka näyttää missä; ihminen selittää usein miksi.
Mittaamisen perusta on Google Analytics 4. Käsittelen suorituskyvyn tarkistamista artikkelissa Miten verkkosivustoa nopeutetaan.
Verkkokaupan ei tarvitse olla omaperäinen sen suhteen, missä ostoskori sijaitsee. Sen on vakuutettava, miksi tämä tuote kannattaa ostaa juuri täältä.
Tuote- ja myyntisivujen perusteluja varten jatka artikkeliin Tärkeät myyntisivun elementit. Koko verkkosivuston perusta löytyy artikkelista Miten verkkoprojekti aloitetaan.