Verkkokauppasovellus
Verkkokauppasi jäsentäminen
Kolme työkalua jäsentää tuoteluetteloasi, ja ne toimivat eri tasoilla. Kokoelmat ovat kauppasi hyllyrivit. Kokoelmalistat siistivät nuo hyllyrivit, jotta valikkosi ei vuoda yli. Tagit työskentelevät taustalla, kuin näkymättömät toissijaiset kokoelmat.
Luku 1Kokoelmat
Mitä ne ovat
Kokoelmat jäsentävät Shopping Appisi ja järjestävät tuotteesi. Jos sovelluksesi olisi kivijalkakauppa, kokoelmat olisivat sen hyllyrivit.
Ne myös ratkaisevat, minne asiakkaasi pääsee. Tuote, joka ei ole kiinni missään kokoelmassa, on kyllä olemassa kaupassasi ja myy myös, mutta siihen päästään sen omalla osoitteella: lähettämälläsi linkillä, haun kautta, aloitusnäytön widgetillä. Jokaisen tuotteen liittäminen ainakin yhteen kokoelmaan on siis ensimmäinen refleksi, jo ennen kuin mietit järjestystäsi.
Ne ovat joustavia kahdella tavalla. Ensin ajassa: kokoelman lisäät, poistat, näytät tai piilotat yhdellä klikkauksella, mikä tekee väliaikaiset kokoelmat mahdollisiksi. Sitten järjestyksessä: ne leikkaavat toisiaan, ja sama tuote kuuluu useaan kokoelmaan yhtä aikaa.
Juuri tuo leikkaavuus ansaitsee huomiosi kun luot niitä. Otetaan sisustuskauppamme. Koriste-esinettä etsivä asiakas voi ajatella kolmea eri linjaa pitkin: kyseessä oleva huone, esineen tyyppi, hetken trendi. Loimme siis yhdeksän kokoelmaa noille kolmelle linjalle:
Huoneen mukaan: Bedroom, Bathroom, Kitchen
Esinetyypin mukaan: Frames, Vases, Pillows
Trendin mukaan: Big in Japan, Keep it Slow, Words matter
Jokainen tuote kuuluu siis useaan kokoelmaan. Sillä on enemmän mahdollisuuksia tulla nähdyksi, ja asiakkaalla enemmän mahdollisuuksia löytää se sitä reittiä, joka tulee hänelle luonnostaan.
Näiden päälle tulee Sales-kokoelma, joka kokoaa alennetut tuotteet. Se muuttuu ajan myötä ja on piilotettuna alennusmyyntikauden ulkopuolella.
Niiden luominen
Siirry kohtaan Products › Collections. Klikkaa Create a collection.
Sitten syötät otsikon, kuvituskuvan ja tuotteiden näyttöjärjestyksen. Otsikko on rajattu 32 merkkiin, ja se on hyödyllinen rajoite: hyllyrivin nimi luetaan valikosta, puhelimen näytöltä, ja lyhyet nimet voittavat siellä aina.
Näyttöjärjestyksessä sääntö on aina sama: kysy itseltäsi mitä asiakkaasi etsii.
Tarjolla on kuusi automaattista järjestystä pareittain: luontipäivä uusimmasta vanhimpaan tai päinvastoin, hinta halvimmasta kalleimpaan tai päinvastoin, ja otsikko A:sta Z:aan tai Z:sta A:han. Seitsemäs tapa on manuaalinen.
- Päivämäärä nostaa uutuudet ensimmäisiksi. Se on oikea valinta säännöllisesti täydentyvälle vaatekaupalle tai kirjakaupalle, jonka asiakkaat palaavat uuden luettavan perässä.
- Nouseva hinta sopii ruokakaupalle, jossa asiakas haluaa hallita budjettiaan. Laskeva hinta palvelee pikemminkin ylellistä kokoelmaa, jossa ensimmäinen tuote asettaa tason.
- Aakkosjärjestys on luetteloille, joita selataan tietäen jo etsittävän nimi: varaosat, tekniset viitteet, viinit.
- Manuaalinen tapa antaa nostaa ylimmäksi sen, minkä haluat myydä ensin, ja antaa sinulle täyden hallinnan listasi ilmeeseen.
Järjestys kuuluu kokoelmalle, ei kaupalle. Uutuutesi voivat siis olla päivämäärän mukaan järjestettyjä samalla kun kuukauden valintasi pysyy käsin aseteltuna. Juuri se tekee manuaalisesta tavasta kestävän: automaattiset järjestykset soveltuvat itsestään myöhemmin lisäämiisi tuotteisiin, manuaalinen tapa pyytää sinua palaamaan siihen, joten säästä se niille kokoelmille jotka sen ansaitsevat.
Älä unohda hakukoneoptimointia. Kokoelmasi ovat indeksoitavissa aivan kuten tuotesivusi. Täytä Title- ja Meta description -kentät ja mukauta osoitteet avainsanoillasi.


Luku 2Kokoelmalistat
Mihin niitä käytetään
Kokoelma pääsee sovelluksesi valikkoon kahdella tavalla, ja juuri siinä navigaatiosi ilme ratkaistaan.
Omillaan. Jokaisella kokoelmalla on valikkonäkyvyyden lohkonsa, jossa rastitat vaihtoehdon joka listaa kokoelman valikkoon, ja valitset sen paikan. Siitä tulee täysivaltainen valikkokohta, osion veroinen. Kolmen hyllyrivin kauppa näyttää ne näin, ja sen asiakas hahmottaa koko tuoteluettelon yhdellä silmäyksellä.
Ryhmiteltynä. Collection list -osio kokoaa useita niistä yhden kohdan alle. Hyödyllinen merkkipaalu: viittä hyllyriviä pidemmälle mentäessä valikko hyötyy ryhmittelystä.
Verkkokaupan sanastossa tuo toinen tapa on erottelu kategorian ja alakategorian välillä, jossa lista pitää kategorian ja kokoelmat alakategoriat. Jos saavut toiselta alustalta, tämä on se liike jonka tunnet toisella nimellä.
Palataan sisustuskauppaan ja sen kymmeneen kokoelmaan. Ilman ryhmittelyä sovelluksen valikko olisi tukossa.
Loimme siis kolme listaa, jotka ottavat haun kolme linjaa, kolme kokoelmaa kussakin:
- Rooms: Bedroom, Bathroom, Kitchen
- Objects: Frames, Vases, Pillows
- Trends: Big in Japan, Keep it Slow, Words matter
Sales-kokoelma jää kaikkien listojen ulkopuolelle: haluamme sen olevan mahdollisimman suoraan saavutettavissa. Se on päätös jonka kannattaa pysyä mielessä, sillä siivoaminen ei saa koskaan haudata sitä mikä on pidettävä pinnalla.


Niiden luominen
Kokoelmalista on Shopping Appisi osio. Lisäät sen kuten minkä tahansa osion, kohdasta My App › Structure. Klikkaa Add a section ja valitse sitten Collection list.
Anna osiollesi otsikko, liitä siihen kuva ja vahvista.
Kokoelmien lisäämiseen siihen on kaksi tapaa:
- klikkaa ”+”-kuvaketta valitaksesi mukaan otettavat kokoelmat
- tai vedä kokoelmat suoraan Collection list -osion alle


Minkä layoutin valita
Kolme layoutia, joista yksi riippuu navigointitavastasi.
Swipe Submenu asettaa kokoelmasi alavalikkoon sovelluksen päänavigaation alle. Se on käytettävissä vain ”Swipe”-navigoinnissa, siinä jossa osiosta toiseen siirrytään pyyhkäisemällä näyttöä vaakasuunnassa. Se on tuoteluettelon oletuslayout, mutta se on sidottu navigaatioon: valitse se vain jos sovelluksesi sitoutuu tuohon tapaan, älä koskaan pelkkänä varavaihtoehtona.
Classic esittää hyllyrivisi riveinä, pienen pikkukuvan ja lihavoidun nimen kera, useita näyttöä kohden. Se on hakemiston asenne: se sopii sinulle kun hyllyrivejä on paljon, kun nimi merkitsee enemmän kuin kuva, ja kun sen on toimittava ilman vahvoja kuviakin. Se on myös luonteva varavaihtoehto kahdelle muulle.
Visual on näyteikkuna: suuret koko leveydeltään ulottuvat kortit, hyllyrivin kuva taustana ja nimi sen päällä. Valitse se kun hyllyrivit valitaan silmällä, muodissa, sisustuksessa tai ruoassa.
Yksi varaus viimeksi mainittuun: se vaatii hyvät kuvat kaikkiin kokoelmiisi. Jos joistain puuttuu kuva tai ne ovat heikkoja, turvaudu Classiciin.
Valinta tehdään kohdassa My App › Structure, osiosi valikosta, Edit the design. Classic ja Visual sopivat mihin tahansa navigointitapaan. Jos sovelluksesi ei ole Swipe-tilassa, back office himmentää Swipe Submenun ja tarjoaa sinulle linkin valikon vaihtamiseen.




Kannattaako kaikkialla käyttää samaa layoutia
Ei, ja se on yksityiskohta jolla voi olla merkitystä. Suosittelemme säilyttämään designin yhtenäisyyden koko sovelluksessasi, mutta layoutien vaihtelu antaa sinun osoittaa hierarkian.
Otetaan ruokakauppa, jonka tuoteluettelo on järjestetty näin:
- Food
- Fresh: Fruit, Vegetables
- Bulk: Cereals, Rice & Pasta
- Health & Beauty: Cosmetics, Essential oils
Tässä osa kokoelmalistoista ei sisällä kokoelmia vaan toisia kokoelmalistoja. Erotettavia tasoja on siis kaksi. Eri layoutin soveltaminen tasoon 1 ja tasoon 2 estää asiakasta eksymästä puurakenteeseen.

Luku 3Tagit
Mitä ne ovat
Tagi on tuotteeseen liitetty avainsana, kuin merkintä. Voit liittää samaan tuotteeseen useita.
Ne palvelevat ensinnäkin tuotteidesi löytämistä back officesta. Mutta niiden tärkein arvo on muualla: ne ohjaavat sitä, mitä asiakkaan puolella näytetään.
- ne suodattavat aloitusnäyttösi tuotelistawidgetit
- ne syöttävät kokoelmien ohella tuotesivujesi samankaltaisten tuotteiden lohkoa
- ne syöttävät kauppasi hakuosion tuloksia
Miten ne valitaan
Ajattele tageja toissijaisina kokoelmina, jotka ovat näkymättömiä navigaatiossa mutta aktiivisia näytöllä. Ne rakennetaan yleensä tuotteidesi ominaisuuksille: väri, materiaali, muoto.
Esimerkki. Vaatekaupassa ruskea villainen poolopaita menee kokoelmalistaan ”Clothing”, kokoelmaan ”Sweaters”. Se saa tagit ”poolopaita”, ”ruskea”, ”villa”.
Tästä seuraa heti kaksi käyttöä. Näyttääksesi kaikki villatuotteesi aloitusnäytöllä suodatat vain ”villa”-tagilla. Ja pusero voi näkyä oheistuotteena ruskeiden housujen alla.
Se on perustavanlaatuinen ero kokoelmiin: kokoelma järjestää sen mitä asiakas selaa, tagi järjestää sen mitä sinä hänelle esität.
Niiden luominen
Ne lisätään tuotetta luodessa tai muokatessa. Tuotteen muokkaussivun oikean puolen valikossa syötät tagisi Tags-kenttään. Vahvista julkaisemalla.
Kaksi kirjoitussääntöä ratkaisee sanastosi terveyden pitkällä aikavälillä. Tagi kirjoitetaan yhtenä sanana, ilman välilyöntiä, ja siksi yllä olevassa esimerkissä lukee ”poolopaita”. Ja kirjainkoko jätetään huomiotta, villa ja Villa ovat sama tagi, joten sinun ei tarvitse vahtia isoja kirjaimia.
Loppu on kurinalaisuutta, ja back office antaa sinulle työkalun: kentän yläpuolella View all tags avaa listan niistä, jotka kaupassasi jo ovat, hakutoiminnon ja aakkos- tai käyttötiheysjärjestyksen kera. Ota tavaksi valita sieltä sen sijaan että kirjoittaisit uudelleen. Sanasto joka ajautuu muotoihin villa, villainen ja puhdasvilla suodattaa kolme kertaa vähemmän tuotteita kuin niitä on, ja sen ajautumisen huomaat vasta kahdensadan tuotesivun jälkeen.
Suunnittelu