Verkkokaupan käyttöliittymäsuunnittelu: (6 toimivaa taktiikkaa): Miten luoda houkuttelevia tuotekokoelmasivuja (6 toimivaa taktiikkaa)

Intro

Suunnittelijat ja copywriterit jättävät valitettavan usein huomiotta tuotekokoelmasivut. Vaikka hurjan kiinnostavien tuotesivujen ja aloitussivujen luomiseen käytetään paljon vaivaa, kokoelmasivut jäävät sivuun ja ovat valitettavan epäkiinnostavia.

Tarkastellaan kuutta toimivaa tapaa luoda tuotekokoelmasivuja, jotka sitouttavat, innostavat toimintaan ja lisäävät kävijämäärää ja konversioita.

Varmista, että ensisijainen tuotekuva on houkutteleva

Ensimmäinen suunnitteluun liittyvä este, joka tuotekokoelmasivujen on voitettava, on varmistaa, että ensisijainen kuva on kiinnostava ja mielenkiintoinen. Jos ostajan huomio ei kiinnity käytännössä heti, kun hän saapuu sivustolle, tai parin sivun vierityksen jälkeen, olet todennäköisesti menettänyt hänet.

Aloita pohtimalla kaikkea, mitä tiedät kohdeyleisöstäsi. Mistä he pitävät? Miksi he pitävät tuotteistasi? Mistä he pitävät tuotteissasi? Miten voit nostaa nämä ominaisuudet etusijalle?

Aloita sitten suunnittelemaan ulkoasua. Pitääkö kuvia suurentaa? Tarvitsevatko ne eloisan vai neutraalin taustan? Kuinka monta tuotetta sinun pitäisi näyttää peräkkäin?

Ihannetapauksessa testaat A/B-testillä useita suunnitteluvaihtoehtoja. Joskus pienimmätkin muutokset voivat saada aikaan suurimman eron.

Katso tätä vauvanvaatteiden mallistosivua. Tuotteet itsessään ovat söpöjä ja houkuttelevia, joten niitä ei tarvitse esitellä millään erityisen uudella tavalla. "Uutuus"-merkintä erottaa tietyt tuotteet selvästi muista ja varmistaa, että ostaja huomaa ne.

Tällaisten tuotteiden asettaminen neutraalia taustaa vasten on hyvä tapa saada ne erottumaan.

Lähde: mamasandpapas.com

Toinen tapa tehdä kokoelmasivun pääkuvasta kiinnostava on näyttää esine käytössä. Jos katsot tätä kasvihuoneisiin perustuvaa sivua, näet, miten tämä voidaan toteuttaa vaivattomasti. Jokainen kuva on täysin erilainen, eri väripaletissa ja näyttää kohteen eri kulmasta. He ovat tehneet siitä helppoa, että voit kuvitella tuotteen omaan kotiisi.

Lähde: greenhouseemporium.com

Tämä on hyvä taktiikka, jos haluat helpottaa asiakasta näkemään, miltä lopputuote näyttää, ja auttaa häntä kuvittelemaan kokonaisen elämäntyylin.

Varmista, että suodattimet eivät ole liian häiritseviä.

Kokoelmasivut tarvitsevat suodattimia ollakseen hyödyllisiä. Asiakkaiden ei voida olettaa selaavan sivuittain tuotteita löytääkseen yhden tietyn tuotteen. He eivät todennäköisesti ole tietoisia tarjontasi laajuudesta, eikä heillä välttämättä ole aikaa pitkälliseen näyteikkunaosteluun.

Suodattimien tulisi luokitella tuotteesi mielekkäällä tavalla. Hinta, koko ja materiaali ovat vain joitakin yleisimpiä käytettäviä suodattimia. Pohdi itse tuotteita ja sitä, mitkä ovat erottavia tekijöitä.

Mitä monimutkaisempi tuote on, sitä enemmän suodattimia pitäisi olla. Voit myös tarjota hyödyllisiä suodattimia, kuten "ei aloittelijoille" tai "vain ammattilaisille", jos ne auttavat asiakkaita valitsemaan oikean tuotteen.

Suodattimien ei myöskään pitäisi olla liian häiritseviä. Niiden pitäisi olla helposti käytettävissä, mutta ne eivät saisi viedä suurta osaa sivusta tai häiritä millään tavalla selailukokemusta.

Tutustu tähän komposiittiterassilautojen kokoelmasivuun. Suodattimet on esitetty vasemmalla, ja ne ovat tasapainossa helposti havaittavan ja ei-haittaavan välillä. Huomaa, että ne ovat myös kokoontaitettavia, joten tiedon määrä ei hukuta asiakasta.

Ne on myös järjestetty loogisella tavalla - useimmat ihmiset haluavat rajata värit ja materiaalit ennen kuin he paneutuvat tarkempiin yksityiskohtiin, kuten kokoon.

Lähde: Ovaeda.com

Voit helposti toteuttaa vastaavan ratkaisun, joka ei vie paljon tilaa mutta parantaa silti merkittävästi käyttäjäkokemusta ja antaa asiakkaille mahdollisuuden rajata valintansa muutamassa sekunnissa.

Näytä lyhyet tuotekuvaukset leijailemalla

Ajattele tuotekokoelmasivuja tiedon keskuksena. Täällä näytät kaikki tietyn kategorian tuotteesi. Mitä hyödyllisempi olet, sitä todennäköisemmin asiakas vaihtaa tuotteita.

Yritä välttää sitä, että ostajat klikkaavat tuotetta, lukevat tuotekuvauksen ja klikkaavat sitten takaisin. He joutuvat tuhlaamaan aikaansa selaamalla, jotta he saavat selville, mihin he juuri jäivät. Tai jos he avaavat tuotteita uusissa välilehdissä, he hukkuvat pian vertailtavien tuotteiden määrään.

Mitä enemmän hyödyllistä tietoa voit näyttää keräyssivulla, sitä parempi. Lisäämällä yksinkertaisen, lyhyen tuotekuvauksen, kun joku vie hiiren hiiren tuotteen päälle, voit auttaa asiakkaita vertailemaan tuotteita heti paikalla.

Tämä bariatristen kalsiumpurujen kokoelmasivu tekee hyvää työtä. Saat lyhyen tuotekuvauksen, jossa kerrotaan, mitä vitamiineja ja kivennäisaineita tuotteesta löytyy. Myös hyödyt tuodaan esiin: se maistuu hyvältä, se edistää immuunijärjestelmän terveyttä ja niin edelleen.

_Lähde: Bariatricfusion.com _

Huomaa, kuinka lyhyitä kuvaukset ovat. Voit lukea ne muutamassa sekunnissa ja jatkaa tuotteiden vertailua.

Kun käytät tätä taktiikkaa, harkitse tarkkaan leijutuskuvausta. Sen ei tarvitse olla sama kuin tuotesivun kuvaus. Siinä olisi käsiteltävä lyhyesti tuotteen etuja tai keskeisiä ominaisuuksia ja erotettava se selvästi muista sivulla olevista tuotteista.

Keskity mieluummin informatiivisuuteen kuin myynnin edistämiseen. Asiakkaat vaihtavat todennäköisemmin, jos he ovat varmoja valinnastaan.

Heitä mukaan sosiaalinen todiste

Sosiaalinen todiste on loistava väline, jolla sivuista voidaan tehdä kiinnostavampia ja hyödyllisempiä. Ne osoittavat asiakkaillesi, että olet luotettava ja luotettava ja että tuotteesi ovat laadukkaita. Tämä on erityisen tärkeää uusille asiakkaille, jotka eivät vielä tunne brändiäsi ja jotka saattavat olla epäröivämpiä muuttamaan.

Sosiaalisia todisteita on monenlaisia, mutta tähtiluokitukset ovat hyödyllisin kokoelmasivuillesi sijoitettava todiste. Ne palvelevat useita tarkoituksia:

• arvioida yksittäisen tuotteen laatua
• osoittaa, kuinka moni asiakas on ostanut sen ja käyttänyt aikaa sen arviointiin.
• auttaa asiakkaita tekemään nopeammin ostopäätöksiä

Tähtiluokitukset on helppo ottaa käyttöön. Tutustu Sephoran luomiväripalettien mallistosivuun. Ne on helppo havaita, ja niissä näkyvät kaikki olennaiset tiedot: kuinka monta arvostelua on ja mikä on yleinen tyytyväisyys tuotteeseen. Näet myös selvästi, että yksi paleteista on paljon suositumpi kuin muut.

Lähde: sephora.com

Toinen hyvä sosiaalinen todiste, joka kannattaa sisällyttää mallistosivuillesi, ovat reaaliaikaiset myynti-ilmoitukset.

Tutustu tähän mukautetun kannettavan tietokoneen tarroja sivu. Kun selaat, oikeaan alakulmaan tulee huomaamaton ponnahdusikkuna, joka kertoo, kuka on tehnyt ostoksen sivustolla, mistä he ovat kotoisin ja mitä he ovat ostaneet.

Tämä on loistava tapa lisätä markkinointitaktiikkaasi hieman FOMOa. Asiakkaille näytetään muita tuotteita, jotka ovat selvästi suosittuja, koska joku on juuri ostanut ne. Se lähettää myös vahvoja luottamus- ja uskottavuussignaaleja.

Varmista, ettei ponnahdusikkuna ole liian räikeä tai häiritsevä. Yritä myös sijoittaa ne niin, etteivät ne ala ärsyttää ostajia.

Lähde: vinylstatus.com

Näytä useita tuotenäkymiä

Mitä paremmin asiakkaat näkevät tuotteen, sitä suuremmat mahdollisuudet heillä on vaihtaa tuotetta. Mitä enemmän kuvia tuotteesta näytät mallistosivulla, sitä enemmän sitoutumista ja kiinnostusta saavutat.

Voit käyttää useampaa kuin yhtä kuvaa parilla eri tavalla. Voit sallia tuotegallerian selaamisen tai näyttää eri kuvan, kun kuva heilahtaa.

Tällä H&M:npoikien vaatesivulla on vieritettävä tuotegalleria. Näet kaikki yksittäisellä tuotesivulla olevat kuvat suoraan mallistosivulta, joten sinun ei tarvitse koskaan klikata pois.

Lähde:hm.com

Jos haluat näyttää eri kuvan, kun näytön leijuu, katso tämä naisten rantavaatteiden mallistosivu inspiraatiota varten. Tuotemerkki näyttää fiksusti tuotteen takapuolen, jotta näet koko kappaleen ilman, että sinun tarvitsee avata toista sivua. Tämä on loistava taktiikka vaatemerkeille.

Lähde:simplybeach.com

Kun valitset, haluatko lisätä gallerian vai leijukuvan, ota huomioon kohteen luonne. Kuinka monta kuvaa ostajan on nähtävä? Ja mitä näiden kuvien pitäisi olla?

Voit näyttää käytetyn tuotteen, tai voit käyttää asiakkaiden kuvia, jos ne todennäköisemmin houkuttelevat uusia ostajia. Voit näyttää tuotteen läheltä tai jopa luetella tuotteen tekniset tiedot.

Näytä viimeksi katsotut kohteet

Tuotesuositukset on yleensä varattu yksittäisille tuotesivuille. Tälle alueelle brändit sijoittavat myös "äskettäin katsotut" -karusellin.

Esittelemällä sen kokoelmasivulla voit kuitenkin varovasti muistuttaa asiakkaita tuotteista, jotka he ovat jo nähneet ja joista he ovat pitäneet. Säästät heiltä aikaa ja vaivaa, kun he joutuvat käymään läpi historiansa, kun heillä on useita välilehtiä auki samaan aikaan.

Tutustu Adidaksen miesten juoksukenkien sivuun. Heti kun katsot yksittäistä tuotetta, saat mallistosivun alareunaan "äskettäin katsottu" -toiminnon, joka auttaa sinua pitämään silmällä tuotteita, jotka ovat herättäneet kiinnostuksesi.

Lähde: adidas.com

Sama karuselli on esillä myös yksittäisillä tuotesivuilla, mikä mahdollistaa yksilöllisesti räätälöidyn selailukokemuksen.

Voit myös suositella asiakkaille tuotteita heidän katselemiensa tuotteiden perusteella, aivan kuten tuotesivuilla.

Pakkaaminen

Mieti, mitä näistä tuotekokoelmasivujen suunnittelutaktiikoista voit soveltaa omilla sivuillasi. Ehkä kaikki kuusi voivat vaikuttaa konversiolukujen kasvattamiseen.

Pidä aina mielessäsi tuotteesi (tuotteidesi) luonne ja yleisösi kipupisteet. Mitä he etsivät ja miten suunnittelutoimintasi voi auttaa heitä löytämään sen?