Jak se vyhnout nejčastějším chybám při tvorbě webu

Chystáte se vytvořit nový web nebo přepracovat web starý? Naplánujte si jeho nový design tak, abyste vytvořili nejen pěkný, ale zejména použitelný web. Snažte se vyhnout několika základním chybám a návštěvníci budou na vaší webové stránce setrvávat mnohem raději, což výrazně přispěje k pozitivnímu dojmu a obchodnímu efektu.

1. Více webu je lépe webu

Skutečně ne! Zejména, pokud vás lákají všechny nové trendy, speciální efekty a různorodé flashové animace, zkuste opravdu trpělivě zvažovat, dokud je použijete. Pokud se rozhodnete pro nějaký vizuální styl, zkuste se ho držet u většiny prvků - nesnažte se na váš web natlačit všechno, co jste někde viděli. Pokud si nejste jisti, držte se raději jednoduššího layoutu a minimalizujte používání samoúčelných "vychytávek". Nezapomínejte na to, že design webu by měl sloužit v prvé řadě funkčně a až potom podléhat estetice. Když vytváříte články a blogy, vyhněte se nadměrnému množství fotografií a ilustrací v textech, každý odstavec přece nepotřebuje ilustrační fotku.Myslete na to, že váš web netvoří jen plný, ale i prázdný prostor - nechává vyniknout to, co na něj umísťujete.

2. Matoucí vzhled a první dojem z webových stránek

Mějte na mysli, že vy svou webovou stránku, produkty a služby znáte, ale je naivní očekávat to automaticky i od nových návštěvníků. Rozvrhněte obsah a call-to-action prvky předvídatelně a pro návštěvníka intuitivně, tak, aby nemusel koumat nad účelem každé podstránky. Když návštěvník přijde na webovou stránku, měl by okamžitě identifikovat, kde se ocitl. Jde o e-shop, blog, portfolio, firemní prezentační web? Nabízíte přehled restaurací a denního menu nebo nabízí zahradní bazény? Návštěvník se musí zorientovat do pár vteřin nejen obsahem, ale i vizuálními výrazovými prvky. Dejte si tu námahu a identifikujte persóny, a navrhujte webdesign pro ně, ne pro sebe. Udělejte to tak, aby se návštěvník cítil na vašem webu jako doma. Snažte se o to, aby nebyl první dojem ohromující, ale aby byl především v souladu s vaší značkou nebo projektem, jejími cíli a tím, co chcete zprostředkovat své cílové skupině.

3. Efekt, webový efekt!

Ano, je jistě důležitý. Ale myslete na to, že vaše webová stránka je reálné používána v online prostředí skutečnými uživateli, kteří se na stránku vracejí. Je vhodné si uvědomit, že například komplikované efektní prolínání fotografií v galeriích po čase návštěvníka otravuje, hlavně, pokud v nich tráví hodně času. Různé animace v principu spíše zdržují než přispívají k pozitivnímu výsledku. Zažeňte "skvělý nápad" osvěžit svůj web doprovodnou hudbou! Věřte, že první věc, kterou dělají návštěvníci takové stránky je zoufalé hledání způsobu, jak tuto hudbu okamžitě vypnout. Vkusný a zároveň použitelný webový design a také opačný extrém určitě najdete mezi tzv. "Paralaxové" weby, které jsou novým trendem. Webový designér, který se pustí do takového webu, musí mít minimalismus obzvláště na paměti. Jak si myslíte, že reagují návštěvníci na takovou webovou stránku poprvé a jak při opakované návštěvě? Napoprvé může být opravdovým zážitkem, ale musíme ho vnímat spíše jako nové reklamní médium na internetu než www stránku, který se dá reálně používat například na nákup. Určitě nemusíte osekat svůj web o všechno, co je na pohled zajímavé, ale umísťujte tyto věci uvážlivě tak, aby podporovaly použitelnost webu. Pokud je vaše stránka "imageová" a není určena pro časté návštěvy, nemusíte být konzervativní.Pokud však vytváříte e-shop nebo webový magazín s aktuálním obsahem, netrapte své návštěvníky - oni nechtějí být každý den šokováni. Zvažte tedy účel svého webu, optimalizujte a snažte se o rozumný kompromis.Myslete na responzivitu, na zobrazování na různých zařízeních. Vnímání obsahu na 17 palcovém monitoru je jiné než na mobilu a zejména interakce je odlišná.

4. nepromyšlená struktura a špatná navigace webu

Než se pustíte do detailního návrhu grafické podoby vaší webové stránky, věnujte nejprve dostatečný čas pečlivému wireframu vstupní stránky i nejdůležitějších podstránek. Nezapomínejte ani na "skryté" podstránky, jako jsou košík, registrační formulář a podobně, jejich funkční design je mimořádně důležitý. Dbejte na dostatečnou výraznost menu, důležitých obsahových částí i call-to-action prvků. Určitě nezapomeňte na drobečkovou navigaci a vyhledávání. Návštěvník by měl vždy vědět, v jaké části webu se právě nachází a jak může provést akci, kterou potřebuje. Toto vše by mělo pro návštěvníka probíhat nejen bezbolestně, ale v ideálním případě by měl mít z používání vašeho webu radost - zvyšuje se tím šance na úspěšné provedení akcí, zvyšuje se pravděpodobnost konverze a toho, že se k vám znovu vrátí.

5. Špatná typografie webu

Použijte jeden, maximálně dva typy písma. Možnosti jsou téměř nekonečné, ale tady opravdu platí, že méně je více. U textu dbejte v prvé řadě na jeho dobrou čitelnost.Myslete na přiměřenou velikost písma (pro základní text přibližně velikost 14 - 22px), ale i na dostatečný barevný kontrast s pozadím. Dbejte na dostatečné odsazení textu a na zarovnání (ideálně tedy vlevo - je to v souladu s přirozeným tokem očí po textu) nebo na střed. Zvolte přiměřené řádkování - vyhněte se příliš hustému textu. Nezalamujte řádky po velmi malém počtu slov, čtenář má pak pocit, že dostal "Škytavku". Vyhýbejte se i naopak velkým blokem textu, stávají se na obrazovce téměř nečitelnými a působí velmi nepřívětivě. Důležitý je i kontrast mezi základním textem a nadpisy, typografií vytváříte hierarchii obsahu a máte možnost upozornit na to, co je důležité.

6. Šup s webem na server a huráá !

Ještě moment! I když máte web hotov a po technické a obsahové stránce jste vše zkontrolovali, rozhodněte se raději ještě pro nádech a výdech. A hned potom se můžete vrhnout na testování použitelnosti webu. Buď ho svěřte do rukou odborníkům, nebo si ho naplánujte sami.Pokud jste se rozhodli testovat sami, tento test důkladně připravte. Pro dobrovolníky vytvořte zadání - několik důležitých akcí, které se očekávají od skutečných návštěvníků (např. Nalezení nějakého produktu či informace, vložení do košíku, dokončení, registrace, přidání komentáře a podobně).Nechte je provádět tyto úkoly na vašem webu a pozorujte jejich reakce. Nesmíte jim radit a pomáhat. Připravte si dotazník a vyžádejte si zpětnou vazbu. Dokázali rychle najít potřebná tlačítka? Nebyly pro ně formuláře matoucí nebo příliš zdlouhavé? Jaké dojmy při používání webu testování návštěvníci zažívali? Byly to příjemné emoce? Pokročilejší techniky testování zahrnují nahrávání celého procesu interakce testovaného s webem nebo eye tracking. Vhodnou metodou může být i vyzkoušení některé z dostupných aplikací, které zaznamenávají chování testovaného subjektu, například Silverbackapp (momentálně se pracuje na aktuální verzi, ale k dispozici je i starší). Další užitečnou technikou na testování je A / B testing, kde jsou uživatelům prezentovány dvě variace některé části stránky - použije se například různé fotografie nebo call-to-action prvky. Následně se posoudí, na který variantu reagují návštěvníci lépe. Výsledky trpělivě zanalyzujte a hledejte, jak by se použitelnost dala ještě zefektivnit. Někdy stačí opravdu malý detail - zdůraznit některý důležitý prvek, který byl příliš nevýrazný a rozdíl je hned cítit. Pokud jste zvládli i toto, nic vám nebrání spustit váš nový web!