Posunout na článek


Prohlížíte články z kategorie: Webdesign a grafika

21 kroků k použitelnému webu: 3. část

Sobota, 20. února 2010 // Použitelnost, Webdesign a grafika

V první části trilogie o použitelnosti webu jsem psal o zásadních předpokladech použitelného webu. Druhá část byla ve znamení layoutu, designu a typografie a jejich vztahu k použitelnosti.

V závěrečných 7 krocích se nyní budu věnovat důležitým předpokladům funkcionality webu.

RZP.cz

Živnostenský rejstřík (MPO)

15. Aby se návštěvník na web dostal…

Možná vás překvapí, že i tuto podmínku zahrnuji do použitelnosti. Nejdřív přece člověk na stránky přijde a až potom je začne používat.

Zpravidla je však žádoucí přimět návštěvníka, aby se na web jednou opět vrátil – tedy pokračoval v používání. Když mu návrat ztížíme nebo přímo znemožníme, přestane pro něj být tento web použitelný.

Doména by měla fungovat ve tvaru www.domena.cz, ale také domena.cz. Ač se to zdá být samozřejmé, mnohdy se na tuto funkcionalitu pohříchu zapomíná. Když už si návštěvník zapamatuje naši doménu, neměl by za odměnu dostat chybové hlášení. Pokračování článku…

WordPress: CSFD Last Seen plugin

Pondělí, 23. listopadu 2009 // PC a informatika, Tipy a triky, Webdesign a grafika, WordPress

CSFD.cz Last Seen Movies

CSFD Last Seen 0.9 plugin

Máte svůj účet na ČSFD a používáte systém WordPress? Pak je tento plugin určený právě pro vás.

Jedná se o widget do postranního panelu, který vypíše daný počet naposledy zhlédnutých (ohodnocených) filmů včetně jejich barvy, roku vydání a vašeho hodnocení.

Před časem jsem dal k dispozici dočasnou verzi, kterou jsem používal zde na stránkách. Nyní to dotáhla už na plnohodnotný WordPress plugin. 🙂

Instalace pluginu

Nejprve si stáhněte plugin na jeho oficiální stránce:

CSFD Last Seen plugin

Plugin se instaluje klasickým způsobem.

  1. Rozbalte stažený archiv s pluginem.
  2. Nahrajte složku csfd-last-seen do wp-content/plugins.
  3. V administraci vašeho blogu přejděte do sekce Pluginy a CSFD Last Seen plugin aktivujte.
  4. Přejděte do sekce Vzhled/Widgety a umístěte widget CSFD Last Seen jak je libo.
  5. Nastavte požadovaný profil, počet zobrazovaných filmů a frekvenci obnovování.
  6. Klikněte na Uložit.

Pokračování článku…

21 kroků k použitelnému webu: 2. část

Pátek, 4. září 2009 // Použitelnost, Webdesign a grafika

V první části trilogie o použitelnosti webu jsem uvedl zásadní předpoklady použitelného webu. Druhý díl (právě čtete) je věnovaný otázce designu, typografie a zvyklosti rozvržení jednotlivých prvků – tedy jakým způsobem by měly být ony základní informace z první části návštěvníkovi podány. V závěrečných 7 krocích se pak objeví některá doporučení a častá očekávání uživatelů na funkčnost webu.

Pojeta.cz

Tomáš Pojeta, Pojeta.cz

8. Dobrý design

Kvalitní design webové stránky napomáhá žádanému vedení návštěvníkovy pozornosti za pomoci správně voleného kontrastu barev, velikosti prvků nebo případně i animací. Vzhled webu je to první, co na člověka udělá dojem. Ve spojení s logem je základnou webového brand-buildingu. Měl by být také v souladu s tématem webu. Může v návštěvníkovi vzbudit důvěru, sympatie, nadšení a mnoho dalšího – web si díky dobrému designu zapamatuje a v budoucnu se vrátí zpět. To vše se dá však snadno pohřbít jinými částmi webu.

Především design nesmí v návštěvníkovi nechtěně vyvolávat úzkost, zmatení, vztek, nebo dokonce nějaký záchvat. 🙂

Compose to a vertical rythm – 24ways.org

Compose to a vertical rythm – 24ways.org

9.  Dobrá typografie

Aby byl obsah pro návštěvníka čitelný, je třeba dodržovat aspoň ta nejdůležitější typografická pravidla. Velikost písma by měla přímo odrážet zanoření ve struktuře textu – tedy čím výše ve struktuře, tím větší písmo. Text by měl mít dostatečnou výšku řádku (většinou kolem 1,5 velikosti písma) a také vhodné zarovnání.

Podmínkou čitelnosti Velkým plusem pro čitelnost a orientaci v textu je také dobrý vertikální rytmus, tedy horní a spodní okraje jednotlivých částí textu. Zdařilý článek na toto téma (včetně komentářů) je Compose to a vertical rythm, kde jsou uvedeny i konkrétní rady a styly.
Pokračování článku…

21 kroků k použitelnému webu: 1. část

Úterý, 25. srpna 2009 // Použitelnost, Webdesign a grafika

Použitelnost je v oblasti webdesignu dost široký pojem. Je to vlastnost webu, která v sobě spojuje jednotlivé disciplíny webové tvorby a určuje, do jaké míry se povedlo jejich propojení a jak výsledek působí na okolí – tedy návštěvníky.

V první části trilogie o použitelnosti webu připomenu základní informace, které by měla každá stránka obsahovat a také zásadní předpoklady každého dobrého webu. Druhý díl pak věnuji spíše otázce designu, typografie a zvyklosti rozvržení – tedy jakým způsobem by měly být ony základní  informace z první části návštěvníkovi podány, aby je optimálním způsobem spokojeně vstřebal. 🙂 V závěrečných 7 krocích se pak objeví některá doporučení a častá očekávání uživatelů na funkčnost webu.

ultimatestrapless.co.uk

ultimatestrapless.co.uk

1. Logo / název webu

Na každé stránce webu by měl být zřetelně patrný jeho název a nejlépe i logo. Jedná se o jednu ze základních informací, a proto je zvykem umisťovat ho do levého horního rohu stránky – tedy na místo, kam se člověk zpravidla podívá nejdříve.

Logo je také zcela zásadní pro brand building – člověk si díky němu web a značku snáze zapamatuje a vytvoří si k ní nějaký vztah. Například tyto stránky kvůli absenci loga v tomto ohledu tratí. Možná bych měl nějaké vyrobit. 🙂

webdesignerwall.com

WebDesignerWall.com

2.  Čím se web zabývá?

Jednou ze základních otázek, které návštěvník při prohlížení stránky pokládá je „Proč?“ Tedy proč vlastně ten který web existuje, jaký má účel nebo čím se zabývá. Tato otázka by měla být zodpovězena stručně a jasně – nejlépe pár slovy u loga nebo sloganem v hlavičce.

Pokud je zaměření webu jasné už z loga / názvu webu, není tento prvek nezbytný. Rozhodně je však vhodné aspoň na úvodní stránce na onu otázku odpovědět, nejraději tak výrazně, aby návštěvník věděl a nemusel si ji vůbec pokládat.
Pokračování článku…