No piemēru kolekcijas līdz sistēmai: tīmekļa vietņu piemēri, kas mērogojas

Kopsavilkums

Brīdī, kad esat atbildīgs par vairāk nekā vienu klientu, veids, kā izmantojat tīmekļa vietņu piemērus, ir jāmaina. Saglabātu ekrānuzņēmumu mape darbojas pirmajā piedāvājumā, bet trešajā jau neizdodas, jo patiesā vērtība nekad nebija attēls — tā ir parauga shēma, ko varat pārnest starp nozarēm. Šis raksts iepazīstina ar trim piemēru prakses veidošanas posmiem: tulkošana, pirms tos rādāt, kodificēšana anonimizētā paraugu bibliotēkā un pārvēršana atgriezeniskās saites lokā, kas uzlabojas ar katru palaišanu. Tāpat tas iebilst pret slinko viena CTA noteikuma interpretāciju, kas sabrūk aģentūru vietnēs, kas apkalpo vairākas auditorijas. Mērķis ir process, kas izdzīvo darbinieku mainību un prasa mazāk no jūsu gaumes, nevis vairāk.

Kaut kur jūsu grāmatzīmēs ir mape ar nosaukumu "inspo", un tajā ir pārāk daudz cilņu. Jūs apkopojat tīmekļa vietņu piemērus katram klienta sākuma posmam, sakārtojat spēcīgākos uz tāfeles un pēc tam sapulcē pavadāt laiku, tulkojot: "Nē, nevis izkārtojumu. To, kā viņi izskaidro, ko dara." Šī tulkošana ir patiesā prasme, bet tā ir ieslodzīta jūsu galvā. Dienā, kad aģentūra jums uztic otro kontu un tad trešo, triks vairs nav "zināt labākos piemērus", bet gan "padarīt to atkārtojamu". Ja esat redzējuši, kā jaunākais dizainers rada gandrīz identisku sadaļu diviem nesaistītiem klientiem, jo tas bija vienīgais piemērs, ko jūs viņiem parādījāt, jūs zināt problēmu. Šis ir ceļvedis, kā likt jūsu piemēru praksei izaugt kopā ar jūsu aģentūru — no pirmās uzvaras līdz mērogošanai — nepārvēršot to reliģijā.

Pirmais klients: tulkojiet, pirms prezentējat

Izvēlieties trīs piemērus katram klientam, un pirms kāda no tiem rādīšanas uzrakstiet vienu teikumu par katru: kādu paraugu šis piemērs sniedz, un kas klientam būtu jāignorē? Agrīnā posma instinkts ir krāt; lētākais risinājums ir atlase. Labi izvēlēta Calendly sākumlapa sniedz paraugu, kā virsrakstā nosaukt rezultātu — "plānojiet tikšanās bez e-pasta sarakstes" — vienlaikus liekot klientam ignorēt nomierinošo balto fonu. Linear galvenais ekrāns māca citu mācību: katram elementam virs lapas locījuma ir savs uzdevums, tāpēc piemērs paliek noderīgs pat tad, ja jūsu klients pārdod kaut ko pilnīgi nesaistītu ar programmatūru. Uzrakstiet šos divus tulkojumus pirms sapulces. Ja nevarat uzrakstīt otro teikumu, piemērs ir dekorācija, nevis pierādījums. Tas ir nozagt viņu skeletu gājiens, bet tas kļūst par komandas prasmi tikai tad, kad tas ir pierakstīts.

Pieņemsim, ka uzdevums ir reģionāls loģistikas uzņēmums, kura pircēji ir noliktavas vadītāji. Jūsu pirmais instinkts ir atrast trīs loģistikas nozares vietnes; tā vietā paņemiet Calendly rezultāta pirmajam virsrakstam, Notion lapai, kas apņemas veikt vienu darbību (tās "Get Notion free" CTA), un kādu neglītu, bet informatīvu izsekošanas lapu no jebkuras nozares. Sapulcē sakiet: "Calendly nav loģistikas uzņēmums. Daļa, ko mēs aizņemamies, ir tas, ka virsraksts noņem berzi, pirms lietotājs izlasa funkciju. Notion vērtība ir atturība: viena skaidra darbība." Jūs redzēsiet, ka klients pārstāj prasīt paralakses efektus un sāk strīdēties par virsrakstu. Tā ir visa būtība — piemēri darbojās kā domāšanas rīki, nevis veidnes.

Piektais klients: kodificējiet atkārtojošos blokus

Sāciet anonimizētu paraugu bibliotēku, tiklīdz esat nodevis vairākas vietnes. Ne vēl vienu ekrānuzņēmumu mapi — bet dokumentu ar atkārtojošiem celtniecības blokiem, kuriem ir vienkārši nosaukumi: "rezultāta virsraksts," "viena uzdevuma galvenā sadaļa," "pierādījumu sviestmaize," "uzticības lapa." Mērķis ir iemūžināt principu, vienlaikus noņemot zīmola identitāti, lai komanda to varētu izmantot atkārtoti, nekopējot cita klienta izskatu. Iemesls, kāpēc šie paši SaaS piemēri tiek pastāvīgi slavēti, nav vizuālais krāšņums, bet struktūra: skaidrs vērtības piedāvājums augšpusē, fokusēta sadaļa virs locījuma, viena galvenā darbība. Paraugu bibliotēka šo struktūru iemūžina vienreiz un ļauj tai pārdzīvot nākamo pārveidi. Kad parādās jauns konts, jūs vispirms meklējat bibliotēkā, nevis internetā. Tas maina budžeta sarunu, jo jūs vairs nepērkat iedvesmu; jūs izmantojat pārbaudītus lēmumus.

Posms	Saglabā	Atmet
Pirmie projekti	3 strādājoši piemēri + paskaidrojumu tulkojumi	milzīgā piemēru kolekcija
Dažas palaišanas	anonimizēta paraugu bibliotēka	piemēri, kuriem nepieciešams garš attaisnojums
Mērogojot	dzīva bibliotēka ar atgriezeniskās saites loku	neversijoti ekrānuzņēmumi no pirms trim gadiem

Paņemiet, piemēram, boutique grāmatvedības uzņēmumu: tā vietā, lai dizainerim iedotu "šeit ir piecas grāmatvedības vietnes", jūs iedodat bibliotēkas kartīti "uzticības lapas modelis: kas mēs esam, ko klients izvairās, pieņemot mūs darbā, pierādījums par pieredzi, viens nākamais solis." Dizainam joprojām ir nepieciešama cilvēka acs, bet lēmumi jau ir pieņemti. Jūs arī izvairāties no pelēkās uzvalku kļūdas, ko kopē visi grāmatvedības uzņēmumi, jo jūsu modelis neko nepasaka par krāsām. Labākie avoti reti ir no tās pašas nozares; apzināti aizņemieties tīmekļa vietņu piemērus no citām nozarēm un izmantojiet paraugu bibliotēku, lai saglabātu to, kas pāriet.

Divdesmitais klients: dodiet bibliotēkai atgriezeniskās saites loku

Pēc katras palaišanas veiciet īsu auditu un ievadiet secinājumus atpakaļ bibliotēkā. Lielākā daļa komandu apstājas pie tā, ka "kurš brīvs, tas atjaunina pagājušā gada veidni, līdz kāds sūdzas." Mērogošanas solis ir izturēties pret katru tiešsaistes vietni kā pret jūsu modeļu testu. Audits neprasa sarežģītus rīkus: palaišanas dienā apskatiet sadaļas ar nepazīstama klienta acīm; pēc nedēļas jautājiet tiem, kas atbild uz tālruņiem, kādi jautājumi apmeklētājiem joprojām rodas; pēc mēneša pārbaudiet, uz kuriem CTA faktiski tiek klikšķināts. Jūs atklāsiet, ka daži iemīļoti modeļi nekad neattaisno savu vietu — izdzēsiet tos. Tas ir ieradums veikt auditu kā klientam, kuram par jums nerūp, bet attiecināts uz pašu kolekciju: jūs auditējat savus piemērus, ne tikai klienta lapu.

Ņemiet, piemēram, profesionālo pakalpojumu klientu, kura vecā vietne paslēpa "strādājiet ar mums" darbību aiz sadaļas "Par mums". Paraugu bibliotēkas kartīte "viena uzdevuma galvenā sadaļa" liek nākamajam dizainerim novietot darbību virs locījuma. Pēc palaišanas jūs pamanāt, ka personāla atlases auditorija turpina pamest lapu. Tas nav modeļa neveiksme; tas ir pierādījums, ka šī lapa apkalpo divas auditorijas, un bibliotēkai ir nepieciešams variants "vairākām auditorijām". Pievienojiet piezīmi, atzīmējiet veco kartīti "vienas auditorijas lapām", un nākamais līdzīgais klients neatkārtos kļūdu.

Pretrunīgā nodaļa: neuztveriet viena CTA bausli burtiski

Tagad iebildumi. Daudzi SaaS piemēru apskati jums teiks, ka katrai lapai jābūt vienam CTA, un Notion vienīgais "Get Notion free" tiek izcelts kā pierādījums. Šis padoms ir patiess produkta lapām, kuru viss uzdevums ir viens reģistrēšanās; tas kļūst nepatiess, tiklīdz veidojat vietni klientam ar vairākām auditorijām. "Viena CTA" kā likuma interpretācija rada aģentūru vietnes, kurās prakses personāla atlases lapa, preses kontakti un konsultāciju veidlapa konkurē par vienu pogu. Aizstāvams noteikuma variants ir "viena galvenā mērķa darbība katrai auditorijai katrā lapā", nevis "viena poga, vienmēr". Tas pats piemērs, kas katru sadaļu virza uz vienu darbību, var tikt lasīts kā lapa, kas apmeklētājam lūdz izdarīt tieši vienu lietu — tas ir princips, ko ir vērts nozagt. Universitātei vai konsultāciju uzņēmumam ir nepieciešama galvenā darbība potenciālajiem klientiem un cita — mācībspēkiem; viena CTA uzspiešana paslēpj abas. Saglabājiet principu, izlaidiet ekrānuzņēmumu.

Pavadiet mazāk laika vācot, vairāk laika lemjot

Nav nepieciešama lielāka piemēru kolekcija. Ir nepieciešams izdzēst lielāko daļu no tā, ko esat saglabājis, un pierakstīt, kāpēc izdzīvojušie ir svarīgi. Posmi ir vienkārši: tulkojiet, pirms prezentējat; kodificējiet to, kas turpina darboties; auditējiet to, ko esat nodevis; ignorējiet baušļus, kas neatbilst klientam. Aģentūras piemēru praksei jābriest tāpat kā tās projektiem — no roku darba līdz atkārtojamam līdz pašattīstošam. Mape joprojām ir tur. Tā vienkārši tagad ir daudz mazāka.