Odluka o predlošku otporna na demo: dopis u 6 koraka

Sažetak

Vaš je šef upravo odabrao predložak za e-trgovinu s demo snimke, a vi znate da neće donositi konverzije. Umjesto rasprave o ukusu, možete kandidata provući kroz evaluaciju od šest koraka koja završava jednosmjernim dopisom o odluci. Proces počinje pisanim opisom posla, zatim ponovno gradi demo s vlastitim sadržajem, mjeri stvarnu brzinu i ponašanje na mobitelima, ocjenjuje troškove prilagodbe i prikazuje kompromise u tablici na jednostavnom jeziku. Rezultat je dokument koji vaš netehnički šef može potpisati bez poznavanja CSS-a. Prestat ćete se svađati oko izgleda i početi uspoređivati dokaze. Ovaj članak prolazi kroz svaki korak s konkretnim mikroprimjerima i upozorenjima, uključujući zašto besplatne teme rijetko su besplatne i zašto je demo brzina fikcija.

Vaš šef ima demo otvoren u jednoj kartici, a Slack u drugoj. To je naslovnica s glavnim videozapisom preko cijele širine, trakom s logotipima medija i trakom za odbrojavanje do rasprodaje koja djeluje hitno. "Ovo je taj", tipka. Proveli ste tri dana uspoređujući izglede usmjerene na konverzije i spremni ste reći: "Taj dizajn zapravo šteti konverzijama na mobitelima", ali naučili ste da rečenice koje počinju s "zapravo" ne mijenjaju mišljenja. Ono što mijenja mišljenja je okvir koji pokazuje vaš rad.

Evo metode u šest koraka koju sam koristio da pretvorim odluku o predlošku iz testa ukusa u dopis o odluci. Traje nekoliko sati i daje artefakt koji netehnički šef može potpisati bez osjećaja da se predaje.

1. Napišite opis posla prije nego otvorite bilo koji demo.

Princip: ne možete ocijeniti predložak dok ne znate za što je unajmljen. Demo vašeg šefa ima zadatak: izgledati poput poznate marke. Vaša web stranica ima zadatak: dovesti stalnog kupca od "treba mi ovo" do "kupio sam" što je brže moguće.

Dakle, prije nego otvorite ijednu temu, napišite kratki odlomak o osnovnom scenariju svoje trgovine. Za butik koji prodaje kožnu galanteriju to bi moglo biti: "Na mobitelu kupac koji zna što želi trebao bi moći vidjeti cijenu proizvoda i gumb za dodavanje u košaricu bez pomicanja. Put od tog trenutka do naplate trebao bi trajati manje od minute i ništa se ne bi smjelo pojaviti između stranice proizvoda i zaslona za plaćanje." To je izjava koja se može testirati. Zatim navedite tri ili četiri radnje koje donose najveći dio vašeg prihoda — od pretraživanja do proizvoda, od proizvoda do naplate, a možda i "kupnja po kolekciji" za sezonske kupce.

Upozorenje: nemojte unositi vizualne preferencije u opis posla. Boje, fontovi i obrezivanje slika su promjenjivi — iznenadili biste se koliko CSS može nadjačati. Držite se ponašanja i ograničenja: brzina, vidljivost na mobitelu, dubina navigacije i koraci naplate. Kad vaš šef kaže "Sviđa mi se velika slika", možete odgovoriti: "Možemo zadržati veliku sliku i još uvijek ispuniti opis posla — ali samo ako gumb za dodavanje u košaricu ostane na prvom zaslonu." Ne odbacujete njihov ukus; testirate ga prema stvarnim potrebama trgovine.

2. Ponovno izradite demo s vlastitim sadržajem.

Dobavljačevi demoi su pripremljeni s profesionalnom fotografijom proizvoda, naslovima točne širine i tekstom koji je napisao autor teme. Vaši proizvodi imaju različite omjere slika, vaši naslovi proizvoda su rečenice, a vaša stranica "o nama" ima tri odlomka o održivosti. Demo može sve to sakriti.

Dakle, prenesite predložak u testno okruženje i zamijenite ga svojim stvarnim sadržajem — ne uzorkom, već stvarnim proizvodom, s njegovim pravim imenom i odlomkom stvarnog opisa. Zatim testirajte tri ključna trenutka: stranicu proizvoda na zaslonu širine 375 piksela, rezultate pretraživanja s dugim nazivom kategorije i naplatu sa svojim stvarnim sustavom plaćanja. Na primjer, trgovina koja prodaje ručno izrađene keramičke šalice otkrije da su slike proizvoda u demou snimljene na bijeloj pozadini, ali njihove fotografije imaju užurbanu pozadinu radionice — tamni prekrivač teme čini da šalica nestane. To je nešto što možete uočiti samo s vlastitim sadržajem.

To je srž revizije demo predloška — to je provjera marketinga, a ne teme. Ako se naslov prelomi u tri retka i gurne gumb "Dodaj u košaricu" prema dolje, to je crvena zastava, bez obzira na to koliko demo dobro izgledao.

3. Izmjerite ono što demo ne pokazuje.

Demo radi na optimiziranom poslužitelju developera teme. Vaša će stranica raditi na vašem hostingu, s vašim dodacima, analitičkim skriptama i aplikacijom za napuštene košarice. Zato je brzina učitavanja demoa u biti fikcija.

Postavite testnu stranicu sa svojim stvarnim inventarom i pokrenite dva testa: prvo na brzoj desktop vezi, zatim na stvarnom telefonu preko 4G mreže s očišćenom predmemorijom. Provjerite vrijeme do trenutka kada je stranica upotrebljiva, a ne samo kad se čini da se učitava. Mnoge teme odmah prikažu naslov, ali zatim blokiraju izgled na dvije sekunde dok se učitava skripta za klizač — pravi problem na mobitelima. Također prođite kroz naplatu na mobitelu. Neke uglađene teme izgledaju dobro na desktopu, ali pretvaraju mobilnu naplatu u prezentaciju od pet zaslona, tražeći promo kod prije adrese i prikazujući procjenu dostave nakon gumba za plaćanje. Ovdje vam dobro dođe kontrolni popis za mobilne uređaje — tjera vas da provjerite doseg palca, ciljane točke i je li gumb "Nastavi" iznad pregiba.

Možda ćete biti u iskušenju vjerovati vlastitom izvješću o brzini teme. Nemojte. Stranica demoa teme poslužuje se s CDN-a s predmemorijom, a značka brzine teme obično je snimka zaslona napravljena u idealnim uvjetima. Vaše okruženje je drugačije, i to je u redu — test se odnosi na vaše okruženje.

4. Ocijenite trošak prilagodbe — i budite iskreni u vezi "besplatno."

Evo pretpostavke koju treba osporiti: besplatne teme su jeftinije. One su rijetko besplatne, jer plaćate razvojnim vremenom. Besplatna tema može imati ograničenu ploču s opcijama, a svaka prilagodba robne marke — podešavanje zaglavlja, zamjena heroja, dodavanje značke — zahtijeva CSS preslikavanje ili podređenu temu, što znači sat vremena naplatnog rada developera za svaku promjenu. Plaćena tema s dobrom pločom s opcijama može se isplatiti već prvi put kada izbjegnete jedan zahtjev za prilagođeni kod.

Ali vrijedi i suprotno: plaćena tema s ugrađenim graditeljem stranica može biti sporija i teže održavati od vitke besplatne teme. Stvarni trošak nije cijena licence; to je razlika između "što demo radi" i "što vaša marka treba." Prebrojite promjene koje biste stvarno napravili: logotip, izgled zaglavlja, tipografija, mreža proizvoda, podnožje i značke povjerenja. Ako ploča s opcijama teme pokriva pet od osam, ispred ste. Ako pokriva samo dvije, kupujete projekt, a ne temu. To je dio skrivenih troškova odabira krivog predloška — cijena je tek početak.

5. Prikažite kompromise tamo gdje ih vaš šef može vidjeti.

Tablica vrijedi sto rasprava jer pomiče razgovor s "Sviđa mi se ovaj" na "Evo koliko ovaj izbor košta." Ispišite je (ili zalijepite u Slack) kada uspoređujete dva finalista:

Što demo pokazuje	Što trebate provjeriti
Hero video se odmah reproducira	Pokreće li se automatski na mobilnim podacima ili se pretvara u zamrznutu sliku s gumbom za reprodukciju na koji nitko ne klikne?
Slike proizvoda izgledaju vrhunski	Odgovaraju li vaše slike proizvoda izrezivanju bez gubitka proizvoda iz kadra?
Navigacija je glatka	Na stvarnom mobitelu, je li izbornik dostupan jednim palcem ili zahtijeva istezanje s dvije ruke?
Stranica se brzo učitava	Pokrenite test brzine na svom hostingu, a ne na vendorovom.
Naplata je lijepa	Provedite stvarni test narudžbe. Zabilježite koliko dodira i koliko pomicanja.

Vaš će šef vidjeti da neki demoi pretvaraju osjećaje, a ne prodaju. Tablica pretvara te osjećaje u potvrdne okvire.

6. Napišite jednosmjerni dopis o odluci koji završava raspravu.

Završni korak pretvara reviziju u odluku. Držite ga na jednoj stranici, jednostavnim jezikom. Započnite s preporukom, zatim pokažite tri dokaza: mobilni test, test brzine i procjenu prilagodbe. Zatim navedite kompromis koji prihvaćate — na primjer, "gubimo animiranu ikonu košarice, ali dobivamo kraću naplatu na mobitelima." Završite sa sljedećim koracima: što ćete prilagoditi nakon pokretanja i kako ćete to mjeriti.

Dopis je prodajni dokument — svom šefu prodajete odluku koju on može braniti pred svojim nadređenim. Svaku točku postavite u poslovne okvire. Umjesto "gumb za dodavanje u košaricu je ispod pregiba na iPhone SE", napišite "na najčešćoj veličini telefona kupci bi se morali pomicati da bi dodali proizvod, što povećava vjerojatnost da odu." Umjesto "tema koristi puno JavaScripta", napišite "stranica se duže učitava na 4G mreži, a spore stranice povezane su s nižom konverzijom." Ne preskačite odjeljak "sljedeći koraci"; uvjerava vašeg šefa da ne potpisujete ništa trajno — započinjete proces koji uključuje prilagodbe nakon pokretanja.

Ako želite dublji uvid u usklađivanje skupa značajki predloška s ciljevima konverzije, ovaj vodič za odabir predloška koji pretvara pokriva analizu značajku po značajku.

Okvir, a ne presuda, je poanta.

Demo će se uvijek pojaviti — novi trend, blještavija animacija, stranica šefovog drugog rođaka. Umjesto da se svaki put svađate, provucite kandidata kroz istih šest koraka. Demo može pobijediti u trenutku, ali dopis pobjeđuje na sastanku. A sljedeći put kada vam zatreba odluka, imat ćete proces kojem nije važno koliko priča zvuči dobro.