Téma: 7 Deadly Web Design Sins You Might be Making

Zdroj: http://grow.kissmetrics.com/webinar-89-recording (prezentuje Joe Putnam – marketér ve iSpionage)

Web design je výzva

Při tvorbě webu potřebuje hodně lidí pracovat na jednom místě (stránce) – designeři, marketéři, vývojáři atd.

V současnosti je třeba vytvářet responsivní weby pro různá zařízení s rozdílným rozlišením. Není lehké vytvořit web tak, aby správně fungoval a vypadal dobře na všech zařízeních (PC, notebook, tablet, telefon).

Hodně lidí dělá weby tak, že kopíruje ostatní. Nemusí se to vyplácet, protože neznají kontext originálu.

Při výrobě existuje mnoho různých možností: fonty, barvy, velikosti…

Sedm hříchů při webdesignu

1. Příliš malé písmo

– Fonty musejí být snadno čitelné.

– Nejlepší volba velikosti fontu v hlavním textu je 14-16px.

– Existuje doplněk do prohlížeče, který nám na každé stránce ukáže, co je to za font a jeho velikost (WhatFont pro Chrome).

Pravidla:

• Ujistěte se, že se  fonty snadno čtou.
• Ujistěte se, že velikost písma má správnou hierarchii (nadpis-podnadpis-text atd. od největšího po nejmenší).
• Na žádné stránce nepoužívejte fonty menší než 14px.

2. Stále a rychle se otáčející slidery

– Mnoho lidí je nemá vůbec rádo.

• Nestíhají číst text
• Nemají čas se rozmyslet – neklikají na ně
• Připomínají reklamu

– To, že je má v současnosti hodně webů, není důvodem je mít také.

– Hodně webů je má jen proto, aby se na stránce „něco hýbalo“.

Pravidla:

• Nepoužívejte slidery, pokud nebudete mít přesvědčující důvod je použít.

3. Málo kontrastní písmo

– Obsah (text) není obrázek!

– Textový obsah je určen ke čtení a sdělení informací.

– Ideální je světlý podklad a tmavé písmo nebo naopak.

– Dávat pozor na texty v obrázcích.

• Je třeba najít způsob podání, aby byly čitelné.

Pravidla:

• Vždy používejte vysoce kontrastní fonty.

4. Špatná výška řádku

– Na určení velikosti fontu a řádku existuje nástroj (Golden Ratio Typography Calculator)

– Výšku řádku určí např. podle zadané velikosti písma a šířky odstavce.

Pravidla:

• Použijte nástroj na nalezení správné výšky řádku, délky odstavce a velikosti písma.

5. Příliš velká délka řádků v odstavci

– Příliš široké texty se hůře čtou.

6. Nevhodné použití zvýraznění barvami

– Nepoužívat barvy, které vůbec nezapadají do designu stránky.

– Nepoužívat splývavé barvy nebo příliš křiklavé.

7. Porušování obecných základů designu

– Např. běžné a známé umístění loga, menu, stránky o nás, kontaktů apod.

• Návštěvníci webu vědí, kde je hledat a umí je používat, není proto vhodné dávat je jinam.

– Nesnažit se být příliš inovativní za cenu nepřehlednosti.

– Nelogické nebo nejasné umístění mate návštěvníky.

Pravidla:

• Podrobně rozmyslet každou inovaci a porušení konvencí.