3 časté 😱 chyby, které uděláte, když navrhujete web „podomácku“
10. prosince 2022 david

Kdysi jsem vlastnil BMWčko. Nebylo velmi bezpečné, sem-tam byl problém s dveřmi a dost žralo – ale měl jsem ho rád. Na krátké trasy jsem se s ním odvážil, na delší taky (pod delšími myslím do 50 km). Takže nic moc, ale miloval jsem ho. Byl to takový můj veterán.

Před nějakým časem jsem však udělal životní krok a koupil jsem si auto, na které se dá – aspoň v rámci možností – spolehnout, a které mě bezpečně odveze do práce (v zimě je těch 800 metrů přece jen o dost delších než v létě).

Ještě stále čekáte, kdy konečně začnu o webech, že?

Web (ne)má být záležitostí emocí

Situaci s autem jsem použil na ilustraci dvou přístupů – rozhodování na základě emocí vs. racionální přístup. I staré auto vám může nostalgicky dělat radost, i když jsou s ním v podstatě jen starosti. Problém nastane, když takto přemýšlíte i v byznys oblasti – například o webu pro svoji firmu.

Poměrně často se potkávám s představou, že navrhnout kvalitní web anebo e-shop je především umělecká záležitost – umět zajímavě namíchat barvy, vybrat si na klikání pěkné tlačítka, nějaký „fancy“ font a obrázky a ať se to hýbe. Toto ale není správná představa o místě, jehož úkolem je vydělávat peníze.

Stavím showroom a už vím, jakou bude mít barvu

Představte si web jako online alternativu kamenné prodejny. To poslední, co chcete (a někdy i musíte) řešit, je barva fasády. 🧱 Ve skutečnosti vás mnohem víc zajímá dyzajn vstupní haly pro zákazníky, umístění produktů, řešení skladu a podobné věci. Webdyzajnér spolu s programátorem jsou v tomto procesu mnohem víc architekti než malíři.

Možná namítnete: „Ale však nakupování je o emocích.“ To určitě ano – ze strany zákazníků. 🛒 Aby však měli zákazníci z nakupování skutečný zážitek, na druhé straně vždy stojí někdo, kdo dělá promyšlené rozhodnutí a připravuje jim přesný koktejl zkušeností. Web je totiž (podobně jako i jiné oblasti) o hodně víc věda než umění.

Jestli i vás při pohledu na nějaký web napadlo, že byste si to dokázali navrhnout stejně dobře, pojďme se spolu podívat na nejčastější pasti, do kterých se můžete chytit při řešení „podomácku“.

Napsal jsem pár nejčastějších chyb, které způsobují, že web, i když je moderní, bliká a umí udělat kávu, na konci dne neprodává a nevydělává.

1. Responzivita: zobrazuje se web správně na různých zařízeních?

Víte, co je Bias?

Obec ve Francii.

Ano, i to, ale to teď nemyslím. Bias v psychologii znamená opakující se chybu v myšlení. A jednou z největších chyb v myšlení při webdyzajnu je to, že dyzajnér má obrovský krásný 27-palcový monitor, na kterém vyrábí grafiku pro mobily, které mají 5 centimetrů na šířku. 📱

zdá se, že responzivita velký rozdíl neudělá… ale udělá

To, co navrhnete na velkém monitoru jako skvělé tlačítko s vystínovaným fontem, se po otevření v mobilu změní na maličkou skvrnu o velikosti 3 milimetry. Většina lidí, kteří se webdyzajnu nevěnují profesionálně, si představuje stránku tak, jak ji vidíte na displeji notebooku. Analytické data však říkají jasnou věc: 80 % až 85 % lidí si web prohlíží z mobilu.

A celá ta námaha je kde?

Takže nezapomneňte: web na desktopu sice vypadá skvěle, ale co mobil, tablet, jiný prohlížeč jako Chrome? Lidé si v dnešní době prohlíží webové stránky na mnohých a různých zařízeních a s tím souvisí i responzivita, protože má každé zařízení svůj daný rozměr obrazovky.

Responzivita je nejzákladnějším prvkem webu, který nemůže být opomenutý. ☝️

2. Technické nedostatky: když načítání stránky trvá delší dobu než mezibankovní převod výplaty

Toto všichni známe. Víme, jak bychom se cítili, kdyby vstup do obchodu skrz otáčecí dveře trval 30 sekund. A když se to děje na webu, prstem ukazujeme na programátora.

Pravda však přitom může být někde úplně jinde – v rukách dyzajnéra. Jestli totiž do návrhu zapracuje náročné interaktivní fintičky, které znamenají složité skripty, natahování HD videa na hlavní stránku a podobné chuťovky, tak se nemůžeme divit slzám v jeho (od monitoru vysušených) očích. 👁

I technické parametry webu teda do značné míry závisí na webdyzajnérovi. Ten musí přemýšlet nad tím, jakou interaktivitu si může dovolit, aby jeho výsledkem nebyl ubohý uživatelský zážitek. Slajdy, formuláře, ale i tlačítka pro rychlé nahození produktů do košíku – kdo má to všechno nosit v hlavě?

ještě chvíli vydržte, už to bude

Programátor a dyzajnér. Proto si musíte být jistí, že jsou to lidé, kteří nejdou jen podle toho, jak to cítí, ale i podle toho, co má web ve výsledku dokázat.

3. UX: fakt krásný e-shop, jen netuším, kde najdu produkty

Na začátku tvorby webu anebo e-shopu je potřeba mít jasno především v tom, co je jeho cílem. Navrhnout pěkný tříposchoďový dům je jednoduché, ale když ho postavíte a zjistíte, že jste neudělali místo pro schodiště, jste tam, kde jste nechtěli být. UX (user experience, anebo uživatelská zkušenost) je část online marketingu, která se stará o to, aby zákazník našel v (online) obchodě přesně to, co hledá a aby jeho cesta k nákupu byla co nejjednodušší.

A věřím, že byste se divili, jak důležité je mít dobře zmáknutou nákupní cestu zákazníka. Na e-shop totiž nestačí zavěsit produkty a košík, do kterého můžu věci naházet. Je tu množství dalších otázek: jak budou produkty rozdělené; kde bude tlačítko pro „košík“; jak probíhají postupné kroky, když jste si vybrali produkty a chcete je objednat; vyplní člověk nejdřív údaje, anebo mu ukážete první cenu – ve kterém kroku si člověk může vybrat dopravu?

Zkrátka moře věcí.

A to nemluvíme o CTA tlačítkách a podobných fintách – jejich tvar, barva a celková viditelnost jsou podstatné. Opravdu, a slyšeli jste už o rozptylujících tlačítkách? To jsou ty, které vám uprostřed nákupního procesu řeknou „Přečtěte si o nás víc“ a místo tlačítka „Objednat s povinností platby“ hodí zákazníka na blog. Takové věci tam nechcete.

Namísto závěru

Tento článek jsem napsal, aby jsem vám ukázal, s jakým věcmi se zaobírá webdyzajnér a programátor a proč se vyplatí důvěřovat takové sehrané dvojici, když chcete web, který bude prodávat. Protože čím lépe funguje důvěra mezi specialisty a klientem, tím rychleji (a levněji) vše proběhne.

Máme to odzkoušené. 👌