Izposodite si primere spletnih strani iz drugih panog (tiste »napačne«)

Povzetek

Domača stran vašega konkurenta je skoraj gotovo najslabši primer spletne strani, ki bi ga lahko kopirali. Ko imate konkurente, so se njihove strani združile v isto postavitev in obiskovalec, ki je pravkar videl njihovo, se iz vaše ne bo naučil ničesar. Strani, ki pretvarjajo, so zgrajene okoli naloge, ki jo poskuša obiskovalec opraviti v tistem trenutku, ne okoli pričakovanega videza kategorije. Ta članek pokaže samostojnemu tržniku ali ustanovitelju, kako iz nepovezanih panog izluščiti strukturno ogrodje – agencijske študije primerov za dokaze, portfeljske strani za obrt, potrošniške SaaS strani za jasnost – in ga ponovno sestaviti z lastnimi besedami. Odgovarja na glavne ugovore temu pristopu: legitimnost, oblikovalske veščine, ustreznost, kompleksnost in sposobnost testiranja. Na koncu boste imeli delujočo vajo za izdelavo strani v1, ki izstopa brez ekipe.

Domača stran vašega konkurenta je skoraj gotovo najslabši primer spletne strani, ki bi ga lahko kopirali. To se sliši nenavadno, saj je nagon, da najprej odprete spletišče najbližjega tekmeca za navdih. Toda ko imate konkurente, so se njihove strani združile: rešujejo isti problem za isto občinstvo in večinoma so se kopirali drug od drugega tako popolnoma, da postavitev ni več sporočala ničesar. Obiskovalec, ki pristane na vaši strani po njihovi, ne bo videl razloga, da bi izbral vas; videl bo isto obliko, ki jo je pravkar zaprl. Strani, ki dejansko zmagajo, naredijo nekaj drugačnega – zgrajene so okoli naloge, ki jo obiskovalec poskuša opraviti v tistem trenutku, ne okoli pričakovanega videza kategorije.

Zato je za trenerja, freelancerja ali ustanovitelja brez oblikovalske ekipe bolje, da preučuje strani iz popolnoma nepovezanih panog in krade njihovo strukturo, ne njihove površine. Seznami najboljših praks za SaaS produktne strani se vedno znova vračajo k istim lastnostim: jasna ponudba vrednosti, jasnost nad pregibom in en sam prevladujoč poziv k dejanju. Spletna mesta, ki jih izpostavljajo, kot je Calendlyjev naslov »razporejajte sestanke brez izmenjave e-pošte« ali Linearjev poenostavljen hero, ne delujejo zato, ker so lepa, ampak zato, ker vsako v prvi sekundi odgovori na eno vprašanje. Preostanek članka obravnava razloge, zakaj bi ta nasvet običajno ignorirali – razloge, zakaj se zdi napačen, razloge, zakaj se zdi nemogoč, in eno pravo mejo, kjer preneha veljati.

Toda izgledati moram kot moja panoga

Prvi ugovor je legitimnost. »Če moja stran ne izgleda kot vse ostale v moji niši, mi stranke ne bodo zaupale.« V tem je nekaj resnice. Kupci v konservativnih kategorijah – pravo, medicina, vlada – so včasih pomirjeni z vizualno skladnostjo. Toda v večini kategorij signal zaupanja ni podobnost; je razumevanje. Obiskovalec, ki v manj kot petih sekundah razume, kaj počnete, komu je namenjeno in kaj se zgodi naprej, vam zaupa bolj kot obiskovalec, ki prepozna znano predlogo, vendar ne more ugotoviti, zakaj bi vaša različica zmagala.

Raziskave o učinkovitih SaaS straneh so glede tega jasne. Znova in znova je načelo najprej jasnost: jedrnat naslov, kratek opis in eno jasno dejanje, brez konkurence nad pregibom. Opazite, da »jasnost« ni vizualni slog. Je strukturna disciplina. Razlog, da se spletno mesto, kot je Calendly, povsod omenja, je ta, da njegov naslov poimenuje izid, ne zato, ker ima njegov hero določeno barvno shemo. Ni vam treba izgledati kot vaša panoga; morate zveneti kot vaš kupec. Postavitev, ki jo je vaš kupec videl stokrat, je postavitev, ki se jo je naučil ignorirati. Če še vedno pretehtavate, ali vaše podjetje sploh potrebuje SaaS slog, agencijski slog ali portfeljski slog, je vprašanje izbire formata pravzaprav vprašanje o nalogi, ki jo mora stran opraviti najprej.

Nehajte oblikovati. Začnite izluščevati.

Drugi ugovor je običajno povezan z veščino: »Nisem oblikovalec, uporabljam predlogo iz graditelja povleci-in-spusti in tega ne zmorem brez ekipe.« Dobra novica je, da ne potrebujete oblikovalske veščine; potrebujete veščino izluščevanja. Predloga je past, ker vas prisili, da začnete z vizualno plastjo, medtem ko strukturna plast pretvarja. Tukaj je vaja:

1. Izberite tri do pet strani iz panoge, v kateri niste, izbranih glede na nalogo kupca, ki jo opravljajo najbolje. Če vaš kupec potrebuje dokaze, uporabite agencijska spletišča – tista, ki vodijo s študijami primerov. Če vaš kupec potrebuje občutek okusa ali obrti, uporabite portfeljska spletišča. Če vaš kupec potrebuje preprosto razumevanje, uporabite potrošniške SaaS strani.
2. Zabeležite samo vrstni red razdelkov. Ignorirajte barve, pisave in fotografije. Zapišite: območje naslova, nato kaj sledi, nato naprej, do dna strani.
3. Prepišite nalogo vsakega bloka s svojimi besedami: »ta trak obstaja, da skeptika prepriča, da sem to že počel«, ne »tukaj dam svoje logotipe«.
4. Odprite svoj graditelj in sestavite to ogrodje, preden naredite kakršne koli vizualne odločitve. Če vas predloga sili v drugačen vrstni red, zamenjajte predlogo.

Večina ljudi preskoči drugi korak in najprej naredi četrtega, zato vsaka stran, zgrajena iz iste predloge, izgleda kot predloga. Razlika med kopiranjem primera in krajo njegovega ogrodja je natanko to: kopirajte vizualno, podedujte občinstvo; ukradite strukturo, obdržite pozornost občinstva.

Začnite z nalogo, ki vam gre najslabše

Tretji ugovor: »Agencije in portfelji nimajo česa naučiti SaaS podjetja, kot je moje.« Vzemimo enega največkrat omenjenih nasvetov za SaaS domače strani: en sam poziv k dejanju na stran. Notionova domača stran se pogosto omenja ravno zaradi tega – eno primarno dejanje (»Pridobite Notion brezplačno«) namesto menija konkurenčnih povezav. To pravilo je samo po sebi izposojeno iz strani z neposrednim odzivom, ne iz SaaS; deluje, ker zmanjša odločitev obiskovalca na eno potezo.

Zdaj se vprašajte, kaj naredi agencijska študija primera, česar večina SaaS domačih strani ne. Prikazuje verodostojen primer pred in po: kdo je bil stranka, pri čem je obstala in kaj se je zgodilo po tem. To je naloga dokazovanja in samostojni ustanovitelj, ki prodaja programsko opremo, ima skoraj vedno slabše dokaze kot agencija, razen če dokaze postavi v središče strani – ne kot trak logotipov na dnu, ampak kot glavni dogodek.

Tukaj je en delovni primer, da bo načelo konkretno. Recimo, da prodajate orodje za ocenjevanje za male gradbene izvajalce. Klasična SaaS domača stran se začne s frazo o produktni kategoriji in posnetkom zaslona nadzorne plošče. Izposojena agencijska struktura se namesto tega začne z izidom: »Pošljite profesionalno oceno, preden stranka odloži slušalko.« Nato sledi trak treh kratkih blokov – enega za krovarje, enega za vodovodarje, enega za gradbene izvajalce – vsak sledi istemu vzorcu: kdo so, kakšen okoren postopek so uporabljali prej, kaj je orodje spremenilo. Brez velikih številk, posnetek zaslona nadzorne plošče še ni potreben. Stran se nato konča z enim pozivom k dejanju. Ta stran je strukturno agencijska, vendar prodaja SaaS produkt. To vajo lahko ponovite za svoje podjetje tako, da se vprašate, katera naloga vam trenutno gre najslabše: jasnost, dokazovanje ali obrt.

Za podjetja, kjer kupec izbira na podlagi okusa – oblikovalski studii, fotografija, oblikovanje blagovne znamke – je dokaz delo samo. Portfeljska stran, ki delo prikaže veliko in zgodaj, opravlja isto nalogo kot agencijska študija primera, vendar vizualno. Če je glavna skrb vašega kupca, ali imate dober okus, pričevanja ne bodo dovolj; artefakt mora spregovoriti. Več o tem, kako zgraditi portfeljske dokaze, ki pretvarjajo, če vaše podjetje ustvarja vizualna dela.

Opozorilo: minimalizem ni zakon

Vsako pravilo potrebuje svojo mejo in pravilo enega poziva k dejanju ima pravo. Minimalne hero sekcije, kot je Linearjeva, delujejo, ker je vrednost produkta preprosto povedati v eni vrstici. Vaš produkt je lahko drag, tehničen ali predmet nabavnih pregledov. V tem primeru naloga obiskovalca na vrhu strani ni »takoj razumeti«; je »počutiti se dovolj varno, da lahko nadaljuje z drsenjem«. Korporativni kupec ne želi enega čistega poziva k dejanju, preden razume varnost, skladnost in integracijo. Želi največ dve vidni poti: primarno dejanje in način, kako najti zagotovilo, ki ga potrebuje.

Raziskovalno načelo ni »skupaj ena povezava«. Je en primarni cilj na stran. Odločite se, katero dejanje je najpomembnejše – začni preskus, rezerviraj posvet, oglej si delo – in naredite to najmočnejši element. Vse druge povezave lahko obstajajo, vendar nič ne sme tekmovati s primarnim dejanjem v trenutku odločitve. To je veliko bolj uporabno branje in preživi stik s kompleksnimi izdelki.

Kam vas to pripelje, je preprosta primerjalna tabela. Uporabite jo, ko niste prepričani, kateri zunanji primeri si zaslužijo vašo pozornost.

Vir za izposojo	Problem, ki ga najbolje reši	Ukradite to	Preskočite to
Potrošniške SaaS strani (Calendly, Linear, Notion)	Jasnost in takojšnje razumevanje	Naslov, ki najprej izpostavi izid, en prevladujoč poziv k dejanju	Seznam funkcij in posnetek zaslona predstavitve, če vaš kupec ni tehničen
Agencijske strani s študijami primerov	Dokaz, da dosegate rezultate	Struktura pred/po, kontekst imenovane stranke, bloki, ki najprej izpostavijo izid	Žargon, hvalisanje z velikostjo ekipe, polnilo »radi imamo, kar počnemo«
Portfeljske strani	Signal okusa in obrti	Pokažite delo veliko in zgodaj, minimalno razlago	Preveč stilizirana navigacija na račun uporabnosti

Vzorec v tretjem stolpcu je struktura, ki jo izluščite v drugem koraku vaje. Četrti stolpec je tisto, kar se običajno kopira namesto tega, ker je del, ki ga lahko vidite. Če se znajdete, da združujete vse tri stolpce hkrati, se uprite: stran, ki poskuša biti hkrati jasna, polna dokazov in vizualno glasna, na koncu ni nobena od teh. Izberite nalogo, ki vam gre najslabše, in pustite, da ta prevladuje.

To lahko preizkusite brez ekipe

Zadnji ugovor je hitrost: »Ne morem izvajati poskusov, edini sem, ki to počnem.« Testiranje domače strani ne zahteva podjetniškega orodja za optimizacijo. Zahteva eno metriko in eno spremembo naenkrat. Izberite eno dejanje, ki je pomembno – klik za prijavo, zahteva za predstavitev ali zajem e-pošte – in ga določite kot svojo metriko. Nato spremenite en strukturni element: izid naslova, položaj bloka z dokazi ali število povezav v bližini poziva k dejanju. Pustite dovolj tednov, da se vaš promet zavrti, in preverite, ali je ta ena sprememba premaknila vašo metriko. Če imate skoraj nič prometa, vam test ne bo povedal ničesar; v tem primeru se strukturno odločite na podlagi razmišljanja v tem članku, ne na podlagi podatkov, ki jih še nimate.

Preden naredite to spremembo, stran preberite še enkrat kot tujec, ki še nikoli ni slišal za vas. To zahteva, da aktivno pozabite vse, kar veste, kar je težje, kot se sliši; revizija brezbrižnega kupca je praktičen način, kako prisiliti ta premik. In ko je struktura prava, vam ni treba vsakič znova oblikovati celotnega spletišča – le izboljšati morate naslednjo plast.

Zaključek

Primeri v vaši panogi vas učijo pravil prostora. Primeri zunaj nje vas učijo, kako zmagati v prostoru. SaaS produkt si lahko izposodi strukturo dokazov od agencij; agencija si lahko izposodi jasnost s potrošniške programske strani; portfelj si lahko izposodi disciplino enega poziva k dejanju iz neposrednega odziva. Metoda je vedno enaka: najprej izberite nalogo, izluščite vrstni red razdelkov iz strani, ki to nalogo opravijo najbolje, zapišite vsak blok z besedami svojega kupca in sestavite ogrodje, preden se dotaknete vizualij. Ne potrebujete ekipe ali velikega proračuna. Nehati morate spraševati »kaj pretvarja v moji panogi?« in začeti spraševati »katero nalogo poskuša opraviti moj kupec in kdo to nalogo opravi bolje kot kdorkoli?« Ta stran obstaja – samo ni v vaši panogi.