Budoucnost je v no-code aneb Proč květinářství nepotřebuje web na míru

Ve svém oblíbeném květinářství jsem u příležitosti jistých narozenin telefonicky objednal květinu. Květinářství sídlí v centru Prahy. Mně se ale pro vyzvednutí více hodila pobočka poblíž mého bydliště, kterou jsem objevil na jejich webu a již jsem do té doby neznal. Jaké však bylo mé rozčarování, když jsem prodejnu na dané adrese hledal, samozřejmě akorát na čas — a nenašel.

Článek obsahuje affiliate odkazy. Zakoupením odkazovaných služeb můžete provozovateli webu Frontend Garden přivodit malou provizi.

Jak jsem záhy zjistil, byla už přes rok zavřená. Na webu kontakt stále visel, protože administrace prý úpravu kontaktů nedovoluje. A jelikož byl původní telefon přesměrovaný do hlavní prodejny, dovolal jsem se a květinu objednal, jenže z ani jedné ze stran nepadlo slovo o adrese — já měl zato, že volám na svou pobočku, a prodejce rovněž.

Jeden zbloudilý zákazník vám byznys asi nepoloží, ale dobrou referenci od něj také nedostanete. Chyba nebyla v technologii, ale v jejím použití; ukázkový příklad nevhodně zvoleného řešení webu, který nedokáže reagovat na základní potřeby svého provozovatele.

Webdesign bez kódu

Webdesign se za posledních 20 let několikrát podstatně změnil. Dlouhou dobu byla tvorba webů doménou technicky zaměřených lidí, to se však postupně mění. Vznikají nové nástroje, které zásadně mění pravidla hry, protože umožňují i méně technickým lidem tvořit stejně kvalitní weby, bez kódu.

Frontend GardenMartin Staněk

Základní potřeby prezentačních webů jsou přitom stále tytéž: text „o nás“, služby, reference, kontakt. Po „aktualitách“ už, zdá se, není taková poptávka jako bývala (nahradily je sociální sítě), a funkcionalitu blogu požadují většinou jen ti, kteří si dostatečně uvědomují, jaký závazek to znamená.

Řeklo by se, že pro standardizované, generické zadání by mělo existovat i standardizované, generické řešení. A také existuje: jmenuje se no-code webdesign. Přesto stále ještě vzniká množství prezentačních webů drahou a neefektivní cestou návrhu a programování na míru.

Problém tradičního webdesignu

Když si jdeme koupit pohovku do obchodu s nábytkem, je to patrně proto, že si uvědomujeme, že nemáme žádné speciální nároky a víme, že sériově vyrobený kus nás přijde výrazně levněji než návrh a výroba na míru. Po designovém nábytku vyrobeném na zakázku sahá člověk tehdy, kdy jeho specifickým požadavkům přestávají sériové produkty stačit. A co je důležité – když má na to to zaplatit.

V oblasti webu to funguje úplně stejně. Jenže bohužel, z nějakého důvodu je mezi lidmi historicky zažitý pocit, že výroba webu na míru je nebo může být levná. Výsledek podle toho také vypadá. Pomineme-li šikovné začínající profesionály, nízká cena a kvalitní výsledek se navzájem vylučují. Je otázkou, kdo za to může (nejspíš se ptejme sami sebe). Ani teď však není pozdě na to vymezit nové hranice a přestat klienty trápit nevhodnými řešeními na míru.

Přestaňme klienty trápit nevhodnými řešeními na míru.

Ano, technicky je možné i pro běžné požadavky vystavět řešení na zakázku. To je však zaprvé drahé a zadruhé zbytečně plýtvá schopnostmi a kapacitou tvůrců, kteří by se místo generických zadání mohli věnovat něčemu kreativnějšímu. Na světě jsou zajímavější problémy než stále dokola implementovat tentýž responzivní web, jen tentokrát v trochu jiné grafice než u minulého projektu.

Webdesign na míru samozřejmě má a musí existovat. Opravdu velké projekty na generických řešeních nepostavíte, a to i ze strategických důvodů. Jen je třeba udělat tlustou čáru za minulostí a říci, pro koho je web na míru určený. Protože prezentace kavárny vašeho souseda to s největší pravděpodobností není.

Výhody:

• Cokoli je možné. Web se staví na míru specifickým požadavkům zákazníka.
• Stejně tak jsou možné i jakékoli úpravy a změny v budoucnu.

Nevýhody:

• Je zapotřebí koordinace mnoha profesí: analytik, copywriter, designer, kodér, programátor, markeťák… Najde-li se jedinec zastřešující vše uvedené, není reálné, aby zvládal všechny role stejně dobře.
• Finanční náročnost z toho vyplývající. Profesionální web na míru pod 100 000 Kč není možné realizovat. Realističtější je spíše částka mnohem vyšší a i když by se investice měla začít brzy vracet, už to není zdaleka pro každého.
• Nákladná (a nezáživná) správa obsahu, kterou musí dělat odborník, pokud k webu není klientská administrace.
• Náklady na režii s kódem a na infrastrukturu. Kód je třeba verzovat a automatizovaně nasazovat.
• Závislost klienta na původním dodavateli (vendor lock-in). Přebírat cizí projekty není ani populární, ani jednoduché.

Na půli cesty: WordPress + šablona

WordPress je nejpopulárnější publikační platforma na světě. Pro svoji univerzálnost a relativně snadnou uchopitelnost se stal populárním i pro další druhy webů, od prezentačních stránek až po vícejazyčné e-shopy, a to díky obřímu ekosystému pluginů. Ty jsou jeho nejsilnější zbraní, ale i největší slabinou.

Jednoduchost jeho zprovoznění a úpravy je na jednu stranu výhodou, na druhou stranu se tak WordPress dostává do rukou i těm, kteří webu nebo programování zas tolik nerozumí. To nedělá dobré jméno ani WordPressu, ani našemu oboru.

Finanční náklady na provoz webu na WordPressu mohou být velmi příznivé. Jednou z výhod popularity platformy je ohromné množství placených šablon za rozumnou cenu, z kterých je možné vybírat. Vypadají pěkně a malý web na nich postavíte i za odpoledne. Pokud šablona splňuje vše, co klient potřebuje, máte štěstí, vybrali jste dobře.

Problém přichází, jakmile se požadavky změní a je potřeba zásah do kódu, protože daná věc v administraci naklikat nejde. V tu chvíli je majitel webu odkázán na pomoc zvenčí. Údržba se tím pro něj i pro tvůrce stává nepohodlnou až obtěžující, o nákladech nemluvě.

Pro úplnost: CMS Drupal spadá do stejné kategorie a přestože je od základu navržen mnohem univerzálněji a robustněji než úzce specializovaný WordPress, většina jmenovaných výhod i nevýhod je platná i pro něj.

Výhody:

• Nízké pořizovací náklady. Klient platí jen za hosting, doménu a šablonu, což nebývá mnoho. Ani pomoc odborníka nemusí být drahá, protože spoustu věcí zvládne klient sám.
• Snadná správa obsahu, pokud se vše potřebné dá ovládat z administrace.
• Na publikování obsahu je administrační rozhraní WordPressu stále jedno z nejlepších řešení.

Nevýhody:

• Možnosti jsou omezené možnostmi použité šablony a pluginů. Na cokoli jiného je potřeba odborník a ani tak nemusí být snadné v budoucnu dělat větší změny.
• Je třeba důkladně dbát na zabezpečení, protože weby na WordPressu jsou pro jeho popularitu neustále pod palbou hackerských útoků.
• WordPress je primárně publikační platforma. To umí velice dobře, o tom žádná. Často je ale ohýbán do úplně jiné funkce, než pro kterou byl navržen — a je to zkrátka vidět.
• Kód. I když existují samoinstalační hostingy pro WordPress, kde zákazník prakticky nemusí přijít do styku s kódem, většina instalací WordPressu bývá provozována na běžném hostingu. Někteří klienti zcela právem nechtějí řešit, proč platí tady za doménu, tuhle za hosting, jinde za šablonu a ještě někomu za údržbu. Pro vývojáře by práce s kódem měla (doufejme) přinášet i režii s verzováním, která je u jednoduchých webů, mírně řečeno, obtěžující, ve větším objemu až frustrující. A kolik už jste viděli WordPress webů s automatizovaným nasazováním?

No-code platformy

Představme si, že web tvoříme stejně snadno jako textový dokument nebo prezentaci. Myšlenka nijak nová, ale až v posledních letech uskutečnitelná. To, co nakreslíme, již není třeba kódovat, máme před sebou hotový výsledek. Místo programování potřebnou funkcionalitu naklikáme. Responzivita funguje automaticky, včetně obrázků. To není výlet do říše snů, ale realita řady služeb, na kterých je možné web právě takto postavit.

A kterých, ptáte se?

Webflow

Webflow je celosvětově asi nejpopulárnější no-code platforma, průkopník no-code webdesignu. Umožňuje vystavět takřka cokoli díky překvapivě intuitivnímu UI, které je velmi blízké tomu, jak se weby kódují. Kromě autorského prostředí nabízí i klientskou administraci. Poslouží jak pro jednoduché weby, tak pro e-shopy. Podporuje integraci s řadou služeb třetích stran.

Solidpixels

Solidpixels je průkopník no-code webů z Česka. Filosofií je oproti Webflow blíže běžným uživatelům než jedincům se znalostí kódování. Navrženo jak pro prezentační weby, tak pro e-shopy. Také podporuje řadu integrací služeb třetích stran.

Weblium

Na vzestupu je také služba Weblium. Ta se pyšní využitím AI aplikované při stavění webů. To se v reálu týká třeba volby barevných kombinací nebo chytrého ořezu obrázků se zaměřením na hlavní objekt. Má velmi jednoduché a intuitivní rozhraní s arzenálem hotových bloků a regionů, plus klientskou administraci pro správu článků na blogu. Funkcionalitu e-shopu nepodporuje a integrací zatím nabízí jen několik.

A tak dále. Výčet není úplný — existují i jiné platformy a vzhledem k dynamice oboru se dá očekávat, že další teprve vzniknou.

Výhody:

• Potenciálně nízká pořizovací cena. V základu si dokáže jednoduchý web postavit i sám klient, takže náklady na většinu profesí lze částečně či zcela eliminovat. Klient tak platí jen poplatek za doménu a danou platformu v řádu stokorun měsíčně.
• Rychlost realizace. Ty nejjednodušší weby je možné postavit a spustit během pár hodin, jsou-li k dispozici všechny podklady.
• Velmi dobrý výsledek. Je šance, že i pouhá změna barev, fotografií a textů ve výchozí šabloně povede k velmi dobře použitelnému výsledku. Pokud však do procesu zapojíte profesionály, výsledný web může být právě tak nápaditý a vyladěný jako drahé weby na míru.
• Snadná správa a úpravy v budoucnu. Kromě očekávatelné správy článků na blogu bývá možné klientsky upravovat i obsah ostatních částí webu, včetně bloků a struktury.
• Nepotřebujete kodéra. V závislosti na zvolené službě jsou k dispozici kvalitní šablony a předpřipravené obsahové bloky, které stačí jen naplnit obsahem. Jsou ale služby, kde je znalost kódování velikou výhodou (Webflow).
• Nepotřebujete programátora. Veškerá základní funkcionalita na úrovni kontaktního formuláře nebo přihlášení k newsletteru se dá naklikat.
• Pokud se cítíte dostatečně sebejistí a sáhnete po dobré šabloně, nepotřebujete ani designera.
• Neřešíte hosting, Git ani deployment. Úpravy se verzují na pozadí a nasazování se děje automatizovaně stisknutím tlačítka, někdy i s možností náhledového prostředí (stage).

Nevýhody:

• Stále můžete potřebovat další profese. Pokud zrovna nejste technicky protřelým designerem nebo ne zrovna častou kombinací kodéra s estetickým cítěním (frontend designerem), navíc s alespoň elementární znalostí UX, stále ke své práci potřebujete některé další profese. Někdo také musí navrhnout znění textů, vybrat vhodné fotografie apod. Obecně platí: čím větší web, tím větší potřeba profesionálního dohledu.
• Cena za pronájem platformy. I když bývá měsíční poplatek v řádu stokorun, za rok už to může být i pár tisíc. V každém případě je to mnohem vyšší cena než za obyčejný hosting. Navíc i ten můžete potřebovat, chcete-li mít na stejné doméně také e-mail, který no-code platformy obvykle nenabízejí.
• Jste limitováni možnostmi dané platformy. Je možné, že ne všechno půjde vyřešit integrací s jinou službou (integrace také nemusí být podporovaná) nebo dolepením ručně napsaného kódu.
• Nevlastníte kód. Ten je v majetku platformy. Je ale otázka, nakolik to vadí. Kdykoli je však možné udělat statický export webu (za cenu, že přijdete o některou funkcionalitu jako třeba kontaktní formulář), některé služby to nabízí i nativně. Podoba kódu na výstupu je důležitá pouze pro stroje, na jeho čitelnosti pro lidi nezáleží — alespoň do té doby, než s ním potřebujete pracovat, což jen tak nenastane.

Shrnutí

Co si budeme nalhávat, většina prezentačních webů si je velmi podobná. Pro nás jako jejich tvůrce nedává smysl znovu vymýšlet kolo. Naopak — opakující se prvky a činnosti je třeba vyřešit jednou provždy a získaný čas věnovat tomu, co je unikátní a skutečně důležité. Tím je z pohledu klientů byznys, z pohledu uživatelů obsah a z našeho pohledu třeba právě vývoj platformy, která to celé umožní.

A jak to dopadlo s tím květinářstvím? Jak se dalo čekat, prodejny byly natvrdo zadrátované v šabloně nejoblíbenějšího CMS. Vazba na data z administrace kdysi existovala, ale byla fuč. Nabídl jsem se a během hodinky jsem kontakty zdarma upravil. Od té doby po Dejvicích nebloudí zmatení webaři hledající ztracené květinářství.

Související odkazy

• Webdesign bez kódu (Martin Staněk, Frontend Garden, 2019)
• Zanikající část webařiny: obyčejné weby a CMS na míru (Martin Michálek, Vzhůru dolů, 2017)
• The Renaissance Of No-Code For Web Designers (Uri Paz, Smashing Magazine, 2020)