Primjeri web stranica vas lažu: Praktični vodič za agencije

Summary

Primjeri web stranica izgledaju kao gotovi proizvodi, ali su zapravo odgovori na pitanje koje još niste postavili. Većina timova prikuplja primjere, pokazuje ih klijentima, a zatim pokušava replicirati izgled. Taj proces ne uspijeva jer kopira površinu umjesto strukture. Ovaj članak ispravlja šest mitova o primjerima web stranica: pametni naslov, heroj koji objašnjava sve, dodatni CTA, industrijska pravila, predaju 'gotovo je kad izgleda dobro' i instinkt kopiranja šablona. Svaka ispravka daje vam ponovljivu kritiku koju možete primijeniti na sljedeću izradu svakog klijenta. Iskoristite sekvencu jednom i prestaćete praviti stranice koje izgledaju kao primjeri i počećete praviti stranice koje rade ono što primjeri rade.

Da li nova web stranica vašeg klijenta izgleda tačno kao primjer koji je volio, a i dalje je mrtva? Niste sami. Stranica ima isti raspored, iste boje, iste podebljane tipove. I dalje ne konvertuje. Evo zašto: primjeri web stranica su odgovori, a ne šabloni. Napravljeni su da riješe jedan specifičan problem za jednu specifičnu publiku. Kopirajte njihovu površinu i ne nasljeđujete ništa od njihove logike. Ovaj vodič ubija šest mitova o primjerima web stranica, tako da svaki primjer možete pretvoriti u ponovljivu kritiku koja funkcioniše na sljedećem klijentu. Koristite ga na svakoj izradi, ne samo na zabavnim.

Mit: Samo napravite da izgleda kao primjer

Počnite od zadatka koji treba obaviti. Prije nego što otvorite bilo koji primjer, zapišite jednu radnju koju ova stranica mora omogućiti. Ne radnje. Jednu. Za SaaS stranicu: započnite probni period. Za agencijsku stranicu: zakažite poziv. Za portfolio: pošaljite upit. Sada otvorite primjere. Jedini koje vrijedi zadržati su stranice koje guraju nepoznatu osobu prema toj vrsti odluke uz najmanje trenja.

Stvarnost: stranica je mašina s jednim izlazom. Ovdje većina posla krene po zlu. Timovi kreću od vizuelnog sloja. Sviđa im se heroj, sviđa im se boja, sviđa im se kombinacija fontova. Zato te elemente ponovo grade na stranici koja ima potpuno drugačiji zadatak. Rezultat izgleda kao primjer, a ponaša se ništa slično. Primjer je konvertovao jer je njegova struktura odgovarala njegovom zadatku. Vaša nosi kostim.

Popravka je test od jedne rečenice. Za svaki primjer koji prikupite, zapišite: Ova stranica uvjerava [tip posjetioca] da [jedna radnja]. Ako ne možete dovršiti tu rečenicu, primjer je dekoracija. Nastavite prikupljati dekoraciju ako pomaže vašoj mood board ploči, ali je ne stavljajte pred klijenta kao strategiju.

Evo kako se to odvija kroz račune. Imate klijenta koji prodaje softver i klijenta koji prodaje coaching. Dvije različite industrije, isto pitanje. Posjetilac stigne. Koja je jedna radnja koja pomjera odnos naprijed? Za klijenta sa softverom: započnite probni period. Za trenera: zakažite poziv. Zapišite to i držite na stolu. Svaka dizajnerska odluka, svaki izbor teksta, svaka sekcija na stranici ili podržava tu radnju ili se uklanja. Ovo je ponovljivi dio. Ne zavisi od ukusa. Zavisi od odluke koju ste donijeli prije otvaranja bilo kojeg alata.

To je suštinska razlika između kopiranja i građenja: kopiranje ponavlja ono što vidite, građenje ponavlja ono što je primjer odlučio. Kada prvo identifikujete odluku, možete ukrasti njihov kostur umjesto njihove kože. Uradite to i isti primjer može informisati SaaS stranicu, agencijsku stranicu i portfolio. Klijent se mijenja. Logika se ne mijenja.

Mit	Stvarnost
Odlična web stranica izgleda prepoznatljivo	Odlična web stranica daje nepoznatoj osobi jedan jasan zadatak
Heroj treba da objasni sve	Heroj treba da zasluži skrolanje
Više CTA-ova znači više konverzija	Jedna stranica, jedna primarna radnja
Jasno znači više teksta	Jasno znači manje, bolje odabranih riječi
Primjeri su šabloni za kopiranje	Primjeri su dokaz odluke
Kad izgleda dobro, gotovo je	Stranica je hipoteza dok je saobraćaj ne dokaže

Mit: Snažna marka znači pametni naslov

Pogledajte Calendlyjevu početnu stranicu. Njena prva linija je 'Zakažite sastanke bez razmijene emailova naprijed-nazad.' Ništa pametno. Bez dosjetki, bez igre riječi. Navodi ishod i uklanja bol. Tako treba da funkcioniše vrijednosna ponuda: imenujte promjenu koju kupac dobija i trenje koje uklanjate.

Stvarnost: jasnoća pobjeđuje pametovanje. Klijenti će vam se suprotstaviti po ovom pitanju. Žele 'disrupt', 'osnažiti', 'osloboditi'. Te riječi ne znače ništa posjetiocu koji odlučuje hoće li kliknuti. Posjetioca ne zanima misija vašeg klijenta. Zanima ih šta se dešava nakon što kliknu.

Uzmite klijenta koji prodaje finansijski coaching. Njihov trenutni heroj kaže 'Pomažemo ljudima da izgrade bogatstvo s povjerenjem.' To je kategorija, a ne obećanje. Prepišite: 'Dobijte jasan mjesečni plan štednje u jednom 45-minutnom pozivu.' Koja verzija govori nepoznatoj osobi šta će dobiti? Koja verzija čini sljedeći korak očiglednim? Tu treba objaviti.

Zato napišite naslov kao rečenicu koju bi kupac rekao kolegi. Ne slogan. Rečenicu. Ako bi rečenica mogla nekoga zbuniti, siječite je dok ne bi. Zatim uradite isto za podnaslov: jedan red podrške, ne pasus. Najjasnije stranice to rade bez prestanka. Pogledajte obrazac na bilo kojem skupu SaaS stranica s visokom konverzijom: čist naslov, kratak podnaslov, jedan poziv na akciju. Primjeri koji osvajaju nagrade ponekad krše ovaj obrazac. Primjeri koji konvertuju rijetko.

Marka je bitna, ali ne tamo gdje mislite. Marka živi u glasu, slikama i osjećaju stranice. Naslov nije mjesto za enigmatičnost. Naslov je mjesto za jednostavnost. Kada klijenti uzvrate, zamolite ih da navedu jednu kompaniju kojoj se dive zbog slogana koji ih zbunjuje pri prvom čitanju. Neće naći nijednu. Zbunjenost je neprijatelj akcije.

Mit: Iznad folda znači natrpati sve u heroj

Fold nije linija koju treba popuniti. To je tačka odlučivanja. Posjetilac pogleda prvi ekran i odgovara na tri pitanja: Šta je ovo? Za koga je? Na šta da kliknem? Ako heroj mora raditi više od toga, već ste izgubili one koji su mogli konvertovati.

Stvarnost: fold je filter. Pogledajte heroj sekcije koje rade dobro. Linearova početna stranica je referenca: minimalan naslov, minimalan podnaslov, jedan sljedeći korak. Nema karusela. Nema 'Saznaj više' koji se takmiči sa 'Započni.' Samo jedan očigledan put naprijed. Ostatak priče dolazi nakon odluke, ne prije.

Ovo je mit koji košta najviše povjerenja klijenata, jer prazan prostor djeluje nedovršeno nekome ko je platio dizajn. Držite liniju. Heroj s jasnim naslovom i jednim CTA-om nije nedovršen. To je filter. Pogrešnom posjetiocu govori da brzo ode, a pravom pokazuje gdje da klikne.

Uradite test prekrivanja. Stavite komad papira preko dna ekrana na svaki primjer koji razmatrate. Ako ne možete odgovoriti na tri pitanja iz onoga što ostane, odbacite primjer. Uradite isto na trenutnoj stranici vašeg klijenta. Vježba traje dvije minute i najbrži je način da dokažete da stranica pokušava učiniti previše.

Čućete 'moramo iskoristiti prostor.' To je klijentska anksioznost, a ne dizajnerski princip. Prostor nije potrošen; dvosmislenost je potrošena. Posjetilac koji mora shvatiti stranicu je posjetilac koji već odlazi. Iskoristite fold da odgovorite na praktična pitanja, a onda se znojite oko kreativnih detalja niže.

Evo kontrarnog dijela: minimalizam također nije cilj. Prazan heroj koji nikad ne kaže šta proizvod radi samo je lijepa zagonetka. Jasnoća je cilj. Minimalizam je taktika koja pomaže jasnoći, a nered je taktika koja je ubija. Procjenjujte svaki element prema tome da li pomaže posjetiocu da donese jednu odluku. Ako ne pomaže, izbacite ga. Ako pojašnjava, zadržite ga čak i ako dizajn djeluje zauzeto. Test nije 'je li ovo čisto?' Test je 'može li nepoznata osoba vidjeti put?'

Mit: Više CTA-ova znači više šansi za konverziju

Uradite CTA reviziju sutra. Otvorite početnu stranicu svog klijenta i prebrojite svako dugme i link koji se takmiči sa glavnom radnjom. Većina stranica ih ima nekoliko: 'Saznaj više', 'Istraži usluge', 'Kontaktirajte nas', 'Pročitaj blog', 'Pogledaj cijene.' Kada svaki element traži pažnju, nijedan je ne dobije. Posjetilac odgovara tako što ne radi ništa.

Stvarnost: jedna stranica, jedna primarna radnja. Uspješne stranice se opiru ovome. Notionova stranica, na primjer, ima jedan poziv na akciju. Jedna stranica, jedna primarna radnja. Disciplina tjera na izbor: šta zapravo želimo da ovaj posjetilac uradi? Ako je odgovor 'započni probni period', onda je cijela stranica u službi tog dugmeta. Sve ostalo ili ga podržava ili odlazi.

Jedan primarni CTA ne znači samo jedan link. Sekundarne radnje su dozvoljene. One treba da budu tiše, postavljene kasnije i nikada pored primarnog dugmeta u heroju. Ne eliminišete izbore. Rangirate ih. Posjetilac i dalje može istraživati, čitati i upoređivati. Ali stranica ima kičmu, a kičma pokazuje u jednom smjeru.

Imenujte jedno dugme koje je najvažnije za svakog klijenta. Stavite ga u heroj. Ponovite ga nakon sekcije sa dokazima. Zatim se sklonite s puta. Ako klijent traži drugo konkurentno dugme u heroju, pitajte ga na koje bi se kladili. Ono koje odabere je primarno. Drugo je distrakcija.

Izgradite hijerarhiju u jednoj liniji: primarno dugme (jedno), sekundarni link (tih), tercijarni linkovi (meni). Napišite to u svojoj ponudi kako bi klijent znao plan prije nego što vidi dizajn. Kada klijent kasnije zatraži drugo primarno dugme, pozovite se na liniju. Dogovorili ste se za jedno.

Ovo je razgovor koji se ponavlja. Imat ćete ga sa svakim klijentom, jer će svaki klijent tražiti više opcija. Vaš odgovor, svaki put: jedna stranica, jedan zadatak, jedna primarna radnja. To nije kreativno mišljenje. To je obrazac koji se provlači kroz najbolje primjere.

Mit: Industrija vašeg klijenta zahtijeva vlastita pravila

Greška je tretirati 'SaaS' i 'agenciju' kao različite vrste. Zadatak je isti. Pokrenite nepoznatu osobu prema jednoj odluci. Ono što se mijenja je dokaz koji koristite da ta odluka djeluje sigurno.

Stvarnost: isti zadatak, drugačiji dokazi. SaaS stranica dokazuje da proizvod radi pomoću demo verzije, probnog perioda ili screenshot-a samog proizvoda. Agencijska stranica dokazuje da tim radi pomoću studija slučaja i rezultata. Portfolio dokazuje da je rad vrijedan angažovanja s jasnim prije/poslije i riječima samog klijenta. Isti kostur, drugačiji dokaz.

Zato prije nego što odbacite primjer jer je iz druge industrije, pogledajte izvan površine. Pitajte koju odluku pokreće i s kojim dokazima kreće. Stranica za zakazivanje kod zubara i stranica za zakazivanje za SaaS proizvod mogu dijeliti istu anatomiju: jasan naslov, jedan CTA, dokaz koji smanjuje rizik od klika. Zubar kaže 'Bez muke s osiguranjem.' SaaS proizvod kaže 'Nije potrebna kreditna kartica.' Različit vokabular, isti zadatak.

Zato pozajmljivanje primjera web stranica iz drugih industrija funkcioniše. Pozajmljeni primjer ruši pretpostavke vašeg klijenta o tome kako bi njihova industrija trebala izgledati. Također vam daje ugrađeni razlog za opravdanje odluke. Kada klijent kaže 'naši konkurenti svi to rade', možete pokazati na stranicu izvan industrije koja radi isti posao s boljom strukturom.

Pitajte o težini odluke. Posjetilac koji bira alat za upravljanje projektima donosi odluku s manjim ulozima od onog koji dodjeljuje šestocifreni honorar. Struktura ostaje: jedan zadatak, jedan CTA, slojeviti dokazi. Slojevi se mijenjaju. Agencijska stranica treba dublje studije slučaja, imenovane uloge i jači osjećaj radnog odnosa. SaaS stranica treba demo, probni period i dokaz brzine.

Napomena: nemojte koristiti vanjski primjer da izbjegnete stvarna industrijska ograničenja. Advokatska firma ne može konvertovati kao aplikacija za upoznavanje, ne zato što se struktura razlikuje, već zato što se zahtjevi povjerenja i težina odluke razlikuju. I dalje vodite jednu radnju. Samo vam treba više dokaza i manje šala. Industrija je važna kao ograničenje, a ne kao skup pravila. Počnite od zadatka, zatim prilagodite dokaze.

Mit: Kad izgleda dobro, gotovo je

Objavite stranicu, zatim mijenjajte jednu stvar po jednu. Konverzija je hipoteza dok je pravi posjetilac ne dokaže. Prva verzija je nagađanje zasnovano na dokazima iz primjera. Jedini način da saznate da li je nagađanje tačno jeste da ga izložite saobraćaju i gledate šta se dešava.

Stvarnost: svaka stranica je hipoteza. Ne pokrećite sedam testova odjednom. Nećete znati koja je promjena pomjerila ishod. Promijenite naslov, izmjerite. Promijenite CTA, izmjerite. Promijenite redoslijed dokaza, izmjerite. Jedna varijabla po jedna, sedmicu ili dvije po testu u zavisnosti od saobraćaja, i naučite na šta publika ovog klijenta zapravo reaguje. Ružna stranica koja konvertuje pobjeđuje lijepu koja ne konvertuje. Ljepota nije cilj. Bez trenja jeste.

To nije izgovor za objavljivanje ružnog rada. To je razlog da poliranje tretirate kao kasniju fazu, a ne prvu. Polirate ono što dokazi nagrađuju. Ne polirate nagađanje. Kada klijent traži 'osvježenje,' uzvratite. Pitajte šta trenutna stranica treba da postigne i šta zapravo postiže. Ako niko nije definisao zadatak, osvježenje je samo novi sloj boje na stranici bez kičme.

Postavite mjerenje prije pokretanja. Definišite jednu metriku koja se računa kao uspjeh stranice. To može biti klik, poziv, slanje obrasca. Ne može biti 'angažman' ili 'vrijeme na stranici' osim ako to doslovno nije poslovni cilj. Tada imate nešto prema čemu testirate. Ako je saobraćaj nizak, umjesto toga koristite kvalitativne povratne informacije: pet poziva kupcima pitajući šta bi kliknuli. Ali ne proglašavajte pobjednika bez dokaza.

Tretirajte svako pokretanje kao početak revizije. Gledajte na stranicu onako kako posjetilac zapravo gleda: brzo, skeptično i pomalo dosadno. To je vještina koju možete primijeniti na svaki račun, i trebali biste. Najbolji primjeri ne izgledaju dobro jer su njihovi dizajneri kreativniji. Oni konvertuju jer njihovi timovi stalno mijenjaju jednu stvar dok stranica ne odgovara zadatku.

Idite to uradite

Vaš sljedeći sastanak s klijentom počeće s primjerima. To je u redu. Iskoristite ih. Ali otvorite pitanjem, a ne mood board pločom: 'Šta bi posjetilac trebao uraditi na ovoj stranici?' Zatim uzmite primjere koje vole i provucite ih kroz gornje testove. Koji zadatak svaki od njih obavlja? Možete li odgovoriti na tri heroj pitanja? Postoji li jedan primarni CTA? Koji dokazi smanjuju rizik od klika?

Nailazićete na otpor. Klijenti će braniti pametni naslov i dodatno dugme. Tada ih podsjetite šta primjer zapravo radi, a ne kako izgleda. Možete revidirati svoju web stranicu kao kupac kojeg nije briga i pokazati im koliko brzo stranica dobije ili izgubi klik.

Ovaj slijed se ponavlja: definišite zadatak, napišite običnu rečenicu, izgradite heroj oko jedne odluke, uklonite konkurentske CTA-ove, ukradite strukturu iz primjera s istim zadatkom, zatim objavite i mijenjajte jednu stvar po jednu. Radite to za svakog klijenta, na svakoj stranici, i primjeri prestaju biti izvor stila. Postaju izvor strategije. To je razlika između tima koji gradi web stranice i tima koji gradi odluke.