Audit šablón webových stránok: Opakovateľný spôsob, ako preveriť šablóny naprieč klientmi

Summary

Ako si vybrať šablónu pre klienta, keď musí voľba prežiť kontakt s druhým klientom, tretím a ďalšími desiatimi? Prvá šablóna je jednoduchá: nájdete niečo, čo vyzerá dobre, ukážete to klientovi a idete ďalej. Desiata šablóna je miesto, kde sa vzorec láme. Vtedy ste zdedili kopu malých kompromisov — rozloženie, ktoré bojuje s obsahom, funkciu, ktorú klient nepotrebuje, prispôsobenie, ktoré sa pokazilo pri ďalšej aktualizácii. Riešením nie je prestať používať šablóny; stále zostávajú rýchlym a cenovo dostupným spôsobom, ako spustiť profesionálnu webovú stránku. Riešením je zaobchádzať so šablónou tak, ako inžiniersky tím zaobchádza so závislosťou tretej strany: preverte ju predtým, než ju prijmete, zdokumentujte, čo zistíte, a urobte audit opakovateľným pre každého klienta.

Ako si vybrať šablónu pre klienta, keď musí voľba prežiť kontakt s druhým klientom, tretím a ďalšími desiatimi? Prvá šablóna je jednoduchá: nájdete niečo, čo vyzerá dobre, ukážete to klientovi a idete ďalej. Desiata šablóna je miesto, kde sa vzorec láme. Vtedy ste zdedili kopu malých kompromisov — rozloženie, ktoré bojuje s obsahom, funkciu, ktorú klient nepotrebuje, prispôsobenie, ktoré sa pokazilo pri ďalšej aktualizácii. Riešením nie je prestať používať šablóny. Šablóny zostávajú rýchlym a cenovo dostupným spôsobom, ako spustiť profesionálnu webovú stránku, a pre mnohých klientov sú tou správnou voľbou. Riešením je zaobchádzať so šablónou tak, ako inžiniersky tím zaobchádza so závislosťou tretej strany: preverte ju predtým, než ju prijmete, zdokumentujte, čo zistíte, a urobte audit opakovateľným pre každého klienta.

Prvá námietka: „Nemáme čas na preverovanie šablón, klient potrebuje web hneď“

Jedna hodina štruktúrovaného preverovania teraz vám ušetrí desiatky hodín neštruktúrovanej nápravy neskôr. To nie je slogan; to je vyúčtovanie. Keď prijmete šablónu bez toho, aby ste sa pozreli na jej zmenovú plochu, riskujete dopredu. Chýbajúce funkcie objavíte počas recenzií s klientom, nie počas testovania.

Zmenová plocha je každé miesto, ktoré budete musieť v šablóne upraviť, aby zodpovedala obsahu a značke klienta. Zoberme si stavebnú firmu, ktorá chce moderný industriálny vzhľad. Nájdete šablónu s tmavým hrdinom, výraznou typografiou a fotografiou žeriava. V ukážke na trhovisku vyzerá perfektne. Potom sa pokúsite pridať galériu projektov s dlhými popismi a zistíte, že blok portfólia podporuje iba krátke popisy a tlačidlo „vyžiadať cenovú ponuku“ je pevne naprogramované na jednu e-mailovú adresu. Teraz píšete prepísania pre veci, ktoré mala šablóna sprístupniť ako možnosti.

Predtým, ako klient čokoľvek podpíše, vykonajte testovaciu skúšku. Stiahnite šablónu do čistého, prázdneho prostredia. Zostavte zoznam nevyhnutných funkcií klienta a každú z nich priraďte k nastaveniu šablóny. Vyskúšajte tri zmeny, ktoré pravdepodobne urobíte: vymeňte logo, zmeňte primárnu farbu, prepíšte text na domovskej stránke. Všimnite si, ktoré zmeny boli nastavenia a ktoré si vyžiadali úpravu kódu. Toto nie je hlboký technický audit; je to sústredené dvadsaťminútové cvičenie, ktoré vám povie, či je šablóna východiskovým bodom alebo vlastným projektom.

Druhá námietka: „Každý klient je iný, takže štandardná kontrola nebude fungovať“

Do vášho tímu vstúpi obchodný dodávateľ inštalatérskych zariadení a špecializovaný obchod s potravinami. Nemajú takmer nič spoločné vizuálne. Klient z inštalatérskej oblasti potrebuje kategórie produktov, technické listy a pracovný postup pre žiadosť o cenovú ponuku. Obchod s potravinami potrebuje zoznamy produktov, informácie o doručení a objednávkový postup. Rôzne priemyselné šablóny im budú vyhovovať — trhoviská šablón ponúkajú šablóny špecifické pre odvetvie, často so vstavanými funkciami, ako sú katalógy produktov, rezervačné systémy alebo portfóliá. Otázky auditu však zostávajú pre oboch rovnaké: Môžem presunúť logo bez toho, aby som sa dotkol kódu? Môžem zmeniť poradie navigácie? Môžem nahradiť zástupné kontaktné údaje na jednom mieste? Zodpovedá vstavaná funkcia tomu, ako tento klient skutočne prijíma objednávky alebo žiadosti?

Fráza „každý klient je iný“ je presne dôvod, prečo štandardná kontrola záleží. Zastaví vás pred opakovaním rovnakej drahej chyby v novom prestrojení.

Takto vyzerá ukážková recenzia v porovnaní s tým, čo audit skutočne kontroluje:

Čo ukazuje ukážka na trhovisku	Čo audit skutočne kontroluje
Vyleštená domovská stránka na veľkej desktopovej obrazovke	Ako sa šablóna správa pri šírkach telefónu, tabletu a desktopu a ako sa navigácia zbali
Stock fotografie a krátke, upratané zástupné texty	Ako sa bloky rozloženia správajú pri realistických dĺžkach obsahu, vrátane dlhých názvov produktov alebo hustých kontaktných údajov
Plynulé hover efekty a animácie	Či sú interakcie prístupné a či oneskorujú prvé vykreslenie na typickom pripojení
Ikona funkcie, ako „pridať do košíka“ alebo „rezervovať teraz“	Či je funkcia konfigurovateľná, či odosiela údaje tam, kde ich klient kontroluje, a či zodpovedá skutočnému pracovnému postupu klienta
„Ľahko prispôsobiteľné“ v popise	Ktoré zmeny môžete vykonať vo vizuálnom editore a ktoré si vyžadujú prepísanie štýlov alebo značiek

Výber šablóny podľa vzhľadu je spôsob, akým agentúry skončia so šablónou, ktorá bojuje s obsahom; pracovný postup zameraný na obsah drží skutočný materiál klienta od začiatku na očiach. Audit potom existuje na to, aby skontroloval, či šablóna dokáže tento materiál uniesť bez námahy.

Tretia námietka: „Ukážka vyzerá dobre, takže už vieme, čo potrebujeme“

Otvorte ukážku v okne súkromného prehliadania a zmeňte jej veľkosť z 320 pixelov na 1440 pixelov, kým kliknete na tlačidlo, ktoré hovorí niečo ako „Začať s touto šablónou.“ Urobte to pomaly. Sledujte, kde sa navigácia zbali, kde sa obrázky orezávajú a kde text začína presakovať z kontajnera. Toto jediné cvičenie vám povie viac než priečinok snímok obrazovky.

Tu sa nudné kritériá v každom popise šablóny — responzívnosť, SEO-prívetivosť, rýchlosť načítania, používateľská skúsenosť — stávajú konkrétnymi. Ukážka na trhovisku takmer určite beží na vlastnom hostingu trhoviska, s čistou sadou obrázkov a bez analytických skriptov. Web klienta bude bežať na jeho vlastnom hostingu, s jeho logom, jeho skutočným textom a niekoľkými značkami tretích strán. Ak šablóna závisí od veľkého bannerového obrázka, aby vyzerala dobre, je to problém s výkonom, ktorý si vyberáte dnes.

Otestujte aj funkciu, kvôli ktorej ste si šablónu všimli. Klient v oblasti riadenia praxe môže byť priťahovaný k šablóne s rezervačným widgetom. V ukážke vyzerá vyleštene. Potom zistíte, že widget ukladá vstupy do demo účtu, zobrazuje návštevníkom formulár autora šablóny alebo sa vôbec nepripája ku kalendáru klienta. Audit musí odpovedať: kam idú údaje? Môže klient vidieť vstupy? Je funkcia súčasťou kódu šablóny, alebo závisí od služby tretej strany, ktorá môže neskôr zmeniť ceny? Ak sú súčasťou rozhodnutia pozície vo vyhľadávaní, bežné mýty o SEO šablón stojí za to skontrolovať predtým, než sa zaviažete.

Štvrtá námietka: „Prispôsobenie vyrieši akýkoľvek nedostatok, takže si jednoducho vyberieme a upravíme“

Povedzme, že klient požiada o jednu malú úpravu veľkosti písma na mobile. Zistíte, že štýl nadpisov šablóny je definovaný na viacerých miestach naprieč breakpointmi. Aby ste urobili jednu konzistentnú zmenu, napíšete niekoľko prepísaní. Fungujú. O tri mesiace neskôr príde aktualizácia; jedno z týchto vyhlásení teraz koliduje; nadpis klienta náhle preskočí na neočakávanú veľkosť na telefónoch. To sú skutočné náklady na „prispôsobíme to neskôr.“

Prispôsobenie nie je jednorazová udalosť; je to vzťah údržby. V momente, keď prepíšete niečo v základnom CSS alebo značkách šablóny, vytvoríte verziu šablóny, ktorá už nie je presne tým, čo autor udržiava. Ďalšia aktualizácia bude napísaná proti originálu a každé prepísanie je bod, kde budúca aktualizácia môže ticho rozbiť dizajn klienta. Čím viac prispôsobujete, tým viac sa stávate skutočným správcom šablóny — a práve tu sa objavujú chyby pri prispôsobovaní.

Niekedy je úprimným záverom auditu, že žiadna šablóna nie je dobrá voľba. Ak sú potreby klienta natoľko špecifické, že pred spustením plánujete veľké prispôsobenie, vlastná tvorba môže v skutočnosti stáť menej počas životnosti projektu. Šablóny sú skratka a skratky sú užitočné len vtedy, keď skutočne skracujú cestu. Tento kompromis je zabudovaný do toho, ako sú šablóny zvyčajne popisované: ponúkajú efektívnosť a nákladovú efektívnosť, s úprimnou výhradou, že vlastné webové stránky môžu poskytnúť väčšiu flexibilitu a škálovateľnosť pre dlhodobý rast. Audit vám povie, na ktorej strane tohto kompromisu skutočne ste.

Piata námietka: „Výber podľa pocitu je rýchlejší a naši klienti dôverujú nášmu vkusu“

Nahrádza skórovacia karta dizajnérsky úsudok? Nie — a práve preto je užitočná. Zoberme si dve šablóny pre toho istého klienta terapeuta. Obe dosiahnu „áno“ vo všetkých kategóriách auditu. Jedna má pokojnejšiu typografickú škálu; druhá má výraznejší farebný systém. Skórovacia karta vám povie, že sú operačne rovnaké, a váš dizajnérsky úsudok vyberie tú, ktorá zodpovedá osobnosti klienta. To je vkus, ktorý robí prácu, na ktorú je naozaj dobrý, namiesto toho, aby bol žiadaný predpovedať správanie pri aktualizáciách, spracovanie údajov a mobilné rozloženie.

Udržujte skórovaciu kartu jednoduchú. Pre každú šablónu ohodnoťte päť vecí, ktoré rozbíjajú projekty: zmenová plocha, cesta aktualizácií, vhodnosť funkcií, responzívne správanie a výkon/SEO-prívetivosť. Používajte iba „áno“, „čiastočne“ alebo „nie“. Keď dostanete viac ako jedno „nie“, máte konverzáciu, nie verdikt. Táto konverzácia sa stáva opakovateľnou súčasťou vášho odôvodnenia voči klientovi: „Túto šablónu sme nevybrali, pretože jej rezervačná funkcia by si v priebehu mesiacov vyžiadala výmenu.“ To sa obhajuje ľahšie ako „nemyslel som si, že to vyzerá dobre.“

Záver: Nechajte audit byť tým, čo opakujete

Cieľom nie je dokonalá šablóna. Dokonalá šablóna neexistuje. Existuje iba šablóna, ktorej kompromisy ste videli vopred a vedome ich prijali. Keď vykonávate audit pred prijatím, môžete si tiež vytvoriť malú knižnicu anotovaných poznámok o šablónach — ktorá šablóna fungovala pre klienta s produktovým katalógom, ktorá zvládla dlhý formát portfólia a aké prepísania ste museli urobiť, aby ste sa tam dostali. Ďalšie zadanie začína s touto knižnicou namiesto prázdneho vyhľadávacieho náhľadu. Takto sa pracovný postup so šablónami stáva opakovateľným naprieč klientmi: nie používaním rovnakej šablóny zakaždým, ale spoločným procesom rozhodovania, či si šablóna zaslúži prácu stať sa výstupom.

Jedna výhrada: prísnosť by sa mala škálovať s veľkosťou záväzku. Jednostránkový marketingový web pre miestny podnik nepotrebuje dvojdňový audit; klient, ktorého príjmy závisia od rezervačného systému šablóny, áno. Proces je rovnaký. Mení sa hĺbka otázok.