Újratervezés vagy iteráció? Landing page javítások kis csapatoknak

Összefoglaló

A legtöbb landing page tanács azt feltételezi, hogy magas forgalmad és dedikált tesztelőeszközeid vannak, de a kis belső csapatok más kényszerekkel szembesülnek. Az újra tervezés ritkán old meg egy konverziós problémát; a sebesség, a választási lehetőségek csökkentése és az üzenet-egyezés igen. Ez a cikk három konkrét döntésen vezet végig — újra tervezés vs. iteráció, analitika vs. munkamenet-felvételek, és egyszerűsítés vs. bővítés — és megadja a választás módját. Azt is megtanulod, hogyan keretezd ezeket a változásokat, hogy egy nem technikai főnök jóváhagyja őket. Minden szakasz gyakorlati lépéseket, figyelmeztetéseket és valós mintákból vett mikro-példákat tartalmaz. A végére egy 20 perces, rangsorolt akciólistád lesz.

A legtöbb landing page tanács olyan luxust feltételez, amilyennel valószínűleg nem rendelkezel: elegendő forgalmat értelmes A/B tesztek futtatásához, egy elérhető közelségben lévő designert, és egy főnököt, aki heteket vár a statisztikai szignifikanciára. Ha kis belső marketingcsapatban dolgozol, ez a tanács inkább bűntudatot okoz, mint tervet ad — mert úgy tűnik, minden cikk tesztelőeszközt, design könyvtárat és adattudóst követel. Legyünk őszinték: az újra tervezés ritkán old meg konverziós problémát. Amit megold, az kisebb, olcsóbb döntések sorozata — sebesség, kevesebb választási lehetőség, és az oldalon lévő üzenet összehangolása a hirdetés üzenetével. Ez a cikk három olyan döntésen vezet végig, amelyek a leginkább számítanak, amikor nem engedheted meg magadnak, hogy sokáig tévedj, kezdve azzal, hogy egyáltalán újraépítsd-e az oldalt. Olyan embereknek íródott, akiknek minden munkaórát meg kell indokolniuk valakinek, aki nem olvas dashboardokat.

Kezdd három számmal, ne újra tervezéssel

Mielőtt bárkit megkérnél, hogy mozdítson el egy pixelt, végezz el egy durva felmérést három dologról: az oldal betöltési idejéről, a látható választási lehetőségek számáról a hajtási vonal felett, és a hirdetés pontos szövegéről, amely a látogatót küldte. Ez a három szám magyarázza a konverziós szivárgás nagy részét mindenféle felhasználói teszt nélkül. A betöltési idő zsigeri „ez elromlott” érzést vált ki; a túl sok választási lehetőség döntési bénultságot okoz (a kutatás Hick-törvénynek hívja); az üzenet-eltérés azonnali bizalmatlanságot vált ki. Sok csapat kihagyja ezt a felmérést, és egyenesen az újra tervezéshez fordul, mert az oldal „réginek” tűnik — de a vizuális régiség nem konverziós tényező. A zavarodottság az. Gyakori minta: a marketingmenedzser belefáradt az oldal nézegetésébe, a főnök újra tervezést rendel el, és két héttel később egy új hero kép jelenik meg, miközben a számok változatlanok maradnak. Valójában az volt a baj, hogy a címsor nem mondta meg, mit csinál a szoftver, és egy űrlap telefonszámot kért, amelyet senki sem akart megosztani.

Ha a hirdetés „ingyenes próbaverziót” ígért, és az oldal egy „bemutató kérése” gombbal nyit, máris elvesztetted a látogatót, mielőtt elolvasta volna az értékajánlatodat. Ebben az esetben maga a kattintás volt a probléma, nem az oldal — egy megkülönböztetés, amelyet részletesen tárgyaltunk, amikor miért a kattintás maga az igazi szűk keresztmetszet néztük. Általában azonban a felmérésed megmondja, melyik a három tényező közül a valódi szűk keresztmetszet. Ezután meghozhatod az első döntést: újra tervezés vagy iteráció? Az alábbi táblázat bemutatja, mikor nyer az egyes választások.

Döntés	Újratervezés nyer, amikor...	Iteráció nyer, amikor...
Ajánlat/célközönség	A termék vagy a célpiac jelentősen megváltozott.	Ugyanaz az ajánlat, ugyanaz a célközönség, ugyanaz az alapüzenet.
Súrlódás forrása	Maga az elrendezés akadályozza a konverziót (egyértelműtlen hierarchia, elrejtett CTA).	A súrlódás a szövegben, a sebességben vagy a lehetőségek számában van.
Márka/vizuális identitás	Az oldal valóban töröttnek tűnik, vagy nincs összhangban a márkával.	Az oldal csak „unalmas” — az unalmas konvertál, ha egyértelmű.
Idővonal/kockázat	Van időd és költségvetésed egy teljes minőségbiztosítási ciklusra.	Napokon belül kell eredmény, és gyorsan vissza tudod vonni a változtatásokat.

Egy pontosítás: a „három szám” nem egyenlő, és nincs szükséged eszközre a mérésükhöz. A betöltési időt megbecsülheted egyszerűen azzal, hogy frissíted az oldalt a telefonodon, és számolod a másodperceket, amíg a hero megjelenik; a választási lehetőségek száma szó szerint a linkek, gombok és űrlapmezők összeszámlálása a hajtási vonal felett; az üzenet-egyezés pedig mondatról mondatra történő összehasonlítás a hirdetés szövege és az oldal első bekezdése között. Ha a hirdetés konkrét eredményt ígér, és az oldal egy céges leírással kezd, ez az eltérés még egy egyszerű képernyőképen is mérhető.

Figyelmeztetés: az újra tervezés indokolt, ha az ajánlatod ténylegesen megváltozott — új termék, új célközönség, új árazási modell. Ha csak tizenkét hónap telt el az utolsó vizuális frissítés óta, az nem konverziós ok; az ízlés oka, és az ízlés gyenge érv, ha a felmérés másra mutat. Ha nem vagy biztos benne, hogy elrendezési vagy üzenetbeli súrlódással van dolgod, a következő rész segít megkülönböztetni.

Nézd meg, hol lépnek le, majd nézd meg, miért

Kezd az analitikai eszközöddel, de ne állj meg a dashboardnál. Nyisd meg a Google Analyticset, és azonosítsd azt a konkrét lépést, ahol a legtöbb látogató kilép (a „hol”), majd nyisd meg a Microsoft Clarityt vagy a Hotjart, és nézz meg öt munkamenet-felvételt arról a forgalmi forrásról, amely a legtöbb látogatót küldi (a „miért”). Az analitika megmondja az oldal helyét — ez a szakasz, ez az űrlapmező, ez a betöltési esemény. A munkamenet-felvételek megmondják az emberi viselkedést — a kurzor egy szó felett lebeg, amely nem link, a látogató gépel, majd töröl, visszagörget, mintha kihagyott volna valamit. Ez a kétrétegű nézet választja el a hipotézist a tippeléstől.

Például az űrlapod három mezőből áll, és az analitika észrevehető konverziós csökkenést mutat a landing page és a köszönőoldal között. Egy felvétel felfedi, hogy a telefonszám mező formázási hibát vált ki, valahányszor a látogató kötőjelet ír, és két próbálkozás után távozik. Egy hőtérkép azt mutathatja, hogy a látogatók egy terméknévre kattintanak, mert azt várják, hogy egy részletoldalra linkel. Ezt soha nem tudnád meg egy dashboardról, és egy A/B teszt sem segítene, mert ki kellene találnod, melyik mezőt módosítsd. Itt válnak be a kvalitatív eszközök egy kis csapat számára.

Figyelmeztetés: egy frusztrált látogató anekdota; öt látogató, aki ugyanazt csinálja, minta. Ne tervezz újra egy űrlapot egyetlen munkamenet miatt. Nézz elég felvételt, hogy az ismétlődő viselkedések felszínre kerüljenek. Ráadásul alacsony forgalom mellett a munkamenet-felvételek értékesebbek lehetnek, mint a formális A/B tesztek — mert egy teszthez mennyiség és statisztikai szignifikancia kell, míg egy felvételhez csak néhány ember, hogy felfedjen egy szerkezeti problémát. Ez drámaian gyorsabb visszacsatolási hurok, ha a főnököd péntekre akar választ.

Mobiltelefonon a „hol” és a „miért” még jobban eltérhet. Egy asztali hőtérkép tiszta, lineáris utat mutathat; egy mobil munkamenet véletlen koppintásokat mutathat egy navigációs elemen, mert a kattintási cél túl kicsi. Nézz meg legalább egy felvételt minden eszköztípuson, mert a szűk keresztmetszet gyakran nem az oldal, hanem az ujj mérete.

Egyszerűsítsd a választási lehetőségeket — de ne foszd meg az oldalt

Csökkentsd a hajtási vonal feletti döntések számát egyetlen elsődleges műveletre. Távolítsd el a navigációs linkeket, vagy legalább vizuálisan helyezd őket háttérbe, tarts meg egy CTA-t, és tedd a környező szöveget úgy, hogy azt az egyetlen műveletet támogassa. Használj üres teret és irányjelzőket — nyilat, tekintetet a hero képen — hogy a gombra mutassanak. Hick törvénye azt jósolja, hogy minél több választási lehetősége van valakinek, annál tovább tart a döntés; egy landing page-en a döntés „igen, ezt csinálom” vagy „még nem”. Minden extra link, beviteli mező és másodlagos ajánlat verseng az elsődleges céloddal.

Hasonlíts össze egy oldalt, amelyen a gomb „Regisztrálj most”, és a navigációs sávban „Kisvállalkozás”, „Vállalati” és „Kapcsolat az értékesítéssel” linkek találhatók, egy olyan oldallal, amely „Kezdje el ingyenes próbaverzióját” feliratot mutat, egy egyszerű megjegyzéssel: „Nincs szükség bankkártyára.” A második oldal azért nyer, mert nem szebb, hanem mert eltávolítja a „melyik kategóriába tartozom?” döntést. A legtöbb UX körüli landing page kutatás ugyanerre a következtetésre jut: az erős vizuális hierarchia, a bőséges üres tér és egyetlen egyértelmű irány következetesen felülmúlja a zsúfoltságot.

Figyelmeztetés: az egyszerűségből nem válhat sivárság. Egyes oldalaknak egy kis megnyugtatásra van szükségük a hajtási vonal felett — egy megbízhatósági jelvényre, egy vásárlói idézetre, egy sorra a pénzvisszafizetési garanciáról — pontosan azért, hogy a látogató kevesebb szorongással haladhasson tovább. A választási lehetőségek csökkentése nem ugyanaz, mint az összes információ eltávolítása; ez a versengő műveletek eltávolítása. Ha összetett B2B terméket árulsz, egy rövid funkciólista csökkentheti a szorongást. A cél a döntések csökkentése, nem feltétlenül a szavaké. Ha ez rezonál, van egy mélyebb merülés a hogyan siklatanak ki a túl sok választási lehetőség a landing page-eket témában, ahol a mechanika részletesen ki van fejtve.

Továbbá óvakodj a csapdától: „adjunk hozzá videót, mert a videó növeli az elköteleződést.” A videó is egy választási lehetőség. Ha a látogatónak el kell döntenie, hogy megnyomja-e a lejátszást, elolvassa-e a címsort, és átpásztázza-e a felsorolásokat, az három feladat, amely egyetlen figyelem-költségvetésért verseng. Helyezd a videót a hajtási vonal alá, ha feltétlenül kell; a címsor és a CTA végezze az első munkát.

A sebesség bevételi beszélgetés, nem technikai

Teszteld az oldaladat egy középkategóriás telefonon, mobilkapcsolaton keresztül — nem az irodai Wi-Fi-n — és futtass egy sebességtesztet, amely mutatja az első festés idejét és a legnagyobb tartalmi festést. Ha az oldal betöltése több mint néhány másodpercet vesz igénybe, a képkompresszió, a szkriptek eltávolítása és az elrendezés-eltolódás javítása legyen a következő feladatod, bármilyen szövegmódosítás előtt. A tét nem elvont: a landing page optimalizálási kutatások gyakran említik, hogy egy másodperces késés nagyjából 7%-os konverzióveszteséget okoz. Ez egy hasznos ökölszabály, még ha nem is egyetemes törvény — a gyorsabb oldalak jobban konvertálnak, és a hatás mobiltelefonon halmozódik, ahol a türelem a legrövidebb.

Így beszélj erről. Ha azt mondod: „képeket kell tömörítenünk, és el kell távolítanunk ezt a követő szkriptet,” egy nem technikai főnök bólint és elfelejti. Ha azt mondod: „minden egy másodperces késés a hirdetésre kattintók hét százalékába kerül,” az bevételi beszélgetéssé válik. Váltsd át a milliszekundumokat pénzre: vedd az átlagos havi forgalmadat, a konverziós arányodat és egy konverzió átlagos értékét, majd számold ki, mi lenne a konverziók 7%-a másodpercenként. Ezt megteheted egy boríték hátulján; a szám általában elég megdöbbentő ahhoz, hogy a sebességet feljebb vigye a prioritási listán.

Például van egy nagy, optimalizálatlan hero képed, amely egyenesen egy fotózásról érkezett. Cseréld le egy tömörített, megfelelő méretű változatra, adj hozzá szélesség és magasság attribútumokat, hogy az elrendezés ne mozduljon el, és szolgáld ki egy kisebb változatot mobilon. Az oldal senkinek sem tűnik másnak, de gyorsabbnak érződik — és ez az érzés az, ami mozgatja a konverziós arányt.

Figyelmeztetés: ne hajszold a tökéletes pontszámot egy laboralapú sebességtesztben. Célozz a „gyorsnak érződik egy normál telefonon” állapotra, nem a „100/100 egy szintetikus teszten”. Továbbá egy oldal, amely technikailag gyors, de zavaros szöveggel rendelkezik, még mindig rosszul konvertál; a sebesség egy akadályt távolít el, nem az összeset. És ha az oldalad már gyors, ne tölts egy hetet 200 ms optimalizálásával egy másodperc alatti oldalon — a következő szűk keresztmetszet valószínűleg az üzenet vagy a választási lehetőségek száma, nem a bájtok száma.

Mikor tesztelj, és mikor hagyd ki a tesztet

Korlátozd magad egy változtatásra egyszerre — és válaszd a legszélesebb potenciális hatású változtatást: címsor, CTA szöveg vagy űrlaphossz. Futtasd két-négy hétig, és hasonlítsd össze az alapvonaladdal; ha a konverzió olyan irányba mozdul, amelyet meg tudsz védeni, tartsd meg. Ennyi. Nincs többváltozós teszt, nincs szignifikancia-kalkulátor, amit magyaráznod kellene a főnöködnek.

Alacsony forgalom mellett egy formális A/B teszt hónapokig tarthat, és még mindig nem éri el a statisztikai szignifikanciát. Ehelyett kezeld minden változtatást egyváltozós kísérletként egyértelmű „előtte” számmal. A cél a tanulás, nem a győzelem. Mielőtt tesztelnél, bányászd ki a kvalitatív jeleket: mit mutatnak a munkamenet-felvételek, mire panaszkodnak a támogatási e-mailek, mit mondanak az értékesítők, hogy mire kérdeznek rá a potenciális ügyfelek? Válaszd ki azt a változót, amely egy konkrét panasznak felel meg. Ha meg tudod nevezni a kifogást, meg tudod írni a javítást — és az kifogásalapú optimalizációs munkafolyamat jó társ ehhez a gondolkodásmódhoz.

Az értékesítés jelenti, hogy minden minősített lead megkérdezi: „integrálódik a CRM-ünkkel?”, de az oldalad soha nem említi az integrációkat. Egyetlen sor hozzáadása a CTA alá — „Integrálódik a Salesforce-szal, a HubSpot-tal és a Slackkel” — alacsony kockázatú változtatás, nyilvánvaló mechanizmussal: eltávolítja azt a kérdést, amely visszatartotta a leadeket a konverziótól. Nincs szükséged tesztre, hogy tudd, ez működik; szükséged van egy alapvonalra és őszinte mérésre.

Figyelmeztetés: ne tesztelj mikro-szöveget, ha az oldal lassú, vagy a CTA a hajtási vonal alatt van. Először a nyilvánvaló súrlódást javítsd; egy láthatatlan probléma tesztelése időpazarlás. És ne ess abba a csapdába, hogy minden héten új címsort tesztelsz — az fluktuáció, nem tanulás. Még egy megfontolás: amikor változtatást hajtasz végre, állíts be egy egyéni eseményt vagy célt az analitikai eszközödben a közzététel előtt, hogy az „előtte” és „utána” idősávok tiszták legyenek. Könnyű azt mondani: „megjegyzem a régi számot”, de egy dashboard, amely a múlt heti adatokat mutatja a heti mellett, sokkal erősebb történet, amikor a főnököd megkérdezi, hogy működött-e a változtatás. Nincs szükség formális A/B tesztre egy ellenőrzött előtte-utána összehasonlításhoz; csak egyértelmű időbélyegre és következetes „konverzió” definícióra van szükséged.

Beszélgetés azzal, aki jóváhagyja a munkát

Keretezd minden változást kockázatcsökkentésként és visszafordíthatóságként, nem esztétikai fejlesztésként. Mutass be egy egyoldalas összefoglalót: a problémát (képernyőképpel vagy felvétel-kockával), a változtatást („összenyomjuk a képeket, és eltávolítjuk a navigációt”), a várható hatást („gyorsabb betöltés, egy egyértelmű út”), és a költséget („két óra munka, tíz perc alatt visszavonható”). Ne mondd, hogy „újra fogjuk tervezni” — mondd, hogy „négy döntést fogunk eltávolítani.” A nem technikai főnökök jobban reagálnak a konkrét viselkedésre, mint arra, hogy „a hero elavultnak érződik.”

A legtöbb nem technikai főnököt az eredmények, a kiszámíthatóság és a márka megszégyenítésének elkerülése érdekli. Nem érdekli őket a képfájlok mérete vagy a renderelést blokkoló szkriptek, ezért fordíts le minden technikai műveletet üzleti következményre. „Nagyjából felére csökkentjük a betöltési időt” következmény; „lusta betöltést alkalmazunk a hero-nál” megvalósítási részlet. Ugyanez a fordítás vonatkozik a szövegmódosításokra: „megváltoztatjuk a címsort, hogy pontosan egyezzen a hirdetéssel” a bizalomról szól; „lecseréljük a H1-et” a markupról.

Itt egy forgatókönyv, amelyet adaptálhatsz: ahelyett, hogy „meg akarom változtatni az űrlapot,” mondd azt, hogy „az analitikánk észrevehető csökkenést mutat az űrlapnál, és a felvételek azt sugallják, hogy a telefonszám mező a problémás pont. Opscionálissá tenném; ha tíz napon belül nem javulnak a konverziók, visszatesszük.” Ez egy beszélgetés a kockázatról, nem az ízlésről. A főnököd könnyebben mond igent egy visszafordítható kísérletre, mint egy újragondolt oldalra.

Figyelmeztetés: ha a főnököd mégis ragaszkodik a vizuális újra tervezéshez, ajánlj kompromisszumot. Tartsd életben a jelenlegi oldalt, építsd meg az újat egyszeri változatként, és hasonlítsd össze a kettőt egy meghatározott időszakig. Ha az új nyer, remek; ha nem, megőrizted a jelenlegi állapotot bizonyítékokkal, nem véleményekkel. Csak győződj meg róla, hogy a siker mérőszámát a makett bemutatása előtt definiálod — különben a „az új oldal jobb” érv tisztán esztétikai, és veszíteni fogsz.

Mit tegyél a következő 20 percben

Mielőtt bezárnád ezt a lapot, írj le három dolgot, amelyek igazak az oldaladra most: a betöltési időt (becsülve, ha nem mérted), a hajtási vonal feletti látható műveletek számát, és a látogatót küldő hirdetés pontos szövegét. Ezután válassz egy változtatást, amely a legnagyobb szűk keresztmetszetet javítja, és végezd el ezen a héten. Ha a hirdetés „ingyenes próbaverziót” mond, és az oldal „bemutató kérése” feliratot, először a címsort javítsd. Ha az oldal öt másodperc alatt töltődik be, ma tömöríts egy képet. Ha az oldalon négy CTA van, távolíts el kettőt.

A legnagyobb hiba, amit a kis csapatok elkövetnek, nem az, hogy rossz eszközt választanak; hanem az, hogy rossz feladatot választanak. Az újra tervezés általában egy feladat; a sebesség, az egyszerűsítés és az üzenet-egyezés célok. Amikor megfogalmazod ezt a különbséget, a döntéseid könnyebbé válnak, és a főnököd egyértelműbb indoklást kap. Ehhez semmire nincs szükség adattudományi csapatra vagy nagy költségvetésre. Fegyelemre van szükség a megfelelő dolgok méréséhez, és őszinteségre, hogy beismerd, ha egy változtatás nem működött. Ha strukturált végigvezetést szeretnél, hogy megtaláld a dashboardról nem látható súrlódást, a 10 perces konverziós audit gyakorlati következő lépés.