Revizija web predložaka: Ponovljiv način provjere predložaka kod klijenata

Summary

Kako odabrati predložak za klijenta kada odluka mora preživjeti kontakt s drugim klijentom, trećim, i još desetak njih? Prvi je predložak jednostavan: pronađete nešto što izgleda dobro, pokažete to klijentu i idete dalje. Deseti je predložak mjesto gdje se obrazac lomi. Do tada ste naslijedili hrpu malih kompromisa — raspored koji se bori sa sadržajem, značajku koja klijentu ne treba, prilagodbu koja se pokvarila pri sljedećem ažuriranju. Rješenje nije prestati koristiti predloške; oni i dalje ostaju brz i pristupačan način za pokretanje profesionalne web stranice. Rješenje je tretirati predložak onako kako inženjerski tim tretira ovisnost o trećoj strani: revidirajte ga prije nego što ga prihvatite, dokumentirajte što pronađete i učinite reviziju ponovljivom kod svakog klijenta.

Kako odabrati predložak za klijenta kada odluka mora preživjeti kontakt s drugim klijentom, trećim, i još desetak njih? Prvi je predložak jednostavan: pronađete nešto što izgleda dobro, pokažete to klijentu i idete dalje. Deseti je predložak mjesto gdje se obrazac lomi. Do tada ste naslijedili hrpu malih kompromisa — raspored koji se bori sa sadržajem, značajku koja klijentu ne treba, prilagodbu koja se pokvarila pri sljedećem ažuriranju. Rješenje nije prestati koristiti predloške. Predlošci ostaju brz i pristupačan način za pokretanje profesionalne web stranice i za mnoge su klijente pravi izbor. Rješenje je tretirati predložak onako kako inženjerski tim tretira ovisnost o trećoj strani: revidirajte ga prije nego što ga prihvatite, dokumentirajte što pronađete i učinite reviziju ponovljivom kod svakog klijenta.

Prvi prigovor: “Nemamo vremena provjeravati predloške, klijentu treba stranica odmah”

Jedan sat strukturirane provjere sada uštedjet će vam desetke sati nestrukturiranog popravljanja kasnije. To nije slogan; to je računica. Kada prihvatite predložak bez pregleda njegove površine promjena, preuzimate rizik unaprijed. Nedostajuće značajke otkrivate tijekom recenzija s klijentom, a ne tijekom pripreme.

Površina promjena je svako mjesto na kojem ćete morati dirati predložak da biste ga prilagodili sadržaju i brendu klijenta. Uzmite građevinsku tvrtku koja traži moderan industrijski izgled. Pronađete predložak s tamnim herojem, podebljanom tipografijom i fotografijom dizalice. Izgleda savršeno u pregledu na tržnici. Zatim pokušate dodati galeriju projekata s dugim opisima i otkrijete da blok portfelja podržava samo kratke opise, a gumb “zatraži ponudu” je tvrdo kodiran na jednu adresu e-pošte. Sada pišete nadjačavanja za stvari koje je predložak trebao izložiti kao opcije.

Prije nego što klijent potpiše bilo što, provedite vježbu pripreme. Povucite predložak u svježe, prazno okruženje. Zapišite klijentove nepromjenjive značajke i mapirajte svaku na postavku predloška. Pokušajte napraviti tri izmjene koje ćete najvjerojatnije raditi: zamijenite logotip, promijenite primarnu boju, prepišite tekst početne stranice. Zabilježite koje su promjene bile postavke, a koje su zahtijevale uređivanje koda. Ovo nije duboka tehnička revizija; to je fokusirana vježba od dvadeset minuta koja vam govori je li predložak početna točka ili projekt za sebe.

Drugi prigovor: “Svaki je klijent drugačiji, pa standardna recenzija neće funkcionirati”

Komercijalni dobavljač vodovodnih instalacija i specijalizirana trgovina hranom dolaze u vaš tim. Nemaju gotovo ništa vizualno zajedničko. Klijent iz vodovodnih instalacija treba kategorije proizvoda, tehničke listove i tijek rada za zahtjeve za ponude. Trgovina hranom treba popise proizvoda, informacije o dostavi i put naručivanja. Različiti industrijski predlošci odgovarat će im — tržnice predložaka nude dizajne specifične za industriju, često s ugrađenim značajkama poput kataloga proizvoda, sustava za rezervacije ili portfelja. Ali pitanja revizije ostaju ista za oboje: Mogu li pomaknuti logotip bez diranja koda? Mogu li promijeniti redoslijed navigacije? Mogu li zamijeniti kontakt podatke na jednom mjestu? Odgovara li ugrađena značajka načinu na koji ovaj klijent zapravo prima narudžbe ili zahtjeve?

Fraza “svaki je klijent drugačiji” upravo je razlog zašto je standardna recenzija važna. Sprječava vas da napravite istu skupu pogrešku u novom ruhu.

Evo kako izgleda pregled demo verzije u odnosu na ono što revizija zapravo provjerava:

Što prikazuje demo na tržnici	Što revizija zapravo provjerava
Uglancana početna stranica na velikom zaslonu računala	Kako se predložak ponaša pri širinama telefona, tableta i računala te kako se navigacija sažima
Stock fotografije i kratki, uredni placeholder tekstovi	Kako se blokovi rasporeda ponašaju s realističnim duljinama sadržaja, uključujući duge nazive proizvoda ili guste kontakt podatke
Glatki hover efekti i animacije	Jesu li interakcije pristupačne i odgađaju li prvo iscrtavanje na tipičnoj vezi
Ikona značajke poput “dodaj u košaricu” ili “rezerviraj sada”	Je li značajka konfigurabilna, šalje li podatke negdje što klijent kontrolira i odgovara li stvarnom tijeku rada klijenta
“Lako prilagodljivo” u opisu	Koje promjene možete napraviti u vizualnom uređivaču, a koje zahtijevaju ponovno pisanje stila ili oznake

Odabir predloška prema izgledu način je na koji agencije završe s predloškom koji se bori sa sadržajem; tijek rada koji prvo stavlja sadržaj drži stvarni materijal klijenta na vidiku od samog početka. Revizija zatim postoji da provjeri može li predložak nositi taj materijal bez napora.

Treći prigovor: “Demo izgleda dobro, pa već znamo što nam treba”

Otvorite demo u prozoru privatnog pregledavanja i promijenite veličinu od 320 piksela do 1440 piksela prije nego što kliknete gumb koji kaže nešto poput “Započni s ovim predloškom”. Učinite to polako. Gledajte gdje se navigacija sažima, gdje se slike obrezuju i gdje tekst počinje izlaziti iz svog spremnika. Ta jedna vježba reći će vam više od mape sa snimkama zaslona.

Ovdje dosadni kriteriji u svakom opisu predloška — responzivnost, prijateljstvo prema SEO-u, brzina učitavanja, korisničko iskustvo — postaju konkretni. Demo na tržnici gotovo sigurno radi na vlastitom hostingu tržnice, s čistim skupom slika i bez analytics skripti. Stranica vašeg klijenta radit će na vlastitom hostingu, s njihovim logotipom, njihovim stvarnim tekstom i nekoliko oznaka trećih strana. Ako predložak ovisi o ogromnoj baner slici da bi izgledao dobro, to je problem performansi koji birate danas.

Također testirajte značajku zbog koje ste pogledali predložak. Klijent za upravljanje praksom mogao bi biti privučen predloškom s widgetom za rezervacije. U demou izgleda uglađeno. Zatim otkrijete da widget sprema podneske u demo račun, traži od posjetitelja obrazac autora predloška ili se uopće ne povezuje s kalendarom klijenta. Revizija treba odgovoriti: kamo idu podaci? Može li klijent vidjeti podneske? Je li značajka dio koda predloška ili ovisi o usluzi treće strane koja kasnije može promijeniti cijene? Ako su rangiranja na tražilicama dio odluke, uobičajeni SEO mitovi o predlošcima vrijedi provjeriti prije nego što se obvežete.

Četvrti prigovor: “Prilagodba će riješiti svaki nedostatak, pa samo odaberimo jedan i prilagodimo ga”

Recimo da klijent traži jednu malu prilagodbu veličine fonta na mobitelu. Otkrijete da je stil naslova predloška definiran na nekoliko mjesta na različitim prijelomnim točkama. Da biste napravili jednu dosljednu promjenu, pišete nekoliko nadjačavanja. Ona funkcioniraju. Tri mjeseca kasnije stigne ažuriranje; jedna od tih deklaracija sada je u sukobu; naslov klijenta odjednom skoči na neočekivanu veličinu na telefonima. To je stvarni trošak “prilagodit ćemo to kasnije”.

Prilagodba nije jednokratni događaj; to je odnos održavanja. U trenutku kada nadjačate nešto u temeljnom CSS-u ili oznaci predloška, stvarate verziju predloška koja više nije točno ono što autor održava. Sljedeće ažuriranje bit će napisano prema originalu, a svako nadjačavanje točka je na kojoj buduće ažuriranje može neprimjetno pokvariti dizajn klijenta. Što više prilagođavate, to više postajete de facto održavatelj predloška — i tu se pojavljuju uobičajene pogreške pri prilagodbi.

Ponekad je iskren zaključak revizije da nijedan predložak nije dobro rješenje. Ako su potrebe klijenta dovoljno specifične da prije pokretanja planirate opsežnu prilagodbu, prilagođena izrada zapravo može koštati manje tijekom životnog vijeka projekta. Predlošci su prečac, a prečaci su korisni samo kada doista skraćuju put. Ta kompenzacija ugrađena je u način na koji se predlošci obično opisuju: nude učinkovitost i isplativost, uz iskrenu napomenu da prilagođene web stranice mogu pružiti veću fleksibilnost i skalabilnost za dugoročni rast. Revizija vam govori na kojoj ste strani te kompenzacije zapravo.

Peti prigovor: “Odabir po osjećaju je brži i naši klijenti vjeruju našem ukusu”

Zamjenjuje li bodovna kartica dizajnersku prosudbu? Ne — i zato je korisna. Uzmite dva predloška za istog klijenta terapeuta. Oba dobivaju “da” u svakoj kategoriji revizije. Jedan ima smireniju tipografsku ljestvicu; drugi ima ekspresivniji sustav boja. Bodovna kartica govori vam da su operativno jednaki, a vaša dizajnerska prosudba odabire onaj koji odgovara osobnosti klijenta. To je ukus koji radi posao za koji je doista dobar, umjesto da se od njega traži da predvidi ponašanje ažuriranja, obradu podataka i mobilni raspored.

Držite bodovnu karticu jednostavnom. Za svaki predložak ocijenite pet stvari koje ruše projekte: površinu promjena, put ažuriranja, prilagodbu značajki, responzivno ponašanje i performanse/SEO-prijateljstvo. Koristite samo “da”, “djelomično” ili “ne”. Kada dobijete više od jednog “ne”, imate razgovor, a ne presudu. Taj razgovor postaje ponovljiv dio vašeg obrazloženja prema klijentu: “Nismo odabrali ovaj predložak jer bi njegova značajka rezervacija zahtijevala zamjenu u roku od nekoliko mjeseci.” To je lakše obraniti nego “mislio sam da ne izgleda dobro”.

Zaključak: Neka revizija bude ono što ponavljate

Cilj nije savršen predložak. Ne postoji savršen predložak. Postoji samo predložak čije ste kompenzacije vidjeli unaprijed i svjesno ih prihvatili. Kada revidirate prije prihvaćanja, možete izgraditi i malu biblioteku bilješki o predlošcima — koji je predložak radio za klijenta s katalogom proizvoda, koji je podržavao dugotrajni portfelj i koja nadjačavanja ste morali napraviti da biste to postigli. Sljedeći angažman počinje s tom bibliotekom umjesto s praznim pregledom pretraživanja. Tako tijek rada s predlošcima postaje ponovljiv među klijentima: ne korištenjem istog predloška svaki put, već zajedničkim procesom za odlučivanje zaslužuje li predložak trud da postane isporučivo rješenje.

Jedna napomena: strogost bi trebala rasti s veličinom obveze. Jednostranična marketinška stranica za lokalnu tvrtku ne treba dvodnevnu reviziju; klijent čiji prihod ovisi o sustavu rezervacija predloška treba. Proces je isti. Dubina pitanja je ono što se mijenja.