Väärän verkkokauppapohjan valinnan piilokustannukset

Yhteenveto

Pomo hyväksyy pohjat ulkonäön perusteella. Mutta pienelle sisäiselle markkinointitiimille huonon pohjan todelliset kustannukset piilevät suorituskyvyn turvotuksessa, mobiilin kitkassa ja räätälöintitunneissa. Tämä artikkeli antaa sinulle käytännölliset puitteet perustella pohjavalintasi kovilla kriteereillä—nopeus, mobiilivalmius, tulevaisuudenkestävyys—jotta voit tehdä vesitiiviin perustelun. Opit testaamaan latausaikoja ennen sitoutumista, miksi ominaisuuksilla ylikuormitetut pohjat usein kostautuvat ja miten välttää suunnitteluvelkaa, joka hidastaa jokaista tulevaa päivitystä. Nämä ovat kriteerejä, joita pomosi ei tule ajatelleeksi, mutta kehittäjäsi kiittää sinua niistä. Lopeta pohjien valinta silmällä ja ala valita datalla.

Pomo luulee, että verkkokauppapohjan valinta on kosmeettinen päätös. He hyväksyvät minkä tahansa, joka näyttää siistiltä työpöydällään. Mutta valitsemasi pohja määrää hiljaa sivusi nopeuden, mobiilikokemuksen ja sen, kuinka paljon kehittäjäaikaa kuluu—ja pienelle tiimille, joka perustelee jokaista tuntia, väärä pohja on budjettimiina. Tässä on vaiheittainen ohje, kuinka valitset sellaisen, joka ei upota sinua.

1. Testaa nopeus ennen asennusta

Näytät pomollesi kaksi pohjaa. Toisessa on parallaksianimaatioita, koko leveyden videohahmo ja karuselli. Toinen näyttää yksinkertaiselta mutta latautuu alle 2 sekunnissa. Pomosi pitää ensimmäisestä. Älä anna sen tapahtua. Käytä viisi minuuttia molempien testaamiseen ilmaisella nopeustestityökalulla ennen sitoutumista. Alan tutkimus osoittaa, että hitaat latausajat vahingoittavat suoraan konversioita—kävijät lähtevät, eivätkä usein palaa. Pienelle tiimille ilman erillistä suorituskykyinsinööriä raskas pohja tarkoittaa, että käytät kuukausia hidastelujen torjuntaan myymisen sijaan. Periaate: suorituskyvystä ei neuvotella. Edes kaunis pohja on arvoton, jos se ajaa asiakkaat pois.

Käytännön askel: Ennen kuin asennat uuden pohjan, testaa sen demosivu Google PageSpeed Insightsilla. Jos mobiilipisteet ovat alle 80, siirry eteenpäin. Jos alle 60, juokse. Kyllä, voit optimoida myöhemmin, mutta kevyellä perustalla aloittaminen säästää viikkoja työtä.

2. Sovita räätälöinti todelliseen työmäärääsi

Valitset pohjan, jossa on vedä-ja-pudota -rakentaja, jonka avulla voit järjestellä jokaisen pikselin. Loistavaa, ajattelet—täysi hallinta. Sitten vietät kolme viikkoa yrittäessäsi saada tuoteruudukon vastaamaan luetteloasi. Pomosi kysyy, miksi julkaisu viivästyy. Totuus: tuo pohja oletti, että sinulla on oma suunnittelija. Se toimitettiin useilla asetteluvaihtoehdoilla, joista yksikään ei sopinut tuotevariaatioihisi. Päädyit kuitenkin kirjoittamaan mukautettua CSS:ää. Periaate: joustavuus on ansa, kun se kätkee monimutkaisuutta. Pienelle tiimille aika on niukin resurssisi. Valitse pohja, joka tekee 80 % siitä, mitä tarvitset suoraan laatikosta, ei sellaista, joka vaatii 80 % räätälöintiä.

Käytännön askel: Listaa kolme tärkeintä sivutyyppiäsi (esim. tuotelistaus, tuotetiedot, kassa). Etsi pohja, jossa nämä sivut eivät vaadi rakenne-muutoksia. Jos demo ei näytä läheltäkään sitä, mitä tarvitset, jatka etsimistä.

3. Aseta mobiilikassaprosessi etusijalle

Pomo tarkistaa pohjan 27-tuumaisella näytöllään. ”Näyttää hyvältä”, hän sanoo. Mutta kun testaat kassan puhelimella, se vaatii kuusi vaihetta, painikkeet ovat pieniä ja lomakekentät eivät täyty automaattisesti. Mobiiliostaminen ohjaa nyt suurinta osaa liikenteestä monissa kaupoissa, ja mobiilisovellusten on osoitettu saavuttavan korkeampia konversioasteita kuin mobiilisivustot—mikä tarkoittaa, että mobiilikokemus ei voi olla jälkikäteen lisätty. Pomosi ei näe kitkaa työpöytänsä ääreltä. Sinun on osoitettava se. Periaate: pohja, joka näyttää hyvältä työpöydällä mutta epäonnistuu mobiilissa, ei ole responsiivinen—se on rikki. Mobiilien ensimmäinen suunnittelu tarkoittaa, että ydinosuusprosessin on toimittava moitteettomasti 5-tuumaisella näytöllä.

Käytännön askel: Testaa pohjan demokauppaa oikealla puhelimella (tai selaimen kehittäjätyökaluilla) ja käy kassaprosessi läpi. Laske napautukset ja etsi umpikujia. Jos kassaprosessi vaatii enemmän kuin kolme vaihetta tai vaakasuuntaista vieritystä, hylkää pohja.

4. Tarkista kehittäjän tausta

Kuusi kuukautta julkaisun jälkeen pomosi haluaa lisätä kanta-asiakasohjelman. Asennat liitännäisen, ja puolet pohjasi asettelusta hajoaa. Pohjaa ei ole päivitetty vuoteen. Nyt odotat viikon tai maksat kehittäjälle konfliktien korjaamisesta. Periaate: pohja on elävä tuote. Valitse sellainen aktiiviselta kehittäjältä, joka julkaisee säännöllisiä päivityksiä ja dokumentoi yhteensopivuuden tärkeimpien liitännäisten kanssa. Pomosi ei tule ajatelleeksi tämän tarkistamista, mutta sinun tulisi tehdä siitä osa päätöskriteerejäsi.

Käytännön askel: Avaa pohjan tukifoorumi tai muutosloki. Etsi ainakin yksi päivitys viimeisen kolmen kuukauden ajalta. Tarkista, että yleiset liitännäiset (kuten arvostelut, tilaukset tai kanta-asiakastyökalut) ovat nimenomaisesti tuettuja. Lue lisää pohjan tuen arvioinnista.

5. Karsi turhat lisäosat ennen julkaisua

Julkaiset, ja pohja sisältää uutiskirjeen ponnahdusikkunan, Facebook-syötteen, megavalikon ja kahdeksan eri kuvakesarjaa—joista et pyytänyt tai tarvinnut yhtäkään. Jokainen ylimääräinen ominaisuus lisää koodia, hidastaa sivustoasi ja lisää ylläpitoa. Pomosi näkee ponnahdusikkunan ja ajattelee sen olevan bonusta. Sinä näet tulevan suorituskykyongelman. Periaate: minimalismi voittaa. Poista jokainen ominaisuus, jota et aktiivisesti käytä. Käytä lapsiteemaa estääksesi päivityksiä tuomasta turhaa takaisin. Hyvin valitun pohjan tulisi olla perusta, ei valmis talo.

Käytännön askel: Ennen julkaisua, deaktivoi kaikki pohjan sisältämät ei-välttämättömät moduulit. Poista käyttämättömät skriptit ja tyylit. Suorita suorituskykyraportti ja pyri leikkaamaan latausaikaa vähintään 15 %.

Yhteenveto

Pohjan valinta ei ole suunnittelupäätös pienelle tiimille—se on budjettipäätös. Pomo arvioi visuaalien perusteella. Sinun on arvioitava piilokustannusten perusteella: nopeus, mobiilikassan kitka, räätälöintiaika, päivitysvajeet ja ominaisuusturvotus. Kun esität valintasi, muotoile se termein, joita he ymmärtävät: ”Tämä pohja säästää meille X dollaria kehittäjäkorjauksissa seuraavan vuoden aikana, koska se on nopea, mobiilivalmis ja säännöllisesti päivitetty.” Se on kieli, jota jokainen pomo puhuu. Lisätietoa mobiilien ensimmäisten vaihtoehtojen arvioinnista löydät täydellisestä mobiilien ensimmäisen pohjan oppaastamme.