Skriveni troškovi odabira pogrešnog predloška za e-trgovinu

Sažetak

Vaš šef odobrava predloške na temelju izgleda. Ali za mali interni marketinški tim, stvarni trošak lošeg predloška skriven je u performansama, mobilnim problemima i satima prilagodbe. Ovaj članak daje vam praktičan okvir za opravdanje vašeg izbora predloška s teškim kriterijima—brzina, mobilna spremnost, budućnost—tako da možete izgraditi neprobojan slučaj. Naučit ćete kako testirati vrijeme učitavanja prije nego što se obvežete, zašto predlošci s puno značajki često izazivaju kontraefekt i kako izbjeći dizajnerski dug koji usporava svako buduće ažuriranje. Ovo su kriteriji na koje vaš šef neće pomisliti, ali će vam vaš programer biti zahvalan. Prestanite birati predloške na oko i počnite birati prema podacima.

Vaš šef misli da je odabir predloška za e-trgovinu kozmetički izbor. Odobrit će sve što izgleda uredno na njegovom stolnom računalu. Ali predložak koji odaberete tiho diktira brzinu vaše stranice, mobilno iskustvo i koliko vremena programera trošite—a za mali tim koji opravdava svaki sat, pogrešan predložak je proračunska mina. Evo kako odabrati onaj koji vas neće potopiti, korak po korak.

1. Testirajte brzinu prije instalacije

Pokažete šefu dva predloška. Jedan ima paralaksne animacije, video heroj u punoj širini i vrtuljak. Drugi izgleda jednostavno, ali se učitava za manje od 2 sekunde. Vašem šefu se sviđa prvi. Ne dopustite da se to dogodi. Odvojite pet minuta da oba provučete kroz besplatni alat za testiranje brzine prije nego što se obvežete. Istraživanja u industriji pokazuju da sporo vrijeme učitavanja izravno šteti konverzijama—posjetitelji odlaze i često se ne vraćaju. Za mali tim bez namjenskog inženjera performansi, težak predložak znači da ćete mjesecima trošiti vrijeme boreći se s usporavanjima umjesto da prodajete. Princip: performanse nisu pregovaračke. Čak i lijep predložak je beskoristan ako tjera kupce.

Praktični korak: Prije instalacije bilo kojeg novog predloška, testirajte njegovu demo stranicu pomoću Google PageSpeed Insights. Ako je mobilni rezultat ispod 80, odustanite. Ako je ispod 60, bježite. Da, možete optimizirati kasnije, ali početak s laganom osnovom štedi tjedne rada.

2. Uskladite prilagodbu sa stvarnim radnim opterećenjem

Odaberete predložak s alatima za povlačenje i ispuštanje koji vam omogućuje preuređivanje svakog piksela. Super, mislite—potpuna kontrola. Zatim provedete tri tjedna pokušavajući uskladiti mrežu proizvoda s vašim katalogom. Vaš šef pita zašto je pokretanje odgođeno. Istina: taj predložak je pretpostavljao da imate namjenskog dizajnera. Isporučen je s više opcija izgleda, od kojih nijedna nije odgovarala vašim varijacijama proizvoda. Na kraju ste ipak pisali prilagođeni CSS. Princip: fleksibilnost je zamka kada skriva složenost. Za mali tim, vrijeme je vaš najoskudniji resurs. Odaberite predložak koji čini 80% onoga što trebate iz kutije, a ne onaj koji zahtijeva 80% prilagodbe.

Praktični korak: Nabrojite tri najvažnije vrste stranica (npr. popis proizvoda, detalji proizvoda, naplata). Pronađite predložak gdje te stranice ne zahtijevaju strukturne promjene. Ako demo ne izgleda blizu onoga što trebate, nastavite tražiti.

3. Dajte prioritet mobilnom tijeku naplate

Vaš šef pregleda predložak na svom 27-inčnom monitoru. "Izgleda sjajno", kaže. Ali kada testirate naplatu na telefonu, potrebno je šest koraka, gumbi su maleni, a polja obrasca se ne popunjavaju automatski. Mobilna kupovina sada čini većinu prometa za mnoge trgovine, a mobilne aplikacije pokazale su veće stope konverzije od mobilnih web stranica—što znači da mobilno iskustvo ne može biti naknadna misao. Vaš šef neće vidjeti problem sa svog stola. Morate ga istaknuti. Princip: predložak koji izgleda dobro na stolnom računalu, ali ne uspijeva na mobitelu, nije responzivan—neispravan je. Mobilno-prvi dizajn znači da osnovni tijek kupnje mora besprijekorno raditi na 5-inčnom ekranu.

Praktični korak: Testirajte demo trgovinu predloška na stvarnom telefonu (ili alatima za programere preglednika) i provedite naplatu. Brojite dodire i tražite slijepe ulice. Ako naplata zahtijeva više od tri koraka ili zahtijeva horizontalno pomicanje, odbacite predložak.

4. Provjerite evidenciju programera

Šest mjeseci nakon pokretanja, vaš šef želi dodati program vjernosti. Instalirate dodatak, a pola izgleda vašeg predloška se pokvari. Predložak nije ažuriran godinu dana. Sada čekate tjedan dana ili plaćate programera da popravi sukobe. Princip: predložak je živ proizvod. Odaberite onaj od aktivnog programera koji redovito objavljuje ažuriranja i dokumentira kompatibilnost s glavnim dodacima. Vaš šef neće pomisliti provjeriti ovo, ali trebali biste to učiniti dijelom svojih kriterija odluke.

Praktični korak: Otvorite forum podrške ili dnevnik promjena predloška. Potražite barem jedno ažuriranje u posljednja tri mjeseca. Provjerite su li uobičajeni dodaci (poput recenzija, pretplata ili alata za vjernost) izričito podržani. Saznajte više o procjeni podrške predloška.

5. Uklonite nepotrebno prije pokretanja

Pokrenete se, a predložak uključuje newsletter iskačući prozor, Facebook feed, mega izbornik i osam različitih setova ikona—od kojih nijedan niste tražili niti vam treba. Svaka dodatna značajka dodaje kod, usporava vašu stranicu i povećava održavanje. Vaš šef vidi iskačući prozor i misli da je to bonus. Vi vidite budući problem sa performansama. Princip: minimalizam pobjeđuje. Uklonite svaku značajku koju aktivno ne koristite. Koristite podtematiku kako biste spriječili da ažuriranja ponovno uvedu nepotrebne stvari. Dobro odabran predložak trebao bi biti temelj, a ne gotova kuća.

Praktični korak: Prije izlaska uživo, deaktivirajte sve nebitne module koje predložak uključuje. Uklonite neiskorištene skripte i stilove. Pokrenite izvješće o performansama i ciljajte smanjiti vrijeme učitavanja za najmanje 15%.

Zaključak

Izbor predloška nije dizajnerska odluka za mali tim—to je proračunska odluka. Vaš šef će suditi prema vizualnim elementima. Vi morate suditi prema skrivenim troškovima: brzina, mobilne prepreke pri naplati, vrijeme prilagodbe, praznine u ažuriranjima i napuhavanje značajkama. Kada predstavite svoj izbor, uokvirite ga u terminima koje razumiju: "Ovaj predložak će nam uštedjeti X dolara na popravcima programera tijekom sljedeće godine jer je brz, mobilan i redovito ažuriran." To je jezik koji svaki šef razumije. Za više o procjeni mobilno-prvih opcija, pogledajte naš potpuni vodič za mobilno-prve predloške.