Zpeněžujte své Blogy a Gadgety: Tipy pro Experty na SEO, Sociální Sítě a Affiliate Marketing

Jak vytvořit webovou stránku s přesvědčivým rozhraním

Jak vytvořit webovou stránku s přesvědčivým rozhraním

Když se rozhodnete vytvořit webové stránky nebo založit blog okamžitě se ocitáme tváří v tvář neméně důležitému problému: vybrat si – nebo navrhnout – atraktivní a přesvědčivé rozhraní který pomáhá přilákat uživatele a rychle zvýšit návštěvnost vašeho portálu. Operace nemalého významu: pro vytvoření úspěšného blogu (ale totéž platí, pokud musíte vytvořit web) je nutné, aby webmaster používal uživatelské rozhraní, které spojuje krásu a použitelnost. Uživatel musí být během návštěvy „veden“, aby si prohlédl obsah, který považuje za nejdůležitější a relevantní.

Dodržováním některých triků a technik je možné tyto dva aspekty (téměř) elementárně zkombinovat: vytvořit splavný a dobře vypadající web bude hračka.

Otázka hierarchie

Prvním aspektem, kterému je třeba věnovat pozornost při vytváření webových stránek nebo blogu, je hierarchie mezi prvky. V rámci portálu – a tedy jeho uživatelského rozhraní – nebudou mít všechny prvky nebo obsahy stejnou důležitost, a proto budou na stránce zaujímat různá místa. Je nutné, aby měl webmaster jasnou představu o tom, jaké sdělení musí obsah sdělit a jaké je pořadí důležitosti: jakmile to udělá, bude se moci rozhodnout – třeba tím, že si udělá náčrt tužkou na list papíru – různé hypotézy rozložení. Ve všech však budou muset prvky s nejvyšší prioritou zabírat největší místa.

Fittsův zákon

Mohli bychom to považovat za postulát předchozí úvahy. Tam Fittsův zákon je jedním ze základních pravidel ergonomie a vypočítává čas potřebný k rychlému přesunu z výchozího bodu do oblasti s určitým rozsahem. Jinými slovy, čím větší oblast je třeba dosáhnout, tím méně času bude trvat, než se tam dostanete: bude snazší „přiblížit se“ a „použít“. Fittsův zákon nachází uplatnění ve webdesignu do té míry, že se „zabývá“ velikostí grafických objektů tvořících rozhraní. V grafickém rozhraní multimediálního přehrávače má tlačítko „play“ větší význam než ostatní tlačítka, a proto bude větší.

Číst:  Konektory USB 3.0, Thunderbolt a PCIe OCuLink

Dávejte pozor na proporce

Musíme však být opatrní: větší nemusí nutně znamenat lepší. Tlačítko, které má poloviční velikost než rozhraní, jej nakonec zatíží rozložení a znesnadňují navigaci na webu. Jak nás učí umělci a architekti starověkého Řecka, vše musí být navrženo úměrně k celku. Při navrhování chrámů měli například athénští architekti vždy na mysli zlatý řezkterý umožňuje rozmístění prvků budovy rovnoměrně a proporcionálně.

Stejný zákon může najít uplatnění ve webdesignu a pomoci vytvořit blog nebo vytvořit web, který je krásný na pohled, funkční a perfektně se v něm orientuje.

Model F

Nejnovější studie chování lidí při procházení webu nám umožnily vyvinout model, který se poměrně často opakuje. Když navštívíte webovou stránku, nepodíváte se na každý jednotlivý prvek, ale budou tam čáry – i když pomyslné – podél kterých se zaměří pozornost uživatele.

Pohledem uživatelů internetu bylo zjištěno, že nejprve bude „naskenována“ horní část portálu od levého okraje k pravému; následně bude pozornost zaměřena na svislou čáru, která vede podél levého okraje stránky při hledání klíčových slov nebo charakteristických prvků v počáteční části odstavců, které tvoří webovou stránku. Vertikální skenování se zastaví, jakmile uživatel najde něco, co ho zajímá. Zvýrazněním „oblastí pozornosti“ na konci čtení získáte něco podobného jako F nebo E: z tohoto důvodu se nazývá „model F“.

Číst:  Jsou šifrované zprávy vždy bezpečné? Kdy (a jak moc) věřit šifrování

Hickův zákon

“Hickův zákon” říká, že čas na rozhodnutí se zvyšuje úměrně počtu možností, které lze učinit. S přibývajícími možnostmi, které má uživatel internetu, se sníží i samotná navigace portálu: při tvorbě webu je třeba věnovat pozornost počtu sekcí, podsekcí a menu, které má uživatel k dispozici. Riskujete, že web je stěží nebo vůbec sjízdný a uživatel uteče.

Pravidlo třetin

Je to dobrý nápad – stejně jako dobrá praxe – používat při navrhování hodně obrázků rozložení stránky a webového portálu. Kromě toho, že musíte dávat pozor na proporce – příliš velké fotografie nakonec zatíží rozhraní portálu, který navrhujete – je vhodné obrázky pečlivě vybírat. Ty nejlepší budou ve skutečnosti vycentrovány podle pravidla třetin: musíte si představit nakreslení pomyslných čar, které prostor rozdělují homogenně horizontálně i vertikálně (čáry musí být od sebe stejně vzdálené). Předměty musí být umístěny v jednom z průsečíků získaných pomyslných čar, aby byl obraz dynamičtější a lépe vyvážený.

Bílý prostor

V žargonu webmasterů je prázdné místo ta část webové stránky, kterou nezabírá žádný jiný prvek (text, obrázek, tlačítko atd.). Nemělo by to být považováno pouze za „prázdný prostor“: je to důležitý designový prvek, který vám umožňuje vytvořit vyváženější a harmoničtější web. Bílé místo pomáhá nastínit strukturní hierarchii stránky a dává „jasnější“ vzhled celku rozložení.

Od společnosti Cultur-e