Odluka o šablonu otporna na demo: dopis u 6 koraka

Sažetak

Vaš šef je upravo izabrao e-commerce šablon sa demoa, a vi znate da neće konvertovati. Umesto rasprave o ukusu, možete provesti kandidata kroz evaluaciju od šest koraka koja se završava dopisom od jedne stranice. Proces počinje pisanim opisom posla, zatim ponovo gradi demo sa vašim sadržajem, meri stvarnu brzinu i ponašanje na mobilnim uređajima, ocenjuje troškove prilagođavanja i izlaže kompromise u tabeli na jednostavnom jeziku. Rezultat je dokument koji vaš netehnički šef može da potpiše bez razumevanja CSS-a. Prestaćete da se svađate oko izgleda i početi da poredite dokaze. Ovaj članak vas vodi kroz svaki korak sa konkretnim mikro-primerima i upozorenjima, uključujući zašto besplatne teme retko kada su besplatne i zašto je brzina demoa fikcija.

Vaš šef ima demo otvoren u jednoj kartici, a Slack u drugoj. To je početna stranica sa hero video snimkom preko celog ekrana, trakom sa logotipima iz medija i trakom za odbrojavanje do rasprodaje koja deluje hitno. „Ovaj je taj", kucaju. Proveli ste tri dana poredeći rasporede fokusirane na konverziju, i spremate se da kažete: „Taj dizajn zapravo šteti mobilnim konverzijama", ali ste naučili da rečenice koje počinju sa „zapravo" ne menjaju mišljenja. Ono što menja mišljenja je okvir koji pokazuje vaš rad.

Evo metode od šest koraka koju sam koristio da odluku o šablonu pretvorim iz testa ukusa u dopis za odlučivanje. Potrebno je nekoliko sati, a proizvodi artefakt koji netehnički šef može da potpiše bez osećaja da popušta.

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

Princip: ne možete proceniti šablon dok ne znate za šta je „zaposlen". Demo vašeg šefa ima posao: da izgleda kao poznati brend. Vaš sajt ima posao: da dovede povratnog kupca od „treba mi ovo" do „kupio sam" što je brže moguće.

Zato pre nego što otvorite bilo koju temu, napišite kratak pasus o osnovnom scenariju vaše prodavnice. Za butik koji prodaje kožnu galanteriju, to bi moglo biti: „Na telefonu, kupac koji zna šta želi treba da vidi cenu proizvoda i dugme za dodavanje u korpu bez skrolovanja. Put od tog trenutka do naplate treba da traje manje od minuta, i ništa ne bi trebalo da iskače između stranice proizvoda i ekrana za plaćanje." To je proverljiva izjava. Zatim navedite tri ili četiri radnje koje donose većinu vašeg prihoda — od pretrage do proizvoda, od proizvoda do naplate, i možda „kupovina po kolekciji" za sezonske kupce.

Upozorenje: ne stavljajte vizuelne preferencije u opis posla. Boje, fontovi i kadriranje slika su promenljivi — iznenadili biste se koliko CSS može da prevaziđe. Držite se ponašanja i ograničenja: brzina, vidljivost na mobilnim uređajima, dubina navigacije i koraci za naplatu. Kada vaš šef kaže „Sviđa mi se velika slika", možete odgovoriti: „Možemo zadržati veliku sliku i i dalje ispuniti opis posla — ali samo ako dugme za dodavanje u korpu ostane na prvom ekranu." Ne odbacujete njihov ukus; testirate ga prema stvarnim potrebama prodavnice.

2. Ponovo napravite demo sa sopstvenim sadržajem.

Demo snimci dobavljača su pripremljeni sa profesionalnim fotografijama proizvoda, naslovima tač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 „O nama" stranica ima tri pasusa o održivosti. Demo može sakriti sve to.

Zato prenesite šablon u staging okruženje i ubacite svoj stvarni sadržaj — ne probni primer, već stvarni proizvod, sa pravim imenom i pasusom stvarnog opisa. Zatim testirajte tri ključna trenutka: stranicu proizvoda na ekranu širine 375 piksela, rezultate pretrage sa dugim imenom kategorije i naplatu sa vašim stvarnim platnim prolazom. Na primer, prodavnica koja prodaje ručno rađene keramičke šolje otkrije da su slike proizvoda iz demoa snimljene na beloj pozadini, ali njihove fotografije imaju radnu pozadinu — tamni preljev teme čini da šolja nestane. To je nešto što primećujete samo sa svojim sadržajem.

Ovo je suština revizije demo šablona — to je provera marketinga, ne teme. Ako se naslov prelomi u tri reda i gurne dugme „Dodaj u korpu" nadole, to je upozoravajući znak, bez obzira na to kako je demo izgledao.

3. Izmerite ono što demo ne pokazuje.

Demo radi na optimizovanom serveru developera teme. Vaš sajt će raditi na vašem hostingu, sa vašim dodacima, vašim skriptama za analitiku i vašom aplikacijom za napuštene korpe. Zato je brzina učitavanja demoa u suštini fikcija.

Postavite staging sajt sa stvarnim inventarom i pokrenite dva testa: prvo na brzoj desktop vezi, zatim na stvarnom telefonu preko 4G mreže sa obrisanim kešom. Gledajte vreme do trenutka kada je stranica upotrebljiva, ne samo kada izgleda da se učitava. Mnoge teme odmah prikazuju naslov, ali zatim blokiraju izgled na dve sekunde dok se učita skripta za slajder — pravi problem na telefonima. Takođe prođite kroz naplatu na telefonu. Neke uglađene teme izgledaju dobro na desktopu, ali pretvaraju mobilnu naplatu u slideshow od pet ekrana, tražeći promo kod pre adrese i prikazujući procenu isporuke nakon dugmeta za plaćanje. Ovo je tačka gde checklista za mobilne uređaje dolazi do izražaja — primorava vas da proverite doseg palca, ciljeve dodira i da li je dugme „Nastavi" iznad preloma.

Možda ćete biti u iskušenju da verujete sopstvenom izveštaju o brzini teme. Nemojte. Demo stranica teme se služi sa CDN-a sa keširanjem, a značka brzine teme je obično snimak ekrana napravljen u idealnim uslovima. Vaše okruženje je drugačije, i to je u redu — test se odnosi na vaše okruženje.

4. Ocenite trošak prilagođavanja — i budite iskreni o „besplatno".

Evo pretpostavke koju treba osporiti: besplatne teme su jeftinije. One retko kada su besplatne, jer plaćate razvojnim vremenom. Besplatna tema može imati ograničen panel opcija, a svaka izmena brenda — podešavanje zaglavlja, zamena hero dela, dodavanje značke — zahteva CSS override ili child temu, što znači sat vremena naplativog vremena developera po izmeni. Plaćena tema sa dobrim panelom opcija može da se isplati prvi put kada izbegnete jedan zahtev za prilagođeni kod.

Ali i suprotno je tačno: plaćena tema sa ugrađenim builderom stranica može biti sporija i teža za održavanje od vitke besplatne teme. Pravi trošak nije cena licence; to je razlika između „šta demo radi" i „šta vaš brend treba." Prebrojte izmene koje biste zaista napravili: logo, izgled zaglavlja, tipografiju, mrežu proizvoda, podnožje i značke poverenja. Ako panel opcija teme pokriva pet od osam, ispred ste. Ako pokriva samo dve, kupujete projekat, ne temu. Ovo je deo skrivenih troškova izbora pogrešnog šablona — cena je samo početak.

5. Izložite kompromise tamo gde ih vaš šef može videti.

Tabela vredi sto poruka napred-nazad jer pomera razgovor sa „Sviđa mi se ovaj" na „Evo šta ovaj izbor košta." Odštampajte ovo (ili nalepite u Slack) kada poredite dva finalista:

Šta demo pokazuje	Šta treba da proverite
Hero video se reprodukuje trenutno	Da li se automatski pokreće na mobilnim podacima, ili se pretvara u zamrznutu sliku sa dugmetom za reprodukciju koju niko ne dodiruje?
Slike proizvoda izgledaju vrhunski	Da li se vaše slike proizvoda uklapaju u kadar bez gubljenja proizvoda iz okvira?
Navigacija je glatka	Na stvarnom telefonu, da li je meni dostupan jednim palcem, ili je potrebno istezanje s dve ruke?
Stranica se učitava brzo	Pokrenite test brzine na vašem hostingu, ne kod dobavljača.
Naplata je lepa	Obavite pravi test narudžbine. Zabeležite koliko je dodira i koliko skrolovanja.

Vaš šef će videti da neki demoi pretvaraju osećanja, a ne prodaju. Tabela pretvara ta osećanja u polja za potvrdu.

6. Napišite dopis o odluci od jedne stranice koji završava raspravu.

Poslednji korak pretvara reviziju u odluku. Držite ga na jednoj stranici, jednostavnim jezikom. Počnite sa preporukom, zatim pokažite tri dokaza: mobilni test, test brzine i procenu prilagođavanja. Zatim navedite kompromis koji prihvatate — na primer, „gubimo animiranu ikonu korpe, ali dobijamo kraću naplatu na telefonima." Završite sa sledećim koracima: šta ćete podešavati nakon pokretanja i kako ćete to meriti.

Dopis je prodajni dokument — prodajete svom šefu odluku koju može da odbrani pred svojim menadžerom. Formulišite svaku poentu poslovnim rečnikom. Umesto „dugme za dodavanje u korpu je ispod preloma na iPhone SE", napišite „na najčešćoj veličini telefona, kupci bi morali da skroluju da bi dodali proizvod, što povećava šansu da odu." Umesto „tema koristi mnogo JavaScript-a", napišite „stranici treba duže da se učita na 4G, a spore stranice su povezane sa nižom konverzijom." Ne preskačite sekciju „sledeći koraci"; ona uverava vašeg šefa da ne potpisujete nešto trajno — počinjete proces koji uključuje podešavanje nakon pokretanja.

Ako želite dublji uvid u usklađivanje skupa funkcija šablona sa ciljevima konverzije, ovaj vodič za izbor šablona koji konvertuje pokriva detaljnu analizu funkcija.

Okvir, a ne presuda, je poenta.

Demo će uvek stići — novi trend, blještavija animacija, sajt šefovog rođaka. Umesto da se svaki put svađate, provedite kandidata kroz iste šest koraka. Demo možda pobedi u trenutku, ali dopis pobeđuje na sastanku. I sledeći put kada vam zatreba odluka, imaćete proces koji ne mari o tome koliko priča zvuči dobro.