Demonstracijai atsparus šablono pasirinkimas: 6 žingsnių atmintinė

Santrauka

Jūsų vadovas ką tik išsirinko el. prekybos šabloną iš demonstracijos, ir jūs žinote, kad jis nekonversuos. Užuot ginčijęsi dėl skonio, galite įvertinti kandidatą šešiais žingsniais, kurie baigiasi vieno puslapio sprendimo atmintine. Procesas prasideda rašytiniu darbo aprašymu, tada atkuria demonstraciją su savo turiniu, įvertina realų greitį ir mobiliųjų įrenginių elgseną, įvertina pritaikymo kainą ir išdėsto kompromisus paprastos kalbos lentelėje. Rezultatas yra dokumentas, kurį jūsų netechninis vadovas gali pasirašyti nesuprasdamas CSS. Nustosite kovoti dėl išvaizdos ir pradėsite lyginti įrodymus. Šis straipsnis nuosekliai apžvelgia kiekvieną žingsnį su konkrečiais pavyzdžiais ir įspėjimais, įskaitant tai, kodėl nemokamos temos retai būna nemokamos ir kodėl demonstracijos greitis yra fikcija.

Jūsų vadovas turi demonstraciją atidarytą viename skirtuke, o Slack kitame. Tai pagrindinis puslapis su viso ekrano herojaus vaizdo įrašu, spaudos logotipų eilute ir atgalinės atskaitos juosta iki išpardavimo, kuri skatina skubėti. „Šis yra tas“, – rašo jie. Jūs praleidote tris dienas lygindami į konversijas orientuotus maketus ir ketinate pasakyti: „Tas dizainas iš tikrųjų kenkia mobiliosioms konversijoms“, bet jau išmokote, kad sakiniai, prasidedantys „iš tikrųjų“, nekeičia nuomonės. Keičia nuomonę sistema, kuri parodo jūsų darbą.

Štai šešių žingsnių metodas, kurį naudojau, kad šablono pasirinkimą iš skonio testo paverčiau sprendimo atmintine. Tai užima kelias valandas ir sukuria dokumentą, kurį netechninis vadovas gali pasirašyti nesijausdamas, kad pasiduoda.

1. Parašykite darbo aprašymą, prieš atidarydami bet kurią demonstraciją.

Principas: negalite įvertinti šablono, kol nežinote, kam jis samdomas. Jūsų vadovo demonstracija turi darbą: atrodyti kaip žinomas prekės ženklas. Jūsų svetainė turi darbą: kuo greičiau nuvesti nuolatinį klientą nuo „man to reikia“ iki „nusipirkau“.

Taigi prieš atidarydami nors vieną temą, parašykite trumpą pastraipą apie pagrindinį jūsų parduotuvės scenarijų. Pavyzdžiui, butikui, parduodančiam odos gaminius, tai galėtų būti: „Telefone klientas, kuris žino, ko nori, turėtų matyti produkto kainą ir mygtuką „Į krepšelį“ neslenkant. Kelias nuo to momento iki atsiskaitymo turėtų užtrukti mažiau nei minutę, ir niekas neturėtų iššokti tarp produkto puslapio ir mokėjimo ekrano.“ Tai patikrinamas teiginys. Tada išvardykite tris ar keturis veiksmus, kurie generuoja didžiąją dalį jūsų pajamų – nuo paieškos iki produkto, nuo produkto iki atsiskaitymo, o galbūt „pirkti pagal kolekciją“ sezoniniams pirkėjams.

Įspėjimas: neįtraukite vizualinių pageidavimų į darbo aprašymą. Spalvos, šriftai ir vaizdų apkarpymas yra keičiami – nustebtumėte, kiek daug CSS gali pakeisti. Laikykitės elgsenos ir apribojimų: greičio, matomumo mobiliuosiuose, navigacijos gylio ir atsiskaitymo žingsnių. Kai jūsų vadovas sako „man patinka didelis vaizdas“, galite atsakyti: „Galime išlaikyti didelį vaizdą ir vis tiek atitikti darbo aprašymą – bet tik jei mygtukas „Į krepšelį“ lieka pirmame ekrane.“ Jūs neatmetate jų skonio; jūs jį tikrinate pagal realius parduotuvės poreikius.

2. Atkurkite demonstraciją su savo turiniu.

Pardavėjų demonstracijos yra sukuriamos su profesionalia produktų fotografija, tikslaus pločio antraštėmis ir temos autoriaus parašytu tekstu. Jūsų produktai turi skirtingus vaizdų santykius, jūsų produktų pavadinimai yra sakiniai, o jūsų „apie“ puslapis yra trys pastraipos apie tvarumą. Demonstracija gali tai viską paslėpti.

Taigi įkelkite šabloną į testavimo aplinką ir pakeiskite į savo realų turinį – ne pavyzdinį elementą, o tikrą produktą su tikru pavadinimu ir pastraipa tikro aprašymo. Tada išbandykite tris svarbiausius momentus: produkto puslapį 375 pikselių pločio ekrane, paieškos rezultatus su ilgu kategorijos pavadinimu ir atsiskaitymą su savo realia mokėjimo sistema. Pavyzdžiui, parduotuvė, parduodanti rankų darbo keraminius puodelius, pastebi, kad demonstracijos produktų nuotraukos yra padarytos baltame fone, o jų nuotraukose – užimtas dirbtuvės fonas; tamsi temos perdanga priverčia puodelį išnykti. Tokius dalykus pastebi tik su savo turiniu.

Tai yra šablono demonstracijos audito esmė – tai rinkodaros, o ne temos patikrinimas. Jei antraštė persikelia į tris eilutes ir nustumia mygtuką „Į krepšelį“ žemyn, tai yra raudona vėliava, kad ir kaip gerai demonstracija atrodė.

3. Išmatuokite tai, ko demonstracija neparodo.

Demonstracija veikia temos kūrėjo optimizuotame serveryje. Jūsų svetainė veiks jūsų priegloboje su jūsų įskiepiais, analitikos scenarijais ir apleisto krepšelio programa. Todėl demonstracijos įkėlimo greitis iš esmės yra fikcija.

Sukurkite testavimo svetainę su tikru inventoriumi ir atlikite du testus: pirmąjį – greitoje stalinio kompiuterio jungtyje, antrąjį – tikrame telefone per 4G išvalius talpyklą. Stebėkite laiką, per kurį puslapis tampa naudojamas, o ne tik tada, kai atrodo, kad įkraunama. Daugelis temų akimirksniu atvaizduoja antraštę, bet vėliau dvi sekundes blokuoja maketą, kol įkeliamas slankiklio scenarijus – reali problema telefonuose. Taip pat peržiūrėkite atsiskaitymą telefone. Kai kurios poliruotos temos darbalaukyje atrodo gerai, bet mobilųjį atsiskaitymą paverčia penkių ekranų skaidrių demonstracija: prašo akcijos kodo prieš adresą ir rodo siuntimo įkainį po mokėjimo mygtuko. Čia praverčia mobiliesiems pritaikyto e. prekybos šablono kontrolinis sąrašas – jis verčia patikrinti nykščio pasiekiamumą, bakstelėjimo sritis ir ar mygtukas „Tęsti“ yra matomas be slinkimo.

Galbūt norėsite pasitikėti pačios temos greičio ataskaita. Nepasitikėkite. Temos demonstracinis puslapis teikiamas iš CDN su talpykla, o temos greičio ženklelis paprastai yra ekrano nuotrauka, padaryta idealiomis sąlygomis. Jūsų aplinka yra kitokia, ir tai gerai – testas yra apie jūsų aplinką.

4. Įvertinkite pritaikymo kainą – ir būkite sąžiningi dėl „nemokama“.

Štai prielaida, kuriai reikia prieštarauti: nemokamos temos yra pigesnės. Jos retai būna nemokamos, nes mokate kūrėjo laiku. Nemokama tema gali turėti ribotą parinkčių skydelį, o kiekvienas prekės ženklo pakeitimas – antraštės koregavimas, herojaus pakeitimas, ženkliuko pridėjimas – reikalauja CSS perrašymo arba antrinės temos, o tai reiškia valandą kūrėjo apmokamo laiko už kiekvieną pakeitimą. Mokama tema su geru parinkčių skydeliu gali atsipirkti jau pirmą kartą, kai išvengsite vieno individualaus kodo užklausos.

Tačiau priešingai irgi teisinga: mokama tema su įdiegtu puslapių kūrėju gali būti lėtesnė ir sunkiau prižiūrima nei liesa nemokama tema. Tikroji kaina nėra licencijos kaina; tai skirtumas tarp „ką demonstracija daro“ ir „ko reikia jūsų prekės ženklui“. Suskaičiuokite pakeitimus, kuriuos iš tikrųjų darytumėte: logotipą, antraštės maketą, tipografiką, produktų tinklelį, poraštę ir pasitikėjimo ženkliukus. Jei temos parinkčių skydelis apima penkis iš aštuonių, jūs pirmaujate. Jei apima tik du, perkate projektą, o ne temą. Tai yra dalis paslėptų išlaidų, renkantis netinkamą šabloną – kaina yra tik pradžia.

5. Išdėstykite kompromisus ten, kur juos matytų jūsų vadovas.

Lentelė verta šimto susirašinėjimų, nes ji perkelia pokalbį nuo „man patinka šis“ prie „štai kiek kainuoja šis pasirinkimas“. Išspausdinkite ją (arba įklijuokite į Slack), kai lyginate du finalininkus:

Ką rodo demonstracija	Ką turite patikrinti
Herojaus vaizdo įrašas įsijungia akimirksniu	Ar jis automatiškai paleidžiamas naudojant mobilųjį internetą, ar virsta sustingusiu paveikslėliu su mygtuku „Play“, kurio niekas nespusteli?
Produktų nuotraukos atrodo prabangiai	Ar jūsų produktų nuotraukos telpa į apkarpymą neprarasdamos produkto iš kadro?
Navigacija sklandi	Tikrame telefone, ar meniu pasiekiamas vienu nykščiu, ar reikia nepatogiai tįsoti abiem rankomis?
Puslapis įkeliamas greitai	Atlikite greičio testą savo priegloboje, o ne pardavėjo.
Atsiskaitymas yra gražus	Atlikite tikrą bandomąjį užsakymą. Pastebėkite, kiek bakstelėjimų ir kiek slinkimo reikia.

Jūsų vadovas pamatys, kad kai kurios demonstracijos konvertuoja jausmus, o ne pardavimus. Lentelė paverčia tuos jausmus langeliais.

6. Parašykite vieno puslapio sprendimo atmintinę, kuri užbaigia diskusiją.

Paskutinis žingsnis auditą paverčia sprendimu. Laikykitės vieno puslapio, aiškia kalba. Pradėkite nuo rekomendacijos, tada parodykite tris įrodymus: mobiliojo įrenginio testą, greičio testą ir pritaikymo įvertinimą. Tada nurodykite kompromisą, kurį priimate – pavyzdžiui, „prarandame animuotą krepšelio piktogramą, bet įgyjame trumpesnį atsiskaitymą telefonuose“. Baigkite kitais žingsniais: ką derinsite po paleidimo ir kaip tai matuosite.

Atmintinė yra pardavimo dokumentas – jūs parduodate savo vadovui sprendimą, kurį jie gali apginti savo vadovui. Kiekvieną tašką pateikite verslo terminais. Vietoj „iPhone SE mygtukas „Į krepšelį“ yra po pirmuoju ekranu“, rašykite „dažniausiai naudojamo telefono dydžio ekrane klientai turėtų slinkti, kad įdėtų produktą, o tai padidina tikimybę, kad jie išeis“. Vietoj „tema naudoja daug JavaScript“, rašykite „puslapis ilgiau įkeliamas 4G, o lėti puslapiai yra susiję su mažesne konversija“. Nepraleiskite skyriaus „Kiti žingsniai“; jis nuramina jūsų vadovą, kad nepasirašote dėl kažko nuolatinio – pradedate procesą, kuris apima derinimą po paleidimo.

Jei norite giliau pažvelgti, kaip suderinti šablono funkcijų rinkinį su konversijos tikslais, šis vadovas, kaip pasirinkti šabloną, kuris konvertuoja, apima funkcijų išskaidymą.

Esmė yra sistema, o ne sprendimas.

Demonstracija visada atsiras – nauja tendencija, įspūdingesnė animacija, jūsų vadovo pusbrolio svetainė. Užuot kiekvieną kartą ginčijęsi, perveskite kandidatą per tuos pačius šešis žingsnius. Demonstracija gali laimėti akimirką, bet atmintinė laimi susitikimą. O kai kitą kartą prireiks sprendimo, turėsite procesą, kuriam nesvarbu, kaip gerai skamba istorija.