Odločitev o predlogi, odporni na demo: 6-stopenjski dopis

Povzetek

Vaš šef je pravkar izbral e-trgovinsko predlogo z demonstracije in veste, da ne bo konvertirala. Namesto da bi se prepirali o okusu, lahko kandidatko preženete skozi šeststopenjsko oceno, ki se konča z enostranskim odločitvenim dopisom. Postopek se začne s pisnim opisom delovnega mesta, nato predlogo ponovno zgradite s svojo vsebino, izmerite dejansko hitrost in obnašanje na mobilnih napravah, točkujete stroške prilagajanja in predstavite kompromise v tabeli v preprostem jeziku. Rezultat je dokument, ki ga lahko vaš netehnični šef podpiše, ne da bi razumel CSS. Nehali se boste boriti za videz in začeli primerjati dokaze. Ta članek vas popelje skozi vsak korak s konkretnimi mikro-primeri in opozorili, vključno s tem, zakaj brezplačne teme redko so brezplačne in zakaj je hitrost demonstracije fikcija.

Vaš šef ima demo odprt v enem zavihku in Slack v drugem. To je domača stran s celozaslonskim hero videoposnetkom, trako z logotipi medijev in vrstico z odštevanjem do razprodaje, ki deluje nujno. "Ta je pravi," vtipka. Tri dni ste primerjali postavitve, osredotočene na konverzije, in zdaj boste rekli: "Ta dizajn dejansko škodi mobilnim konverzijam," a ste se naučili, da stavki, ki se začnejo z "dejansko," ne spremenijo mnenja. Kar spremeni mnenje, je ogrodje, ki pokaže vaše delo.

Tukaj je šeststopenjska metoda, ki sem jo uporabil, da odločitev o predlogi spremenim iz preizkusa okusa v odločitveni dopis. Vzame nekaj ur in ustvari artefakt, ki ga lahko netehnični šef podpiše, ne da bi imel občutek, da se predaja.

1. Napišite opis delovnega mesta, preden odprete kateri koli demo.

Načelo: predloge ne morete oceniti, dokler ne veste, za kaj je najeta. Šefov demo ima nalogo: izgledati kot znana blagovna znamka. Vaše spletišče ima nalogo: pripeljati vračajočo se stranko od "To potrebujem" do "Kupil sem" čim hitreje.

Zato preden odprete katero koli temo, napišite kratek odstavek o osrednjem scenariju vaše trgovine. Za butik, ki prodaja usnjene izdelke, bi to lahko bilo: "Na telefonu bi morala stranka, ki ve, kaj želi, videti ceno izdelka in gumb za dodajanje v košarico brez pomikanja. Pot od tega trenutka do blagajne bi morala trajati manj kot minuto in nič se ne sme pojaviti med stranjo izdelka in zaslonom za plačilo." To je preverljiva trditev. Nato naštejte tri ali štiri dejanja, ki prinašajo večino vašega prihodka — iskanje do izdelka, izdelek do blagajne in morda "nakup po kolekciji" za sezonske kupce.

Opozorilo: vizualnih preferenc ne vključujte v opis delovnega mesta. Barve, pisave in obrezovanje slik so spremenljivi — presenečeni bi bili, koliko lahko CSS preglasi. Omejite se na vedenja in omejitve: hitrost, mobilna vidnost, globina navigacije in koraki blagajne. Ko vaš šef reče "Všeč mi je velika slika," lahko odgovorite: "Veliko sliko lahko obdržimo in še vedno izpolnimo opis delovnega mesta — a le če gumb za dodajanje v košarico ostane na prvem zaslonu." Ne zavračate njegovega okusa; preizkušate ga glede na resnične potrebe trgovine.

2. Ponovno zgradite demo s svojo vsebino.

Dobaviteljevi demonstracijski primeri so pripravljeni s profesionalno fotografijo izdelkov, naslovi točne širine in besedili, ki jih je napisal avtor teme. Vaši izdelki imajo različna razmerja slik, naslovi izdelkov so stavki, stran "o nas" pa ima tri odstavke o trajnostnosti. Demo lahko vse to skrije.

Zato predlogo prenesite v testno okolje in zamenjajte vsebino s svojo resnično vsebino – ne z vzorčnim primerom, ampak z dejanskim izdelkom z njegovim resničnim imenom in odstavkom resničnega opisa. Nato preizkusite tri trenutke, ki so pomembni: stran izdelka na zaslonu širine 375 slikovnih pik, rezultate iskanja z dolgim imenom kategorije in blagajno s svojim resničnim plačilnim prehodom. Na primer, trgovina, ki prodaja ročno izdelane keramične skodelice, ugotovi, da so slike izdelkov v demu posnete na beli podlagi, a imajo njihove fotografije zapadlo ozadje delavnice – temna prekrivka teme naredi skodelico nevideno. To je nekaj, kar opazite samo s svojo vsebino.

To je jedro revizije predloge na demonstraciji – gre za preverjanje trženja, ne teme. Če se naslov raztegne v tri vrstice in potisne gumb "Dodaj v košarico" navzdol, je to rdeča zastava, ne glede na to, kako dober je bil demo videti.

3. Izmerite, česar demo ne pokaže.

Demo teče na optimiziranem strežniku razvijalca teme. Vaše spletišče bo teklo na vašem gostovanju, z vašimi vtičniki, skriptami za analitiko in aplikacijo za opuščene košarice. Zato je hitrost nalaganja dema v bistvu fikcija.

Nastavite testno spletišče s svojo dejansko zalogo in izvedite dva testa: prvi s hitro namizno povezavo, drugi na resničnem telefonu prek 4G s počrnjenim predpomnilnikom. Poglejte čas, dokler stran ni uporabna, ne le, kdaj se zdi, da se naloži. Mnoge teme takoj prikažejo naslov, nato pa za dve sekundi blokirajo postavitev, medtem ko se naloži skripta za drsnik – pravi problem na telefonih. Prav tako preverite blagajno na telefonu. Nekatere lepe teme so na namizju videti dobro, a mobilno blagajno spremenijo v petekransko predstavitev: kodo za popust zahtevajo pred naslovom, oceno poštnine pa prikažejo po gumbu za plačilo. Tu pride prav kontrolni seznam za mobilne naprave – prisili vas, da preverite doseg palca, ciljne površine in ali je gumb "Nadaljuj" nad pregibom.

Morda vas bo zamikalo, da bi zaupali poročilu o hitrosti same teme. Ne zaupajte. Stran demonstracije teme strežemo prek CDN s predpomnjenjem, značka za hitrost teme pa je običajno posnetek zaslona, narejen v idealnih pogojih. Vaše okolje je drugačno, in to je v redu – test govori o vašem okolju.

4. Ocenite stroške prilagajanja – in bodite iskreni glede "brezplačno".

Tukaj je domneva, ki ji morate oporekati: brezplačne teme so cenejše. Redko so brezplačne, ker plačate z razvijalčevim časom. Brezplačna tema ima lahko omejeno nadzorno ploščo možnosti in vsaka prilagoditev blagovne znamke – spreminjanje glave, zamenjava heroja, dodajanje značke – zahteva preglasitev CSS ali otroško temo, kar pomeni uro razvijalčevega zaračunljivega časa. Plačljiva tema z dobro nadzorno ploščo se lahko povrne že ob prvi izognitvi posamezni zahtevi za poljubno kodo.

Ampak tudi nasprotno je res: plačljiva tema s priloženim graditeljem strani je lahko počasnejša in težje vzdrževana kot vitka brezplačna tema. Resnični strošek ni cena licence; to je razlika med "kaj naredi demo" in "kaj potrebuje vaša blagovna znamka". Preštejte spremembe, ki bi jih dejansko naredili: logotip, postavitev glave, tipografija, mreža izdelkov, noga in značke zaupanja. Če nadzorna plošča možnosti teme pokriva pet od osmih, ste v prednosti. Če jih pokriva le dve, kupujete projekt, ne teme. To je del skritih stroškov izbire napačne predloge – cena je šele začetek.

5. Predstavite kompromise, kjer jih vaš šef lahko vidi.

Tabela je vredna sto izmenjav, ker premakne pogovor od "Všeč mi je ta" do "To je cena te izbire." Natisnite jo (ali prilepite v Slack), ko primerjate dva finalista:

Kaj pokaže demo	Kaj morate preveriti
Hero video se predvaja takoj	Ali se samodejno predvaja na mobilnih podatkih ali se spremeni v zamrznjeno sliko z gumbom za predvajanje, ki se ga nihče ne dotakne?
Slike izdelkov izgledajo vrhunsko	Ali se vaše slike izdelkov prilegajo obrezovanju, ne da bi izdelek izginil iz kadra?
Navigacija je gladka	Na resničnem telefonu, ali je meni dosegljiv z enim palcem ali pa zahteva razteg z obema rokama?
Stran se naloži hitro	Izvedite test hitrosti na svojem gostovanju, ne na dobaviteljevem.
Blagajna je lepa	Izvedite resnično testno naročilo. Zabeležite, koliko dotikov in koliko pomikanja je potrebno.

Vaš šef bo videl, da nekateri demonstracijski primeri prepričujejo občutke, ne prodaje. Tabela te občutke spremeni v potrditvena polja.

6. Napišite enostranski odločitveni dopis, ki konča razpravo.

Zadnji korak spremeni revizijo v odločitev. Omejite se na eno stran, v preprostem jeziku. Začnite s priporočilom, nato pokažite tri dokaze: mobilni test, test hitrosti in oceno prilagajanja. Nato navedite kompromis, ki ga sprejemate – na primer: "izgubimo animirano ikono košarice, pridobimo pa krajšo blagajno na telefonih." Končajte z naslednjimi koraki: kaj boste prilagodili po zagonu in kako boste to merili.

Dopis je prodajni dokument – svojemu šefu prodajate odločitev, ki jo lahko zagovarja pred svojim nadrejenim. Vsako točko okvirite v poslovnih izrazih. Namesto "gumb za dodajanje v košarico je pod pregibom na iPhone SE" napišite "pri najpogostejši velikosti telefona bi morali stranke pomikati, da bi dodale izdelek, kar poveča verjetnost, da odidejo." Namesto "tema uporablja veliko JavaScripta" napišite "stran se na 4G naloži dlje, počasne strani pa so povezane z nižjo konverzijo." Ne izpustite razdelka "naslednji koraki"; vašemu šefu zagotovi, da ne podpisujete nečesa trajnega – začenjate postopek, ki vključuje prilagajanje po zagonu.

Če želite podrobnejši pogled na usklajevanje nabora funkcij predloge s cilji konverzije, ta vodnik za izbiro predloge, ki konvertira zajema razčlenitev funkcijo za funkcijo.

Bistvo je ogrodje, ne končna ocena.

Demo bo vedno prišel – nov trend, bleščeča animacija, spletišče šefovega bratranca. Namesto da se vsakič prepirate, kandidatko preženite skozi istih šest korakov. Demo lahko osvoji trenutek, a dopis osvoji sestanek. In naslednjič, ko boste potrebovali odločitev, boste imeli postopek, ki ga ne zanima, kako dobra je zgodba.