Kako predstaviti predložak web stranice ne-tehničkom šefu

Sažetak

Vaš marketinški tim ima budžet, rok i nema povjerenje šefa. On misli da je predložak prečac, a ne strategija. Ovaj vam članak daje okvir od pet koraka za odabir predloška, dokazivanje da djeluje i predstavljanje na jeziku koji poštuje šef koji nije tehnički. Naučit ćete definirati popis dokaza, procijeniti stvarnu izvedbu, revidirati demoe poput programera i odgovoriti na prigovor o izradi po mjeri prije nego što počne. Rezultat je dopis na jednoj stranici koji vaš šef doista može odobriti. Slijedite korake i ući ćete na sastanak s već izgrađenim poslovnim slučajem.

Demo vašeg predloška je na ekranu. Boje odgovaraju. Fontovi djeluju ispravno. Hero slika gotovo bi mogla biti vaš ured. Kopirate poveznicu i šaljete je šefu. Deset minuta kasnije on odgovara: "Izgleda dobro. Ali zašto nam treba predložak? Zar to ne možemo jednostavno sami napraviti?"

Ta poruka okončava projekt osim ako nemate spreman odgovor. Šef ne traži web stranicu. On traži opravdanje. Želi znati da ne kupuje hrpu koda koju ne razumije. Ovaj članak daje vam okvir od pet koraka za odabir predloška, dokazivanje na demou i predstavljanje odluke jezikom koji poštuje ne-tehnički šef. Napravite posao i ući ćete na sastanak s već izgrađenim poslovnim slučajem. Ne morate naučiti programirati. Trebate naučiti procjenjivati.

Korak 1: Napravite popis dokaza prije nego otvorite ijedan demo

Ovo nije lista "lijepo je imati". To je dokument koji pretvara nejasne ciljeve vašeg šefa u kutije koje se mogu označiti.

Kaže: "Trebamo više potencijalnih klijenata." Zapišite: "Obrazac za prikupljanje potencijalnih klijenata na svakoj stranici, s vidljivim stanjem zahvale."

Kaže: "Izgledamo zastarjelo." Zapišite: "Moderan izgled, suvremena tipografija i bez hero slike koja izgleda kao stock."

Kaže: "Korisnici na mobitelu trebaju moći kupiti." Zapišite: "Na stranici proizvoda naplata se završava u tri ili manje klika."

Stavite taj popis u tablicu s tri stupca: njegove riječi, vaš prijevod, kako ćete to testirati. Zatim ga koristite za svaki predložak koji razmatrate.

Trik je sljedeći: pišite popis njegovim jezikom, a ne svojim. Ako kaže "profesionalno", napišite "profesionalno" čak i ako vas to živcira. Kada mu kasnije pokažete predložak, vidjet će kvačice. Ne može raspravljati s vlastitom definicijom dobrog.

Prikupite dokaze odasvud: prijave podrške, prodajne pozive, datoteku "izgubili smo ovog kupca jer". Ako je potencijalni klijent rekao da je vašu stranicu teško navigirati, ta pritužba postaje stavka dokaza. Ako konkurencija ima značajku koju vi nemate, dodajte je na popis. Popis su šefovi zahtjevi, potpisani njegovim riječima.

Ako je vaš tim mlad i nema prijava podrške, razgovarajte s ljudima koji su najbliži kupcima. Pitajte prodaju: "Koje pitanje postavlja svaki potencijalni klijent?" Uvrstite to pitanje na popis dokaza. Pitajte korisničku službu: "Što ljudi traže na stranici?" Uvrstite taj odgovor na popis dokaza. Tako pretvarate pretpostavke u dokument.

Upozorenje: stavite popis dokaza u pisanom obliku, čak i ako je to samo e-mail. Sjećanja se iskrivljuju. Jedna stranica koja kaže "što stranica mora postići" poništava svaki kasniji argument. Kada netko predloži redizajn samo zbog estetike, pokažite na tu stranicu. Tako projekt ostaje objektivan.

Prije nego otvorite predloške, pogledajte pristup koji stavlja sadržaj na prvo mjesto pri odabiru početne točke za web stranicu. To je ista logika primijenjena ranije u procesu: zahtjevi prije estetike.

Korak 2: Procijenite predloške na temelju pet stvari koje zapravo odlučuju o konverzijama

Da budemo jasni. Ako demo početne stranice predloška izgleda zadivljujuće, ali njegove unutarnje stranice su prazne, niste pronašli dobar predložak. Pronašli ste dobru početnu stranicu.

Zanemarite stock fotografije. Zanemarite demo tekst. Testirajte stvarne kriterije. Tržišta predložaka puna su proizvoda koji izgledaju uzbudljivo i sporo se učitavaju, skrivaju ponašanje na mobitelu i bore se s vašim brendom. Ne kupujte na temelju snimke zaslona. Kupujte na temelju dokaza.

Pet stvari:

Responzivnost. Otvorite demo na stvarnom telefonu, a ne u prozoru na računalu. Promijenite veličinu. Rotirajte. Dodirnite izbornik. Ako gumb "Kupi odmah" postane tanka crta ili se kontakt obrazac pretvori u dva preklapajuća stupca, odbacite ga. Dvoje od troje posjetitelja vidjet će stranicu na telefonu. Vaš šef razumije "gubimo prodaju na mobitelu." Izgovorite tu rečenicu i imate njegovu pozornost.

SEO struktura. Pogledajte naslove stranice, meta polja i opcije alt teksta. Predložak s urednom hijerarhijom naslova i uredljivim metapodacima je predložak koji tražilice mogu čitati. Bez toga počinjete utrku za rangiranje iza svih. Recite šefu: "Ovaj predložak je napravljen da bude pronađen. To je novac."

Brzina učitavanja. Težak demo s video pozadinama, paralaks efektima i desetak dodataka? Provucite ga kroz besplatni alat za provjeru brzine. Spori predlošci kažnjavaju vas rastućom stopom napuštanja. Svaka dodatna sekunda je posjetitelj koji odlazi. Ako je demo spor, vaša će živa stranica biti sporija.

Dubina prilagodbe. Pokušajte promijeniti primarnu boju, font i izbornik bez uređivanja koda. Na malom ste timu. Nemate vremena postati programer. Predložak koji odaberete trebao bi vam omogućiti zamjenu boja brenda i tekstova u postavkama, a ne u stylesheetu.

Korisničko iskustvo. Kliknite kroz svaku glavnu stranicu predloška. Potražite pokvarene stavke izbornika, tekst koji se preklapa i obrasce koji ne prolaze validaciju. Predložak je prethodno testiran kod. Ako ne uspije na demou, neće uspjeti ni na vašoj domeni.

Pet kriterija djeluje zajedno. Predložak može proći četiri i pasti jedan. Ako je onaj koji pada onaj koji vaš popis dokaza označava kao kritičan, nije važno koliko je lijep. Držite popis dokaza otvorenim dok procjenjujete.

Kontrarijanska tvrdnja: većina savjeta o predlošcima kaže "pronađite nešto jedinstveno." Prestanite to slušati. Cilj malog internog tima nije jedinstvenost. To je jasnoća. Posjetitelj bi trebao znati što prodajete unutar pet sekundi. Čista, poznata struktura to čini bolje od originalnog rasporeda koji zbunjuje ljude. Kupite neugledan predložak koji funkcionira. Kasnije ćete ga učiniti izvanrednim svojim sadržajem i proizvodom. U međuvremenu, zapamtite da je predložak najmanje važan dio web stranice. Ono što je na vrhu je ono čega se ljudi sjećaju.

Korak 3: Revidirajte demo kao programer, ne kao marketingaš

Ovdje većina odluka krene po zlu. Vidite demo, zamislite svoj logo u zaglavlju i odobrite kupnju u dvadeset minuta. Prestanite. Demoi su marketing. Pravi predložak živi u učitavanju stranice, pokvarenim poveznicama i ponašanju obrazaca.

Otvorite svaku poveznicu. Svaku. Poveznicu u podnožju, stranicu "stranica nije pronađena", pregled posta na blogu, stranicu politike privatnosti, okvir za pretraživanje. Ako predložak ima katalog proizvoda, dodajte predmet u košaricu i prođite kroz naplatu. Ako ima obrazac za rezervaciju, rezervirajte prvi slobodni dan. Učinite to na telefonu, ne samo na prijenosniku.

Provjerite 404 stranicu. Dobar predložak elegantno preusmjerava. Loš prikazuje bijeli zaslon. To je važno jer će vaši posjetitelji prije ili kasnije naići na mrtvu poveznicu.

Provjerite uvjete licence. Neka tržišta predložaka ograničavaju upotrebu na jedan projekt. To bi mogao biti problem ako upravljate s više svojstava. Pročitajte to u dokumentaciji, a ne na marketinškoj stranici.

Provjerite povijest ažuriranja. Predložak ažuriran u posljednjih mjesec dana održava se. Predložak koji je posljednji put ažuriran prije godinu dana rizik je. Sigurnosne zakrpe i ažuriranja kompatibilnosti dodataka dio su onoga što kupujete.

Predlošci specifični za industriju vrijedni su dodatnog vremena pretraživanja. Predlošci izrađeni za industrijske stranice, e-trgovinu ili uslužna poduzeća često uključuju gotove kataloge proizvoda, widgete za rezervacije i portfelj rasporede. Istraživanja o kategorijama predložaka dosljedno pokazuju da te značajke štede ozbiljno vrijeme postavljanja. Ako vaše poduzeće treba sustav rezervacija, predložak s već ugrađenim je bolja investicija od prilagođene integracije.

Crvena zastava: ako glavni izbornik demo verzije ima dvanaest stavki, a vaš osam, pogledajte što se dogodi kada uklonite neke. Neki predlošci oslanjaju se na precizan broj. Ako se izbornik pokvari ili se zaglavlje pomakne, preskočite taj predložak. Male razlike poput te kasnije se pretvore u sate petljanja.

Provjerite dokumentaciju predloška. Koji su dodaci potrebni? Koliko se često ažuriraju? Podržava li predložak verziju vašeg CMS-a? Ako je dokumentacija prazna, to je znak upozorenja.

I još jedna provjera prije nego se obvežete: pregledajte stvarnu stranicu s vlastitim sadržajem. Mnogi predlošci omogućuju vam da ubacite svoj tekst i vidite ga uživo. Ako vaša duga studija slučaja izgleda loše u rasporedu predloška, razmislite ponovno. Predložak koji dobro izgleda samo s demo herojem od tri rečenice je predložak koji se bori s vašim stvarnim sadržajem. Želite strukturu koja se savija, a ne onu koja se raspada.

Korak 4: Odgovorite na prigovor "zašto ne napraviti po mjeri?" prije nego što ga se šef sjeti

Vaš šef će pitati: "Zašto to jednostavno ne iskodiramo sami? Imamo prijatelja koji radi web, ili agencija koju koristimo za brošure to vjerojatno može napraviti." Trebate miran odgovor, a ne emotivan.

Tri dijela. Prvo, brzina. Predložak ide uživo ovaj kvartal. Prilagođeni kod traje najmanje dva do tri puta duže. Na malom internom marketinškom timu brzina je prihod. Drugo, dosljednost. Profesionalni predložak je prethodno testiran kod koji su izradili ljudi koji cijeli dan izrađuju predloške. Interna izrada je jednokratna, što znači više ispravaka pogrešaka i više ciklusa pregleda. Treće, trošak. Prilagođeni razvoj dodaje sate dizajna, iteracije i održavanja na vrh istog tekstualnog i dizajnerskog posla koji vam predložak daje. Kupovna cijena predloška mala je u usporedbi s satnicom programera.

Ali budite iskreni oko stvarne kompromisne odluke. Istina je da prilagođena izrada može ponuditi više fleksibilnosti i skalabilnosti na duge staze. Ako već znate da su buduće potrebe egzotične — vlasnički kalkulator, prilagođeni portal za članove, složena integracija s vašim CRM-om — predložak može dosegnuti strop. Ne pretvarajte se suprotno. Recite: "Ovaj predložak nas pokreće sada. Za šest mjeseci pregledat ćemo jesmo li ga prerasli." Ta iskrenost gradi više povjerenja kod šefa nego lažno obećanje.

Sada skriveni prigovor: možda se boji da predložak čini tvrtku jeftinom. Uzvratite popisom dokaza. Čista struktura, boje vašeg brenda i stvarne izjave kupaca svaki put nadmašuju dizajn po mjeri s lorem ipsumom. Vrijednost web stranice dolazi iz sadržaja, brzine i relevantnosti, a ne iz toga je li je dizajner iskodirac ispočetka. Predstavite predložak kao alat koji proizvodi profesionalan rezultat, a ne kao prečac koji reže uglove.

Kad šef pita "što ako ga kasnije trebamo promijeniti?", objasnite da je predložak napravljen da se prilagođava. Promjene boja, promjene teksta, dodavanje stranica, uklanjanje odjeljaka: to je normalno održavanje. Profesionalni predložak dolazi sa sustavom, a ne sa slijepom ulicom.

Također se pripremite za varijantu "zašto ne besplatni predložak?" Besplatni predlošci često ograničavaju podršku i ažuriranja te se pojavljuju na tisućama stranica. To ne znači da su loši — znači da su rizični za poslovanje koje se oslanja na stranicu za generiranje potencijalnih klijenata. Jasno navedite tu razliku: plaćate održavanje i pouzdanost, a ne sam izgled.

Korak 5: Napravite jednosmjerni dopis o odluci koji će vaš šef doista pročitati

Sada imate popis dokaza, bilješke revizije i uži izbor. Prestanite pričati o tome. Zapišite. Dopis, a ne slajdovi. Jedna stranica, bez žargona.

Strukturirajte ga na sljedeći način:

• Problem. Jedna rečenica vlastitim riječima vašeg šefa.
• Opcije. Tri retka, po jedan za svakog kandidata, svaki usklađen s popisom dokaza.
• Preporuka. Predložak koji odaberete i razlog u jednom kratkom odlomku.
• Trošak nečinjenja. Konkretan gubitak ako zadržite trenutnu stranicu još jedan kvartal.

Stavite tablicu usporedbe u sredinu. Jednostavna izgleda ovako:

Kriterij	Predložak A	Predložak B	Izrada po mjeri
Vrijeme do pokretanja	2 tjedna	1 tjedan	10–16 tjedana
Početni trošak	$$	$	$$$
Responzivan na mobitelu	Prolazi	Prolazi	Treba specifikaciju
SEO osnove	Ugrađeno	Treba postavljanje	Treba specifikaciju
Sustav rezervacija	Ugrađeno	Dodatak	Treba izradnju
Vizualna jedinstvenost	Umjerena	Visoka	Može biti visoka

Ne izmišljajte te brojeve. Unesite vlastite procjene. Tablica funkcionira jer čini kompromis vidljivim. Kad šef pogleda stupac "po mjeri", vidi kašnjenje i trošak. To je činjenica, a ne mišljenje.

Dodajte raspored. Što se događa nakon kupnje? Trebate jednostavan plan: prvi tjedan, sadržaj i brend; drugi tjedan, izrada i testiranje; treći tjedan, pregled; četvrti tjedan, pokretanje. Uvrstite to u dopis. Šef odobrava ne samo predložak nego i proces.

Završite s dvije rečenice: "Preporučujem predložak B. Ako pogriješim za šest mjeseci, ponovno razmotrimo." To šefu daje odluku, a ne raspravu. Također signalizira da niste vezani za taj izbor, što olakšava odobrenje.

Prije nego pošaljete dopis, pročitajte ga naglas. Ako se bilo koja rečenica može protumačiti kao tehnička ili nejasna, prepišite je. Svaki redak trebao bi biti nešto na što inteligentan ne-programer može reći "da". Ako objašnjavate koncept na način koji pretpostavlja programerski vokabular, gubite ga. Prevedite.

Zaključak

Ne birate predložak. Birate argument za brzinu, razumnost i web stranicu koja se pokreće. Popis dokaza čini kriterije. Revizija demonstracije čini dokaze. Dopis čini odluku vidljivom. Vaš šef će reći da jer ste mu dali razlog — razlog povezan s ishodima do kojih mu je doista stalo.

Sljedeći put kada se pojavi redizajn, razgovor se mijenja. Umjesto "zašto nam treba predložak?", počinje s "što trebamo postići?" To je pobjeda. Učinite to jednom s ovim okvirom i svaki budući projekt počinjete od trećeg koraka. Za dublji uvid u usklađivanje predloška s vašom industrijom, pogledajte kako odabrati i prilagoditi predložak koji pretvara.