10 vinkkiä suuren verkkokaupan suunnitteluun

Yrittäjillä ja tiili- ja laastimyyjillä, jotka haluavat laajentua verkkokaupoiksi, on enemmän vaihtoehtoja kuin koskaan, mutta heillä on myös enemmän verkkosivustoihin liittyviä näkökohtia ja teknisiä vaihtoehtoja tulkita. Tehokkaan verkkokaupan rakentamisessa on edelleen avaimet käteen -toimittajia, kuten Wix Stores, jotka voivat tehdä alkuperäisen läsnäolosi nopeaa ja yksinkertaista. Mutta ne, jotka ovat todella vakavia verkkoyritysten kasvattamisessa, huomaavat, että heidän tarpeensa kehittyvät näiden avaimet käteen -palvelujen ulkopuolelle melko nopeasti.

On monia kysymyksiä, joihin on ensin vastattava, ennen kuin jotain todella ilmestyy kyberavaruudessa ja sitten paljon enemmän, kun yritys kypsyy. Asiakkaiden tietojen keruu on loistava esimerkki ja tärkeä kysymys nykyään etenkin kaikille kaupoille, jotka haluavat päästä Euroopan markkinoille. Valuutanmuutos ja erilaiset verkkokauppaa koskevat lait ovat edelleen vaikeita ongelmia näillä markkinoilla, mutta nyt joudut käsittelemään myös yleistä tietosuoja-asetusta (GDPR), joka vaatii paljon huolellisempaa käsittelyä asiakkaiden tiedoille.

Transaktioturvallisuus on toinen avainkysymys, koska se tarkoittaa tasapainottaa asiakkaiden turvallisuustarpeita monien vanteiden kanssa, jotka tarvitset heidän hyppäävän läpi ennen kuin he voivat ostaa. Ja riippumatta siitä, mitä päätöksiä teet tavanomaiselle verkkosivustollesi, sinun on käytävä samat keskustelut sen mobiilitoistosta. Koska liikkuvuus oli ehdottomasti yksi viime vuoden rakastetuista sanoista, ylimääräiset 12 kuukautta eivät ole millään tavalla vähentäneet sen merkitystä.

Nykyinen ajattelu tarkoittaa, että web-rakentajien on ensin suunniteltava matkakokemus ja sitten mukautettava työpöydän käyttökokemusta tarpeen mukaan.

"Jokaisen elementin, jokaisen sisältökappaleen on oltava toiminnallisesti mobiililaitteissa", kertoi 3dcartin operatiivinen johtaja Jimmy Rodriguez. "Jos aloitat tyhjästä, suunnittelet mobiililaitteille. Vastuullisen suunnittelun avulla voit rakentaa verkkosivuston aloittamaan mobiililaitteilla ja tuoda sen sitten työpöydälle."

Olemme koonnut alla olevat 10 tärkeätä vinkkiä auttamaan sinua suunnittelemaan verkkokauppasi myymälää sekä mobiili- että pöytätietokoneiden käyttäjille. Rodriguez suosittelee kuitenkin, että ennen kuin yritykset sisällyttävät minkä tahansa niistä myymälöihinsä, heidän tulisi A / B-testata nämä ominaisuudet tietyillä tuotesivuilla nähdäkseen miten ne toimivat ennen niiden levittämistä koko verkkosivustolleen.

1. Sticky Header Navigation

Olemme kaikki olleet siellä: Olemme vierittäneet tuotesivun alaosaan lukeaksesi käyttäjän arvosteluja tai tuotetietoja ja olemme nyt valmiita poistumaan sivulta palataksesi valikkoon jatkaaksemme ostosmatkaa. Valitettavasti palataksesi valikkoon, meidän on tavallisesti pitänyt napsauttaa "Page Up" -painiketta työpöydän näppäimistöllä tai napauttaa ruudun yläreunassa mobiililaitteillamme.

Sticky Headers -sovelluksella vieritettäessä alaspäin valikon koko muuttuu ja säädetään. Valikko seuraa sinua matkan varrella pitääksesi navigoinnin näytöllä, jos tarvitset nopeasti hypätä sivuja. Voit nähdä tämän käytännössä Bose.com-sivustossa. Siitä huolimatta, että olet sivun puolivälissä, pääset silti pääsemään sivun päänavigointiin ilman, että sinun täytyy suunnata takaisin näytön yläosaan.

2. Hampurilainen valikot

Vaikka Hamburger-valikot kuulostavat pikaruokaravintoloihin parhaiten sopivilta ominaisuuksilta, niistä tulee nopeasti välttämätöntä yrityksille, jotka harjoittavat paljon liiketoimintaa mobiililaitteilla. Olet nähnyt heidät aiemmin: Hamburger-valikoista on tullut matkapuhelimen navigoinnin ja valikoiden tavallinen mobiili-kuvake.

Niissä on kolme vaakasuoraa viivaa, jotka painettaessa tarjoavat avattavan valikon verkkosivuston navigoinnista. Ne ovat erityisen hyödyllisiä mobiililaitteissa, joissa näytön kiinteistö on huippuluokkaa. Mutta olemme alkamassa nähdä niitä myös pöytätietokoneiden verkkosivustoilla, joten kuluttajilla on samanlainen kokemus yritysten verkkosivustoilla käyttämästään laitteesta riippumatta.

"Monet ihmiset näkevät Hamburger-valikot ja tietävät mitä se tarkoittaa, mutta he eivät tiedä, että se on pohjimmiltaan uusi standardi", Rodriguez sanoi. "Matkapuhelimella kävijät ovat oppineet tämän symbolin merkityksen, ja verkkosivustojen tulisi omaksua se standardiksi liikkuvalle navigoinnille."

Voit nähdä Hamburger-valikon Target.com-sivuston oikeassa yläkulmassa ja Targetin mobiilisivustolla. Voit nähdä sen myös alla.

3. Parallax-vieritys

Vähemmän toiminnallisuutta ja enemmän tapaa parantaa verkkosivustosi estetiikkaa. Parallax Scrolling hyödyntää isoja bannereita, jotka ovat täynnä korkearesoluutioisia kuvia lisätäkseen taiteellista tyyliä verkkosivustoosi. Hyödyntämällä suuria, täysleveitä kuvia, voit luoda siirtymätehosteen verkkosivustosi taustakuvan ja suoraan asiakkaasi edessä olevan kuvan väliin.

Kuten näet RimmelLondon.com-sivuston alla olevasta kuvasta, vierittäessäsi sivua alaspäin verkkosivuston taustakuvat muuttuvat. Muutos tapahtuu kuitenkin hienovaraisesti, kun tausta- ja etualakuvat sulautuvat toisiinsa. Alla oleva kuvakaappaus näyttää verkkosivuston heti, kun taustakuva muuttuu violetista vaaleanpunaiseksi.

4. Ääretön vieritys

Ääretön vierittäminen kuulostaa enemmän kidutustekniikalta kuin verkkokaupan ominaisuudesta. Tämän hienon työkalun avulla käyttäjät voivat kuitenkin jatkuvasti katsella uusia tuotteita tarvitsematta napsauttaa ja ladata uutta sivua. Näin se toimii: Kun vierität verkkokauppasivun alaosaan, sivu lataa automaattisesti lisää kohteita sivun alaosaan. Ne on edelleen luetteloitu sivuiksi takana, mutta vierailija ei tiedä sitä.

Voit nähdä samanlaisen ominaisuuden sivustossa UnderArmour.com. Valitettavasti Under Armour vaatii napsauttamalla "Lataa lisää" -painiketta nähdäksesi lisäsisältöä. Jotkut verkkosivustot on varustettu automaattisen avaamisen mekanismilla, joka näyttää enemmän sisältöä ilman, että vaaditaan napsautusta.

5. Kelluva "Lisää ostoskoriin" -painike

Samanlainen kuin Sticky Navigation -työkalu, kelluvat "Lisää ostoskoriin" -painikkeet antavat kuluttajille lisätä tuotteita ostoskoriinsa riippumatta siitä, missä he ovat tuotesivulla. Aikaisemmin käyttäjät vierittivät alaspäin käyttäjien arvosteluihin, tuotetietoihin ja muihin alemman sivun elementteihin, ja jotta tuote voidaan lisätä ostoskoriin, heidän on vieritettävä takaisin sivun yläosaan. Nyt yritykset, kuten Diesel.com, antavat sinun nähdä tuotteen hinnan, määrän, värivaihtoehdot ja kuvan sekä "Lisää ostoskoriin" -painikkeen riippumatta siitä, missä olet tuotesivulla.

6. Käytä Fittsin lakia

Emme kyllästä Fittsin lain takana olevaa matematiikkaa, mutta se on lähinnä teoriaa, että mitä suurempi ja lähempänä objekti on meille, sitä todennäköisemmin olemme vuorovaikutuksessa sen kanssa. Samaa perusperiaatetta voidaan soveltaa sähköiseen kauppaan. Jos haluat ohjata käyttäjiä tuotesivuille, ostoskärryihin ja tarjouksiin, sinun tulee tehdä näistä painikkeista suuret, värikkäitä ja mahdollisimman lähellä sivun keskikohta.

Jos unohdat Fittsin lain ja sijoitat pieniä, mustavalkoisia painikkeita kiskoille tai sivujen alareunaan, voit menettää potentiaaliset ostajat. Älä tee tätä virhettä.

7. Näytä asiakasarviot ja suositukset

Et halua, että asiakkaat tulevat verkkosivustoosi, katsovat tuotteitasi ja siirtyvät sitten Amazon.com-sivustoon tarkistamaan käyttäjien arvosteluja. Loppujen lopuksi Amazon.com saattaa myydä tuotetta halvemmalla tai asiakas voi mieluummin Amazon.com -ostoskokemuksen kuin verkkosivustosi.

Jos annat asiakkaillesi mahdollisuuden arvioida ja arvioida tuotteita, pystyt torjumaan varovaiset asiakkaat, jotka tarvitsevat varmuuden muiden kuluttajien mielipiteistä ennen ostoa. Useimmat sähköisen kaupan työkalut tekevät luokituksista ja arvosteluista helppoja toteuttaa, joten älä vältele tämän käytännön toteuttamisesta.

8. Tehokas asiakaspalvelu

Asiakkaiden kanssa sitoutuminen on kriittistä vähittäiskaupan menestyksen kannalta, eikä se missään tapauksessa ole helpompaa tai tehokkaampaa kuin asiakaspalvelussa. Rakastumattoman, tyytymättömän tai jopa hämmentyneen asiakkaan asianmukainen hoito on yksi varmeimmista reiteistä liiketoiminnan toistamiseen. Tämän päivän palvelupiste ja asiakaspalvelusovellukset tekevät siitä entistä helpomman. Yhden näiden sovellusten avulla ei vain järjestetä asiakaspyyntöjä, vaan annetaan myös tarttua näiden kohtaamien luomiin asiakas- ja vastaustietoihin ja ohjata ne asiakassuhteiden hallintaan (CRM), markkinointiin ja liike-elämän analytiikkamoottoreihin. Tämän avulla voit seurata tarkemmin sitä, mitä asiakkaat ajattelevat myymälästäsi ja sen tuotteista.

Missä sijoitat asiakaspalvelun ankkurit ja kosketuspisteet, on tärkeä koko asiakaskokemukselle. Ja se, tapahtuuko tämä vuorovaikutus yksinkertaisen Yhteystietosivun muodossa vai meneekö niin pitkälle, että avataan chat-ikkuna kenen tahansa verkkosivustolla pysyvän yli 60 sekunnin ajan, on jotain, joka riippuu myymäsi tuotetyypeistä ja keskimääräinen verkkosivustojen käyntitilastot myymälästäsi.

Mutta asiakaspalvelun onnistuminen on muutakin kuin ohjelmistoa. Sinun on varmistettava, että joku ammattilainen on paikalla käsittelemään näitä pyyntöjä tai että se on hukkaantuva sijoitus. Asiakkaat, jotka ovat joutuneet vaikeuksiin napsauttaa "Ota yhteyttä asiakaspalveluun" -painiketta, odottavat saavansa elävää apua todelliselta ihmiseltä. Voit hallita tätä puhelimitse tai pikaviestien kautta, ominaisuus, joka on yleistymässä asiakaspalvelun tarjoajien keskuudessa. Ja jos sinulla on henkilöstöresursseja, voit viedä asiakaspalvelutoiminnosi älykkäillä chat-robotteilla, jotka "kuulostavat" inhimilliseltä, ja kykenevät samalla käsittelemään saapuvien pyyntöjen määrää perustasolla antamalla vain monimutkaisempia pyyntöjä todelliselle homo sapiens.

9. Leipärumpun kassa

Kun asiakkaat poistuvat myymälästäsi, he haluavat tietää missä prosessissa he ovat, kuinka kaukana viimeistelystä he ovat ja kuinka helposti palata takaisin menettämättä kaikkia jo syöttämiäsi tietoja. Breadcrumb Checkout näyttää asiakkaille tarkalleen missä he ovat prosessissa hyödyntämällä lineaarista navigointipainikekuviota, jonka avulla kuluttajat voivat napsauttaa eteenpäin ja taaksepäin kirjautumis-, maksuvaihtoehdoista, lähetysvaihtoehdoista, tilauksesta tai jatkaa ostoksia. Ilman tätä asettelua kuluttajat voivat painaa Takaisin-painiketta, nähdä, että heidän tietojaan ei ole kirjautunut sisään, turhautua ja lähteä sitten verkkosivustolta.

10. 360 asteen näkymät

Oletko koskaan ostanut näennäisesti vaatimaton takki verkosta vain tajuaaksesi, että sillä on rento ja strassi takaisin? No, kun palautit kyseisen tuotteen, hukkasit omaa ja myyjän aikaa ja maksit yritykselle rahaa. Älä huoli, se ei ollut sinun syytäsi. Enemmän kuin todennäköistä, myyjällä oli vain takin etu- ja sivukuvat. Jos myyjä olisi tarjonnut 360 asteen näkymäkuvia, olisit huomannut kyseiset strassit ja napsauttanut Peruuta tilaus -painiketta.

Älä tee tätä samaa virhettä omalla verkkosivustollasi. Sen lisäksi, että annat asiakkaille lähentää kuvia, anna heille mahdollisuus kääntää tai katsella useita kuvan kulmia, aivan kuten Kenneth Cole.com tekee. Tällä tavoin he eivät ole yllättyneitä, kun he avaavat toimituslaatikon ja vetävät ulos tuotteen, jota he eivät odottaneet.