Demo-kindel malliotsus: 6-astmeline memo

Kokkuvõte

Sinu juht valis just demolt e-kaubanduse malli ja sa tead, et see ei konverteeri. Selle asemel, et vaielda maitse üle, võid sa kandidaadi lasta läbi kuueastmelise hindamise, mis lõpeb üheleheküljelise otsustusmemoga. Protsess algab kirjaliku töökirjeldusega, seejärel ehitatakse demo uuesti üles sinu enda sisuga, mõõdetakse reaalset kiirust ja mobiilikäitumist, hinnatakse kohandamiskulusid ning esitatakse kompromissid lihtsas keeles tabelina. Tulemuseks on dokument, mille sinu mittetehniline juht saab heaks kiita ilma CSS-i mõistmata. Sa lõpetad välimuse üle vaidlemise ja hakkad tõendeid võrdlema. See artikkel annab igale sammule konkreetsed mikronäited ja hoiatused, sealhulgas selle, miks tasuta mallid on harva tasuta ja miks demo kiirus on väljamõeldis.

Sinu juhil on demo lahti ühel vahekaardil ja Slack teisel. See on avaleht täislehe hero-videoga, pressilogode marquee'ga ja müügiloendusribaga, mis tundub kiireloomuline. „See on see,” kirjutab ta. Oled veetnud kolm päeva konversioonile keskendunud paigutusi võrreldes ja oled ütlemas: „See disain tegelikult kahjustab mobiilikonversioone,” kuid oled õppinud, et laused, mis algavad sõnaga „tegelikult”, ei muuda meeli. Meeli muudab raamistik, mis näitab sinu tööd.

Siin on kuueastmeline meetod, mida olen kasutanud, et muuta malliotsus maitsetestist otsustusmemoks. See võtab paar tundi ja annab tulemuseks dokumendi, millele mittetehniline juht saab alla kirjutada ilma, et ta tunneks, et ta alistub.

1. Kirjuta töökirjeldus enne, kui avad mõne demo.

Põhimõte: sa ei saa malli hinnata enne, kui tead, milleks see palgatakse. Sinu juhi demol on ülesanne: näha välja nagu kuulus bränd. Sinu veebisaidil on ülesanne: viia korduv klient võimalikult kiiresti punktist „Mul on seda vaja” punkti „Ma ostsin selle”.

Nii et enne kui avad ühegi malli, kirjuta lühike lõik oma poe põhistsenaariumi kohta. Näiteks nahktoodete butiigi puhul võiks see olla: „Telefonis peaks klient, kes teab, mida ta tahab, nägema toote hinda ja ostukorvi nuppu ilma kerimata. See tee hetkest kuni kassani peaks võtma vähem kui minuti ja tootelehe ning makseekraani vahel ei tohiks midagi hüpata.” See on testitav väide. Seejärel loetle kolm või neli tegevust, mis toovad suurema osa sinu tulust — otsingust tooteni, tootest kassani ja võib-olla „kollektsiooni järgi ostlemine” hooajaliste ostjate jaoks.

Hoiatus: ära pane visuaalseid eelistusi töökirjeldusse. Värve, fonte ja pildikärpimist saab muuta — sa oleksid üllatunud, kui palju saab CSS-iga üle kirjutada. Jäta see käitumistele ja piirangutele: kiirus, mobiilne nähtavus, navigatsiooni sügavus ja kassa sammud. Kui sinu juht ütleb: „Mulle meeldib suur pilt,” saad vastata: „Me saame suure pildi alles jätta ja siiski töökirjeldusele vastata — aga ainult siis, kui ostukorvi nupp jääb esimesele ekraanile.” Sa ei lükka tema maitset tagasi; sa testid seda poe tegelike vajaduste vastu.

2. Ehita demo oma sisuga uuesti üles.

Müüjate demod on lavastatud professionaalsete tootefotode, täpselt sobivate pealkirjade ja malli autori kirjutatud tekstidega. Sinu toodetel on erinevad pildisuhted, sinu tootenimetused on laused ja sinu „meist” leht on kolm lõiku jätkusuutlikkusest. Demo võib seda kõike varjata.

Nii et vii mall testikeskkonda ja vaheta sisse oma päris sisu — mitte näidisfikstuuri, vaid päris toode koos tegeliku nime ja lõigu päris kirjeldusega. Seejärel testi kolme olulist hetke: tooteleht 375 pikslilaiusel ekraanil, otsingutulemused pika kategoorianimega ja kassa oma päris makselahendusega. Näiteks avastab käte tehtud keraamiliste kruuse müüv pood, et demo tootepildid on tehtud valgel taustal, kuid nende fotodel on kirju töökoja taust — malli tume ülekate paneb kruusi kaduma. Sellist asja märkad ainult oma sisu kasutades.

See on malli demo auditeerimise tuum — see on turunduse, mitte malli kontroll. Kui pealkiri murdub kolmele reale ja lükkab „Lisa ostukorvi” nupu allapoole, on see punane lipp, ükskõik kui hea demo välja nägi.

3. Mõõda seda, mida demo ei näita.

Demo töötab malli arendaja optimeeritud serveris. Sinu sait töötab sinu hostil koos sinu pluginatega, analüütikaskriptidega ja sinu mahajäetud ostukorvi rakendusega. Sellepärast on demo laadimiskiirus sisuliselt väljamõeldis.

Sea üles testisait oma tegeliku kaubavaraga ja tee kaks testi: esiteks kiirel lauaarvutiühendusel, seejärel päris telefonis 4G-ühendusega ja tühja vahemäluga. Vaata aega, mis kulub lehe kasutatavaks muutumiseni, mitte ainult seda, millal see näib laadivat. Paljud mallid renderdavad pealkirja kohe, kuid blokeerivad paigutuse kaheks sekundiks, samal ajal kui sliidri skript laeb — see on telefonides tõeline probleem. Samuti käi kassa telefonis läbi. Mõned viimistletud mallid näevad lauaarvutis head välja, kuid muudavad mobiilse kassa viieekraaniliseks slaidiseansiks, küsides sooduskoodi enne aadressi ja näidates tarne hinnangut pärast makse nuppu. Siin tuleb kasuks mobiilne kontrollnimekiri — see sunnib sind kontrollima pöidla ulatust, puutetundlikke sihtmärke ja seda, kas „Jätka” nupp on esimesel ekraanil.

Võib tekkida kiusatus usaldada malli enda kiirusaruannet. Ära tee seda. Malli demoleht on teenindatud CDN-ist koos vahemäluga ja malli kiirusmärk on tavaliselt ekraanipilt ideaalsetes tingimustes. Sinu keskkond on erinev ja see on okei — test on sinu keskkonna kohta.

4. Hinda kohandamise kulusid — ja ole „tasuta” suhtes aus.

Siin on eeldus, millele vastu vaielda: tasuta mallid on odavamad. Need on harva tasuta, sest maksad arendaja ajas. Tasuta mallil võib olla piiratud valikupaneel ja iga brändi kohandamine — päise kohandamine, hero vahetamine, märgi lisamine — nõuab CSS-i ülekirjutust või alammalli, mis tähendab iga kord arendaja arveldatavat tundi. Tasuline mall hea valikupaneeliga võib end ära tasuda juba esimesel korral, kui väldid ühte kohandatud koodi taotlust.

Kuid vastupidine on ka tõsi: tasuline mall koos lehekülje ehitajaga võib olla aeglasem ja raskemini hooldatav kui lahja tasuta mall. Tegelik kulu ei ole litsentsi hind; see on delta selle vahel, „mida demo teeb” ja „mida sinu bränd vajab”. Loe muudatused, mida sa tegelikult teeksid: logo, päise paigutus, tüpograafia, tootevõre, jalus ja usaldusmärgid. Kui malli valikupaneel katab viis kaheksast, oled ees. Kui see katab ainult kaks, ostad projekti, mitte malli. See on osa vale malli valimise peidetud kuludest — hinnasilt on alles algus.

5. Esita kompromissid nii, et sinu juht näeb neid.

Tabel on väärt sada edasi-tagasi vestlust, sest see viib vestluse teemalt „Mulle meeldib see” teemani „Siin on, mida see valik maksab.” Prindi see välja (või kleebi Slacki), kui võrdled kahte finalisti:

Mida demo näitab	Mida sa pead kontrollima
Hero-video mängib kohe	Kas see mängib mobiilse andmesidega automaatselt või muutub see külmunud pildiks, millel on nupp, mida keegi ei puuduta?
Tootepildid näevad esmaklassilised välja	Kas sinu tootepildid sobivad kärpimisega ilma, et toode raamist välja jääks?
Navigeerimine on sujuv	Päris telefonis, kas menüüni jõuab ühe pöidlaga või nõuab see kahe käega venitamist?
Leht laeb kiiresti	Tee kiirusetest oma hostis, mitte müüja omas.
Kassa on ilus	Tee päris testtellimus. Pane tähele, mitu puudutust ja kui palju kerimist.

Sinu juht näeb, et mõned demod konverteerivad tundeid, mitte müüki. Tabel muudab need tunded märkeruutudeks.

6. Kirjuta üheleheküljeline otsustusmemo, mis lõpetab vaidluse.

Viimane samm muudab auditi otsuseks. Hoia see ühel leheküljel, lihtsas keeles. Alusta soovitusega, seejärel näita kolme tõendit: mobiilitest, kiirusetest ja kohandamise hinnang. Seejärel sõnasta kompromiss, mille sa vastu võtad — näiteks „kaotame animeeritud ostukorvi ikooni, kuid võidame lühema kassa telefonis.” Lõpeta järgmiste sammudega: mida sa pärast käivitamist häälestad ja kuidas seda mõõdad.

Memo on müügidokument — sa müüd oma juhile otsust, mida ta saab kaitsta oma juhi ees. Sõnasta iga punkt äriliselt. Selle asemel, et öelda „ostukorvi nupp on iPhone SE esimesel ekraanil allpool,” kirjuta „kõige levinumal telefoni suurusel peaksid kliendid kerima, et toodet lisada, mis suurendab lahkumise tõenäosust.” Selle asemel, et öelda „mall kasutab palju JavaScripti,” kirjuta „leht laeb 4G-ga kauem ja aeglased lehed on seotud madalama konversiooniga.” Ära jäta „järgmiste sammude” jaotist vahele; see kinnitab sinu juhile, et sa ei kirjuta alla millelegi püsivale — sa alustad protsessi, mis hõlmab pärast käivitamist häälestamist.

Kui soovid süvitsi vaadata, kuidas malli funktsioonikomplekti konversioonieesmärkidega sobitada, siis see juhend konversiooniks sobiva malli valimisel hõlmab funktsioonipõhist jaotust.

Mõte on raamistikus, mitte hinnangus.

Demo tuleb alati — uus trend, pilkupüüdvam animatsioon, juhi teise nõbu sait. Selle asemel, et iga kord vaielda, vii kandidaat läbi sama kuue sammu. Demo võib hetke võita, kuid memo võidab koosoleku. Ja järgmine kord, kui sul on vaja otsust vastu võtta, on sul protsess, mida ei huvita, kui hea lugu kõlab.