Zpět na seznam článků

Web design je mrtvý! Ale prdlačky

Šablonovitý web design je mrtvý, ale chytrý a užitečný web design je živý. Hodně.

Farenheit

Máte pravdu. Sám jsem psal, že web design je mrtvý. Takže buďto:

  • jsem lhal,
  • mluvil jsem pravdu (a mám bipolární poruchu).

Je to trochu jinak. Mrtvý je šablonovitý design, a to je rozdíl.

Šablonovitý web design

Šablonovitý web design

Někdy též zvaný brožurový design. Je to web, který plní základní funkci najitelnosti obsahu. A vždy dává přednost předvídatelnosti před inovací. A to nemusí být špatně.

Beru tento typ webů podobně jako silniční značky. Jak web design jako profese dozrává, tak se automaticky tvoří zažité systémy. A ty se pak opakují. U silničních značek vás taky nenapadne, že byste je chtěli modernější. Jinak to dopadne takhle.

The Process (a.k.a. Designing The Stop Sign Video) – ORIGINAL

I naše profese se tudíž specializuje. Na jednáních dávám příklad ševce. Nejdřív šil boty pro každého zákazníka, ale bylo to časově náročné. Takže standardizoval výrobu, přešel na pás a začal vyrábět boty sériově. A většina zákazníků byla spokojená. Solidní boty za nižší cenu kvůli výrobním nákladům. Nicméně tu ale byla skupina zákazníků, která chtěla něco na míru. Osobního. Co nikdo jiný nemá.

A do téhle fáze web design dospěl. Pokud chcete standardní web, tak si zvolte z množství předdefinovaných řešení (squarespace, wordpress, shoptet).

Logo + navigace + velká fotka + tlačítko

Defaultní homepage

Jasně, je to teď všude. Můžete se ofrňovat, ale kdyby tohle řešení nebylo funkční, tak takhle dlouho nepřežije. Zde jsou důvody:

  1. logo v levém horním rohu – uživatelé jej tam očekávají.
    Pokud ho dáte doprostřed, zmenšíte na polovinu zapamatovatelnost.
  2. jednoduchá navigace – omezujete možnosti a tím nenutíte uživatele zbytečně přemýšlet.
  3. velká fotka – fotky vnímáme 30 000krát rychleji, než text. Pro pochopení a navození správného prvního dojmu nic lepšího není.
  4. hlavní výhody – pochopitelně a stručně sdělte, proč by váš web měl uživatele zajímat.
  5. kontrastní tlačítko – víte, co po vás chci

Je to jednoduché, je to pochopitelné a dává to přednost uživateli před designérem. Navíc to dělá i Apple. Takže to musí být správně [sarkasmus].

A je tu ještě jedna výhoda. Část lidí už přišla na to, že web jim může velmi dobře vydělávat. A tím pádem jsou opatrnější v používání nových nevyzkoušených trendů.

Výhoda designu na míru

V určité chvíli zjistíte, že vám už šablona nevyhovuje. Vidím to teď u klienta, který se pere s příliš rigidním redakčním systémem a není schopen vytvořit dobrou vstupní stránku. A to má web na míru :(.

Je hloupé si myslet, že můžete mít šablonovitý web a pak na něj plácnout UX jako třešničku na dort. Šablony nabízí pouze konfekční velikosti a uživatelská přívětivost je ideálně dělaná na míru každého uživatele (nebo alespoň typu uživatele). Proto často doporučuji ukazovat jinou homepage návštěvníkovi, který je na webu poprvé a jinou tomu, kdo je tam často.

Několikrát jsme se s klientem spálili, když jsme zvolili šablonu a pak zjistili, že:

  • se pomalu nahrává,
  • nefunguje v určitých verzích prohlížeče,
  • chybí tam důležité funkce,
  • nemají pořádnou dokumentaci, a
  • nedají se ohnout, jak potřebujeme.

Navíc… jakmile si zvyknete na dobrý design na míru, tak není cesty zpět.

Na WordPressu běží třetina internetu, ale nedělejte si iluze, že stačí nainstalovat plugin a máte vyřešeno. I na WordPressu musíte jít na spoustu SEO věcí chytře.

A web design není jen o hezké grafice. Děje se fůra zajímavých věcí i na pozadí. Namátkou:

Pár příkladů parádních webů

Paper planes

Virgin Atlantic

Pleasure to burn

Waaark

Interaktivní hieronimus bosch

Histography

Killing Kennedy

Závěr

Zamyslete se, zda potřebujete design na míru. Ať už je to web, nebo cokoliv jiného.

A jak poznáte dobrý design? Tady je 10 principů od mého oblíbence Dietera Rahmse.

 

 

 

Související články

Alza-navigace

Webová navigace

This-is-sparta

Best of 100 článků

Quim-barreiros

Nejhorší přebaly LP desek všech dob

Wc

Jak poznat dobrý design

Smysluplná debata