Det demosäkra mallbeslutet: Ett memo i sex steg

Summary

Din chef har precis valt en e-handelsmall från en demo, och du vet att den inte kommer att konvertera. Istället för att argumentera om smak kan du köra kandidaten genom en utvärdering i sex steg som slutar i ett besluts-PM på en sida. Processen börjar med en skriven arbetsbeskrivning, återskapar sedan demon med ditt eget innehåll, mäter verklig hastighet och mobilt beteende, betygsätter anpassningskostnaden och presenterar avvägningar i en tabell på klartext. Resultatet är ett dokument som din icke-tekniska chef kan godkänna utan att förstå CSS. Du slutar bråka om utseende och börjar jämföra bevis. Den här artikeln går igenom varje steg med konkreta mikroexempel och varningar, inklusive varför gratis teman sällan är gratis och varför demohastigheten är fiktion.

Din chef har demon öppen i en flik och Slack i den andra. Det är en startsida med en heltäckande hero-video, en rad presslogotyper och en nedräkningsbar till rea som känns brådskande. "Det här är den", skriver de. Du har tillbringat tre dagar med att jämföra konverteringsfokuserade layouter, och du är på väg att säga: "Den designen skadar faktiskt mobila konverteringar", men du har lärt dig att meningar som börjar med "faktiskt" inte ändrar åsikter. Det som ändrar åsikter är ett ramverk som visar ditt arbete.

Här är sexstegsmetoden jag har använt för att förvandla ett mallbeslut från ett smaktest till ett besluts-PM. Det tar ett par timmar och ger ett dokument som en icke-teknisk chef kan godkänna utan att känna att de ger vika.

1. Skriv arbetsbeskrivningen innan du öppnar någon demo.

Principen: du kan inte utvärdera en mall förrän du vet vad den ska anlitas för att göra. Din chefs demo har ett jobb: att se ut som ett känt varumärke. Din webbplats har ett jobb: att få en återkommande kund från "Jag behöver detta" till "Jag köpte det" så snabbt som möjligt.

Så innan du öppnar ett enda tema, skriv ett kort stycke om din butiks kärnscenario. För en butik som säljer lädervaror kan det vara: "På en telefon ska en kund som vet vad de vill kunna se produktpriset och köpknappen utan att scrolla. Vägen från det ögonblicket till kassan ska ta mindre än en minut, och ingenting ska dyka upp mellan produktsidan och betalskärmen." Det är ett testbart påstående. Lista sedan de tre eller fyra åtgärder som driver större delen av din omsättning – sök-till-produkt, produkt-till-kassa, och kanske "handla efter kollektion" för säsongsköpare.

Varningen: lägg inte visuella preferenser i arbetsbeskrivningen. Färger, typsnitt och bildbeskärningar är föränderliga – du skulle bli förvånad över hur mycket CSS kan åsidosätta. Håll dig till beteenden och begränsningar: hastighet, mobil synlighet, navigationsdjup och kassasteg. När din chef säger "Jag gillar den stora bilden" kan du svara: "Vi kan behålla en stor bild och fortfarande uppfylla arbetsbeskrivningen – men bara om köpknappen ligger kvar på första skärmen." Du avvisar inte deras smak; du testar den mot butikens verkliga behov.

2. Återskapa demon med ditt eget innehåll.

Säljardemos är iscensatta med professionell produktfotografering, rubriker med exakt bredd och texter skrivna av temaförfattaren. Dina produkter har andra bildförhållanden, dina produkttitlar är meningar och din "om"-sida är tre stycken om hållbarhet. Demon kan dölja allt det.

Så ta mallen till en stagingmiljö och byt in ditt riktiga innehåll – inte ett exempel, utan en faktisk produkt, med dess riktiga namn och ett stycke riktig beskrivning. Testa sedan de tre ögonblick som betyder något: produktsidan på en 375-pixel bred skärm, sökresultaten med ett långt kategorinamn och kassan med din riktiga betalningsgateway. Till exempel upptäcker en butik som säljer handgjorda keramikmuggar att demots produktbilder är tagna på vit bakgrund, men deras foton har en rörig verkstadsbakgrund – temats mörka överlägg gör att muggen försvinner. Det är sådant man bara upptäcker med sitt eget innehåll.

Detta är kärnan i att granska en malldemo – det är en kontroll av marknadsföringen, inte temat. Om rubriken radbryts till tre rader och trycker ner "Lägg i varukorg"-knappen är det en varningsflagg, oavsett hur bra demon såg ut.

3. Mät det som demon inte visar.

Demon körs på temautvecklarens optimerade server. Din webbplats kommer att köras på din webbhotell, med dina plugins, dina analysskript och din övergivna varukorgs-app. Det är därför demonstrations hastighet i huvudsak är fiktion.

Sätt upp en staging-sajt med ditt faktiska lager och kör två tester: först på en snabb stationär anslutning, sedan på en riktig telefon över 4G med rensad cache. Titta på tiden tills sidan är användbar, inte bara när den verkar ladda. Många teman renderar rubriken direkt men blockerar sedan layouten i två sekunder medan ett skript för slider laddas – ett verkligt problem på telefoner. Gå också igenom kassan på en telefon. Vissa putsade teman ser bra ut på datorn men förvandlar mobilkassan till en bildspel med fem skärmar, ber om kampanjkod innan adressen och visar en fraktuppskattning efter betalknappen. Det är här en mobilförst-checklista kommer till användning – den tvingar dig att verifiera tumräckvidd, tryckmål och om "Fortsätt"-knappen är ovanför vikningen.

Du kanske är frestad att lita på temats egen hastighetsrapport. Gör inte det. Temats demosida serveras från ett CDN med cachning, och temats hastighetsmärke är vanligtvis en skärmdump tagen under idealiska förhållanden. Din miljö är annorlunda, och det är okej – testet handlar om din miljö.

4. Betygsätt anpassningskostnaden – och var ärlig om "gratis".

Här är antagandet att ifrågasätta: gratis teman är billigare. De är sällan gratis, eftersom du betalar i utvecklartid. Ett gratis tema kan ha en begränsad alternativpanel, och varje varumärkesjustering – justera headern, byta hero, lägga till en badge – kräver en CSS-åsidosättning eller ett barntema, vilket innebär en timmes debiterbar tid för en utvecklare varje gång. Ett betalt tema med en bra alternativpanel kan betala för sig själv första gången du slipper en enda anpassad kodförfrågan.

Men motsatsen är också sann: ett betalt tema med en inbyggd sidbyggare kan vara långsammare och svårare att underhålla än ett smalt gratis tema. Den verkliga kostnaden är inte licenspriset; det är skillnaden mellan "vad demon gör" och "vad ditt varumärke behöver". Räkna de ändringar du faktiskt skulle göra: logotyp, headerlayout, typografi, produktgrid, sidfot och förtroendemärken. Om temats alternativpanel täcker fem av åtta är du före. Om den bara täcker två köper du ett projekt, inte ett tema. Detta är en del av de dolda kostnaderna av att välja fel mall – prislappen är bara början.

5. Lägg fram avvägningarna där din chef kan se dem.

En tabell är värd hundra fram-och-tillbaka-meddelanden eftersom den flyttar konversationen från "Jag gillar den här" till "Så här mycket kostar det här valet". Skriv ut detta (eller klistra in det i Slack) när du jämför två finalister:

Vad demon visar	Vad du behöver verifiera
Hero-video spelas direkt	Spelas den automatiskt på mobildata, eller förvandlas den till en frusen bild med en play-knapp som ingen trycker på?
Produktbilder ser premium ut	Passar dina produktbilder i beskärningen utan att produkten försvinner ur ramen?
Navigeringen är smidig	På en riktig telefon: är menyn nåbar med en tumme, eller kräver den en tvåhandsgrep som en orkidé?
Sidan laddas snabbt	Kör ett hastighetstest på ditt webbhotell, inte på säljarens.
Kassan är vacker	Genomför en riktig testbeställning. Notera hur många tryck och hur mycket scrollande.

Din chef kommer att se att vissa demos konverterar känslor, inte försäljning. Tabellen förvandlar de känslorna till kryssrutor.

6. Skriv ett besluts-PM på en sida som avslutar debatten.

Det sista steget förvandlar granskningen till ett beslut. Håll det till en sida, på klarspråk. Börja med rekommendationen, visa sedan tre bevis: mobiltestet, hastighetstestet och anpassningsuppskattningen. Ange sedan den avvägning du accepterar – till exempel "vi förlorar den animerade varukorgsikonen, men vi får en kortare kassa på telefoner". Avsluta med nästa steg: vad du kommer att justera efter lansering och hur du ska mäta det.

PM:et är ett säljdokument – du säljer din chef ett beslut som de kan försvara inför sin egen chef. Formulera varje punkt i affärstermer. Istället för "köpknappen ligger nedanför vikningen på iPhone SE" skriv "på den vanligaste telefonstorleken skulle kunderna behöva scrolla för att lägga till produkten, vilket ökar risken att de lämnar". Istället för "temat använder mycket JavaScript" skriv "sidan tar längre tid att ladda på 4G, och långsamma sidor är förknippade med lägre konvertering". Hoppa inte över avsnittet "nästa steg"; det försäkrar din chef att du inte godkänner något permanent – du startar en process som inkluderar justeringar efter lansering.

Om du vill fördjupa dig i hur ett temas funktionsuppsättning matchar konverteringsmål, tar den här guiden till att välja en mall som konverterar upp funktion för funktion.

Ramverket, inte utslaget, är poängen.

En demo kommer alltid att dyka upp – en ny trend, en flashigare animation, en chefs sysslings webbplats. Istället för att argumentera varje gång, kör kandidaten genom samma sex steg. Demon kan vinna ögonblicket, men PM:et vinner mötet. Och nästa gång du behöver ett beslut har du en process som inte bryr sig om hur bra historien låter.