Když stavíte dům, nezačnete výběrem barvy fasády, kliky u vchodových dveří nebo pohovky do obývacího pokoje. Nejdříve přemýšlíte, k čemu má dům sloužit, kdo v něm bude bydlet, kolik potřebujete místností a jak mají být vzájemně propojené. Řešíte, kudy se bude vcházet, kam povedou rozvody, kde budou okna a jestli celou stavbu unesou základy. Teprve potom přichází na řadu materiály, barvy a vybavení. Při tvorbě webových stránek by to mělo fungovat velmi podobně. Přesto se nový web často začíná navrhovat otázkou: „Jak bude vypadat?“ Mnohem užitečnější otázka přitom zní: „Jak má fungovat?“
Každý web potřebuje svůj pozemek a adresu
Dům musí někde stát a musí mít adresu, podle které ho návštěva najde. U webu tuto úlohu zastávají především hosting a doména. Doména je jeho zapamatovatelná internetová adresa, zatímco hosting poskytuje prostor a technické prostředí serveru, na kterém web skutečně běží. Návštěvník samozřejmě většinou netuší, na jakém serveru se stránky nacházejí, stejně jako host v hotelu nepotřebuje znát typ jeho elektroinstalace. Dokud všechno funguje, není důvod se o technické zázemí zajímat.
Špatně zvolené technické řešení se však může projevit velmi rychle. Web je pomalý, vypadává nebo nezvládá větší počet návštěvníků. Můžete mít nádherný dům postavený na špatných základech a můžete mít nádherný web běžící na nevhodné infrastruktuře. V obou případech se problém dříve či později projeví.
Půdorysem webu je jeho informační architektura
Architekt nezačne tím, že náhodně nakreslí šest místností a později přemýšlí, k čemu budou sloužit. U webů se ale něco podobného děje poměrně často. Potřebujeme úvodní stránku, O nás, Služby, Reference a Kontakt, protože tak přece firemní web vypadá. Jenže správný návrh by měl začít někde jinde: u člověka, který na stránky přijde.
Hotelový host chce zjistit, jaké jsou pokoje, kolik pobyt stojí a zda si ho může rezervovat. Zákazník e-shopu potřebuje najít správný produkt, zjistit jeho vlastnosti a koupit ho. Člověk hledající řemeslníka zase potřebuje vědět, co firma dělá, kde působí, zda jí může důvěřovat a jak ji kontaktovat. Z těchto potřeb by měla postupně vzniknout informační architektura webu – tedy jeho struktura, navigace, vztahy mezi jednotlivými stránkami a způsob uspořádání obsahu.
Je to vlastně digitální půdorys. Pokud ho navrhneme špatně, můžeme později investovat spoustu času do krásného designu, ale základní problém nezmizí. Nádherně zařízený dům, ve kterém musíte při cestě do koupelny procházet přes ložnici souseda, zůstává špatně navrženým domem.
Dobrý web vás nenechá bloudit po chodbách
S architekturou úzce souvisí také orientace. Představte si hotel, ve kterém nejsou označena patra, nikde není šipka k recepci a čísla pokojů jsou napsána pokaždé jiným způsobem. Architekt vám může vysvětlovat, že chtěl návštěvníkům nabídnout originální prostorový zážitek. Vy ale chcete pouze najít pokoj 204.
Na webu plní podobnou funkci navigace a další prvky uživatelského rozhraní. Návštěvník by neměl dlouze přemýšlet, kam má kliknout. Logo může vést na úvodní stránku, položka Kontakt může být skutečně pojmenována Kontakt a tlačítko by mělo vypadat jako něco, na co lze kliknout. Právě tady se dostáváme k pojmu UX neboli User Experience, tedy uživatelská zkušenost. Neřeší pouze to, zda web dobře vypadá, ale především to, jak snadno se používá.
V architektuře také očekáváme určité konvence. Klika nám napovídá, jak otevřít dveře, vypínač hledáme obvykle poblíž vstupu do místnosti a schodiště poznáme bez návodu. Podobné zkušenosti si lidé přinášejí na web. Není proto vždy výhodou vymyslet úplně nový způsob navigace jen proto, abychom byli originální. Dobrý design někdy poznáme právě podle toho, že uživatel vůbec nemusí přemýšlet nad tím, jak ho používat.
Každá místnost by měla mít nějaký účel
Stejným způsobem můžeme přemýšlet o jednotlivých stránkách. Každá místnost v domě má nějakou funkci a každá stránka webu by ji měla mít také. Jedna má představit službu, jiná odpovědět na časté otázky, další přesvědčit potenciálního zákazníka nebo získat poptávku. Pokud neumíme říct, proč konkrétní stránka existuje a co na ní má návštěvník udělat, stojí za to přemýšlet, zda ji vůbec potřebujeme.
To platí i pro samotný obsah. Architektura není soutěž v tom, kdo dokáže do domu dostat nejvíce místností, a web není kvalitnější proto, že obsahuje padesát podstránek místo deseti. Důležité je, zda mají své místo, zda mezi nimi existují logické vztahy a zda se k potřebným informacím dokáže návštěvník snadno dostat.
Design je interiér a fasáda. Je důležitý, ale nepřichází první
Teprve teď se dostáváme k tomu, co si pod webdesignem často představíme jako první: barvám, fotografiím, písmům, animacím a celkovému vizuálnímu stylu. Ty jsou samozřejmě důležité. Stejně jako architektura vytváří určitý pocit z prostoru, grafický design ovlivňuje, jak na nás web působí. Luxusní hotel má komunikovat jinak než mateřská škola a advokátní kancelář pravděpodobně jinak než hudební festival.
Design však nedokáže opravit špatnou strukturu. Můžeme vytvořit nádherné animované menu, ale pokud v něm návštěvník nenajde kontakt, stále máme špatné menu. Můžeme investovat do fantastických fotografií produktu, ale pokud zákazník nerozumí tomu, jak jej objednat, e-shop neplní svou základní funkci. Webdesign proto není pouhé zdobení webu. Je to navrhování prostředí, které budou používat skuteční lidé.
Podobně je to s aktuálními designovými trendy. V architektuře také existují módní materiály, barvy a tvary, ale dům by měl fungovat i poté, co konkrétní trend odezní. U webu je proto užitečné rozlišovat mezi módou a principem. Zaoblené rohy mohou za několik let vystřídat ostré, velkou typografii může nahradit něco jiného, ale přehledná hierarchie, dobrá čitelnost a srozumitelná navigace pravděpodobně z módy nevyjdou.
Co není vidět, může být nejdůležitější
Velká část domu zůstává jeho obyvatelům skrytá. Ve zdech vedou kabely, trubky a další rozvody, o kterých běžně vůbec nepřemýšlíme. Otočíme kohoutkem a očekáváme, že poteče voda. Zmáčkneme vypínač a očekáváme světlo. Za jednoduchým úkonem může být poměrně složitý technický systém, ale dobře navržená stavba nás nenutí přemýšlet o tom, jak funguje.
U webu je to stejné. Na pozadí může pracovat server, databáze, PHP, WordPress, několik pluginů, externí API, cache a další technologie. Návštěvníka ale nic z toho nezajímá. Chce kliknout na tlačítko a získat očekávaný výsledek. Jednou ze známek kvalitního technického řešení je proto paradoxně právě to, že si ho běžný uživatel vůbec nevšimne.
Technologie by navíc neměla určovat projekt dříve, než víme, co chceme postavit. Není příliš rozumné koupit několik palet cihel a následně přemýšlet, jaký dům z nich postavíme. Stejně tak bychom neměli nejprve vybírat redakční systém, pluginy a další technologie a až následně přemýšlet, jaké má web plnit úkoly. Nejdříve potřebujeme vědět, co stavíme. Teprve potom vybíráme nářadí.
Dobrý web musí počítat s různými návštěvníky
Moderní architektura musí přemýšlet také o tom, že budovu nebudou používat pouze mladí zdraví lidé. Podobný princip platí pro webovou přístupnost. Dostatečný kontrast textu, rozumná velikost písma, ovládání pomocí klávesnice, správná struktura dokumentu nebo alternativní popisy obrázků nejsou jen technické drobnosti. Pomáhají vytvářet prostředí, které dokáže používat širší skupina lidí.
Do stejné kategorie patří responzivní design. Mobilní telefon není jen malý monitor a mobilní web by neměl být pouhou zmenšeninou desktopové verze. Člověk, který web otevírá na telefonu, může být navíc v úplně jiné situaci. Možná stojí před provozovnou a hledá telefonní číslo nebo otevírací dobu. Návrh proto musí počítat nejen s různými rozměry obrazovek, ale také s různými způsoby používání.
Předáním klíčů stavba nekončí
Ani dobře postavený dům nevydrží desítky let bez jakékoliv péče. Kontrolujeme střechu, servisujeme topení, opravujeme závady a postupně měníme vybavení. Web potřebuje podobnou údržbu. Aktualizují se technologie, objevují se bezpečnostní chyby, mění se prohlížeče, některé informace zastarávají a postupně přibývá nový obsah.
Představa, že web jednou vytvoříme a máme na dalších deset let hotovo, proto příliš nefunguje. A stejně jako u domu bývá pravidelná drobná údržba jednodušší a levnější než velká rekonstrukce ve chvíli, kdy se několik let na nic nesáhlo.
Nezačínejme barvou fasády
Architektura a tvorba webových stránek mají společného možná víc, než se na první pohled zdá. V obou případech vytváříme prostředí pro lidi. Musíme vědět, kdo ho bude používat, proč do něj přichází, jak se v něm bude pohybovat, co potřebuje najít a jakou činnost mu chceme umožnit. Potřebujeme kvalitní základy, promyšlenou strukturu, srozumitelnou orientaci a technické zázemí, které ideálně funguje tak dobře, že si ho nikdo nevšímá.