Václavák | píše Václav Štrupl

Nepravidelné názory na internetový marketing a byznys.

Archive for the ‘webdesign’ tag

Skočte si na pivo

Dnes se vás chystám, moji milí čtenáři, zneužít.

Konkrétně vás chci zatáhnout na pivo. Nepůjdeme ale do některého z mých oblíbených pražských podniků, nýbrž do virtuálního pivního království, kterým je web Sdružení přátel piva.

A proč vás na něj tak bezostyšně lákám? Protože jsem jej celý přepracoval. Jak si asi pozorná menšina povšimne, design zůstal stejný. Správně! Zato střeva jsou nová, technologickým klistýrem důkladně pročištěná.

Web zacílený na pivo a jeho příznivce pohání kompletně zbrusu nová česká verze redakčního systému Textpattern, pouze o bezproblémové zobrazování fotografií ve fotogalerii se nadále stará sada PHP skriptů napsaná šikovnými českými ručičkami Tomáše Párala.

Přesuňme se však k meritu věci. Potřebuji web důkladně otestovat a pozabíjet všechny mouchy. Pomůžete mi a proklikáte se alespoň částí pivního labyrintu?

Kontaktní formulář naleznete na webu Sdružení přátel piva téměř na každé stránce, slova chvály a obdivu proto můžete posílat v hojném množství.

Děkuji vám a nebojte se, příště už budu zase poučovat.

Napsal Václav Štrupl

22. 11. 2005 v 0.39

Kategorie: Weblog ~ Štítky: ,

Počet komentářů: 6

Nasaďte focus (se zajímavostí)

První pravidlo použitelnosti stránek, jejichž primárním účelem je vyhledávání:

Focus (pozice textového kurzoru) by měl být od začátku na vyhledávacím poli.

Dobrý příklad:

Špatný příklad:

Zajímavost z 28. 11. 2005: I zdi mají uši, a tak už mohu (a vy se mnou) na webu Pravidel českého pravopisu hledat zase o něco pohodlněji.

Napsal Václav Štrupl

17. 11. 2005 v 23.26

Webdesignérská laboratoř

Seznam užitečných utilit pro webdesignéry.

Kategorie nástrojů

Kvalita kódu a funkčnost webu

Validátory

W3C Markup Validation Service
Ověřuje správnost kódu proti vámi zvolenému standardu.
Walidator.com
Několik validátorů na jednom místě (XHTML, CSS, RSS) a k tomu další užitečné nástroje (zpětné odkazy v Googlu a další).

Offline validátory:

Funkčnost webu

Xenu’s Link Sleuth
Freewarový prográmek pro kontrolu funkčnosti všech odkazů na stránkách. Funguje online i offline. Dobře poslouží i W3C: Link Checker, ten však kontroluje vždy pouze jednu stránku.
Web Page Speed Analyzer
Změření přibližné rychlosti načítání stránek s různými typy připojení. Měří také datovou velikost načítaných objektů.
Pixy: Let’s Favelets
Pixyho seznam užitečných faveletů. Mezi nejzajímavější patří například odstranění stylů nebo změna velikosti okna prohlížeče na předdefinovanou velikost.
Cacheability Engine Query
Co všechno se ze stránek ukládá do cashe prohlížeče. O těchto objektech nabízí i bližší informace – např. dobu vypršení (expire), poslední změnu, datovou velikost a další.
Get Content Size
Procentuální podíl textu ve zdrojovém kódu stránky.
Web-Sniffer
Hlavičky všech příchozích i odchozích HTTP požadavků.

» nahoru

Přístupnost

Barvy

Yuhůův přehled bezpečných barev
Přehled bezpečných barev pro web. Viděl jsem jich různě po síti mnoho, ale ten Yuhůův mi připadá nejpřehlednější.
Kontrast barev
Porovnání kontrastu dvou barev – dostatečný rodíl je podmínkou přístupného webu.

Další měřiče kontrastu barev:

Colorblind Web Page Filter
Testování barev na webu z pohledu barvoslepého člověka. Podobnými nástrojem je Vischeck, který si můžete stáhnout také jako plug-in do Photoshopu.

Prohlížeče

IeCapture
Test zobrazení stránek ve čtyřech verzích prohlížeče Internet Explorer (4.01, 5.01, 5.5, 6.0), Firefoxu a také Opeře 7.23.
iCapture
Test zobrazení stránek v prohlížeči Safari.
Lynx Viewer
Test zobrazení stránek v textovém prohlížeči Lynx, který nevyužívá stylový předpis.

» nahoru

Optimalizace pro vyhledávače

SE-TOOLS
Hezky pohromadě spousta nástrojů užitečných při optimalizaci webu pro vyhledávače.
Widexl Internet Solutions
Na tomto webu se v sekci Free Online Tools nalézá skript na zjištění počtu odkazů z nejpoužívanějších vyhledávačů (Google, Yahoo!,..), šikovný Meta Tag Analyzer, který provede globální analýzu vašich meta-tagů z pohledu vyhledávacího robota, a další užitečné nástroje.
Poodle Predictor
Zkoumá stránku z pohledu vyhledávacího robota.
Search Engine Simulator
Zobrazení stránek z pohledu fulltextového vyhledávače.
Keywords Density & Prominence
Hustota a prominence klíčových slov na webu.
Google PageRank Calculator
Počítá Google Toolbar PageRank pro libovolné množství stránek.
Robots.txt Validator
Validátor souboru Robots.txt, který slouží k zakázání přístupu robotů do vybraných složek.

Kontrola pozic ve vyhledávačích

Pozice ve vyhledávačích
Vyhledávače: Google EN, Google EN – české stránky, Google CS, Yahoo!, MSN, AltaVista, Jyxo, Morfeo, Seznam ČR, Seznam svět.
Search Engine Position
Vyhledávače: Google, Google (lang:cs), Google (cs), Jyxo, Morfeo.
THComputers
Vyhledávače: Google.com, Jyxo, Morfeo, Seznam.
Google Position Checker
Pozice stránek na různých datacentrech Googlu.
Jyxo Position
Pozice ve vyhledávači Jyxo.

Kontextová reklama ve vyhledávačích

Nástroj na klíčová slova
Pomáhá při vymýšlení vhodných klíčových slov pro reklamní kampaň ve vyhledávačích.
Overture – Keyword Selector Tool
Podle počtu hledání pomáhá s návrhem vhodných klíčových slov pro reklamní kampaň ve vyhledávačích.
Split Tester
Z počtu prokliků a průměrné míry prokliku dvou inzerátů pomáhá ověřit jejich dlouhodobou úspěšnost.

» nahoru

Další nástroje

Webmaster Toolkit
Velké množství nástrojů pro ladění vašich stránek.
AnyBrowser.com
Mnoho užitečných pomůcek při tvorbě stránek. Asi nejvyužívanější je simulace různých výstupních zařízení (např. Web TV). Hodit se může také kontrola platnosti odkazů na vašich stránkách.
Online Color Scheme Generator
Generátor barevných schémat na základě zadané základní barvy.

Další barevná míchátka:

» nahoru

Je jistě ještě mnoho stránek poskytujících další užitečné služby, a tak vás prosím, pokud o nějakých víte, dejte mi určitě vědět a já je do seznamu doplním.

Napsal Václav Štrupl

11. 11. 2005 v 21.16

Kategorie: Články ~ Štítky: ,

Bez komentáře

Testování použitelnosti konkurenční metodou

Ke konkurenci se obvykle chodí hledat dobré nápady. Proč tam ale nejít omrknout také chyby?

Použitelnost webových stránek se obvykle testuje na lidech, kteří testovaný web neznají. Existují samozřejmě výjimky, ale ty teď nechme stranou. Vtip spočívá v tom, že právě při pozorování těchto s webem neobeznámených lidí odhalíte jeho největší slabiny.

Nejlepší je testování použitelnosti

Testování použitelnosti je dost drahé. Je to pochopitelné. Musíte zaplatit uživatele, dát jim najíst a napít, zaplatit místnost, ve které se testuje, konzultanta, který pokládá všetečné otázky, kameru, veverku, která ji pohání, a nespočet dalších věcí.

Testování použitelnosti je dost drahé, a proto si ho nemůže dovolit každý. Jak potom ale zjistit, zda je váš web dostatečně použitelný? Těžko, pomyslí si BČW. Ale nějaká možnost tu přeci jen je. Dokonce dvě.

První možností je tzv. heuristická analýza použitelnosti. Ta spočívá v prohlížení webu a hodnocení jeho použitelnosti na základě známých pouček, pravidel a výsledků výzkumů. Heuristickou analýzu použitelnosti většinou nabízejí poradenské firmy (jako třeba ta naše) jako alternativu k tradičnímu testování použitelnosti.

Chybami se člověk učí, a to nejen vlastními

Druhou možností je vůbec netestovat svůj web, ale jít se podívat ke konkurenci. „Co zrovna tam zjistím o svém webu?“ napadne mnohé z vás. Víc, než byste asi čekali! Není tajemstvím, že například e-shopy se často vzájemně podobají jako vejce vejci a díky (nebo spíše kvůli) tomu trpí podobnými, či dokonce naprosto stejnými chybami.

Místo věčného přemítání nad vlastním webem tak radši vyrazte do internetových ulic a uliček. Tu narazíte na naprosto nepoužitelný formulář, tam zase na ukrytou důležitou funkci a hle, najednou si uvědomíte, že ani u vás tahle funkce není právě na očích.

Díky nacházení chyb na cizích webových stránkách máte možnost uvědomit si také chyby vlastní, které pod vlivem dobré znalosti svého webu běžně přehlížíte. Kromě chyb narazíte samozřejmě i na dobře vyřešené prvky a to se taky počítá!

Tak na co ještě čekáte? Utíkejte ke konkurenci a udělejte si na jejím webu malou analýzu použitelnosti. Alespoň část jejích výsledků pak s velkou pravděpodobností budete moci uplatnit na svém vlastním webu.

A pokud vám ta použitelnost není úplně jasná, nechte se důkladně proškolit, ještě zbývá několik míst. Já na školení přijdu a možná přijde i kouzelník ;-).

Souvislosti na Václaváku

Napsal Václav Štrupl

14. 10. 2005 v 19.02