D. Keith Robinson v článku Guidelines for Linking přináší svůj názor na správný způsob zápisu odkazů. Vybírám tato pravidla:

Podtrhávat odkazy v obsahu dokumentu

Podtržené odkazy jsou jedním z hlavních standardů, na které jsou návštěvníci zvyklí. Nepodtržený odkaz = neviditelný odkaz.

Odkazy musí vypadat jako odkazy

A opět: nerozpoznaný odkaz jako by ani nebyl. Pokud uživatel pozná, že text je odkazem, má tendenci na odkaz kliknout.

Navigace by měla být vidět

Navigace by měla být vhodným způsobem odlišena od zbytku stránky. Může se stát, že uživatel neodliší, co je obsah a co je navigace, klikne a nestačí se divit, kam se dostal.

Odkazy by měly mít náležitý text

Text odkazu by měl odpovídat odkazované stránce. Vicezdemie se zakazuje.

Používejte atribut title

V mnoha případech je vhodné použít atribut title, který může pomoci uživateli v rozhodování, zda na odkaz klepnout či nikoli.

Odlišujte navštívené odkazy

Odlišení navštívených odkazů změnou vzhledu pomáhá uživatelům v orientaci.

Mastery

mistrovské ovládání, suverénní znalost.

Mystery

tajemství, záhada, zvláštnost, tajemnost.

Misery

utrpení, trápení, mizérie.

Jacob Nielsen vydal před pár dny další Alertbox. Tentokrát se v článkuMastery, Mystery, and Misery: The Ideologies of Web Design věnuje třem přístupům (chcete-li ideologiím) k tvorbě webu. Rozhodování o umístění navigace jsou totiž z pohledu použitelnosti podružná. Hlavní roli totiž hraje ideologie použitá při tvorbě.

Mastery

Zrod myšlenky hypertextu sahá nejméně do poloviny minulého století. Hypertext dává uživateli do rukou nadvládu nad obsahem. Použitelnost a jednoduchost je cestou ke zvýšení moci uživatele. Dodržování standardů a zvyklostí upevňuje v uživateli tento pocit. Jednoduché a zřetelné uživatelské rozhraní dovoluje uživateli, aby se zaměřil na splnění svého úkolu.

Typickými představiteli webů mastery ideologie jsou weby mnohých vyhledávačů nebo třeba významné e-shopy.

Mystery

Hodně webdesignerů dává přednost vzrušení ze vzhledu vlastních webů. Nadávají na nudný vzhled mastery-webů. Jejich weby jsou ale často spíš hezké než užitečné. Zapomínají, že sami tráví se svým webem dlouhé dny a zvykají si tak na jejich vzhled. Naproti tomu uživatel na jejich webu zůstává jen několik minut a pak odchází. Není vůbec odvázanýz toho, že se má učit zase něco nového.

Mnohé testy použitelnosti (např. Flash and Web-Based Applications) jasně ukazují chybné uvažování milovníků mystery-webů. Existují ale samozřejmě případy, kdy je použití prostředků mystery-ideologie na místě (např. dětské weby).

Misery

Takle ideologie se nese ve znamení útisku. Vyskakující okna, titulní vstupte-stránky, stránky, které maximalizují prohlížeč a vypnou menu a nástrojovou lištu. Autoři dělají z návštěvníků nesvéprávné jedince. A věřte, že nikdo se sebe nechce dělal blbce.

A vítězem je

Podle Nielsena (a já s ním souhlasím) samozřejmě mastery. Nechme dělat uživatele to co chce, protože on sám ví nejlépe, co chce udělat. Uživatel vidí ve webu především nástroj (ne prostředí).

Dnes jsem zachytil informace o zajímavé studii What We Saw When We Looked Through Their Eyes (via Digital Web Magazine a Web Standards Project).

Článek se zabývá tím, jak se pohybují oči po webové stránce. Zjištění mohou být zajímavá pro všechny tvůrce webových stránek, kteří si lámou hlavu kam umístí navigaci, kam hlavní obsah nebo reklamy. Vše je doplněno názornými obrázky. Doporučuji k přečtení.

ALA 187 přináší v článku Pocket-Sized Design: Taking Your Website to the Small Screen spoustu námětů, jak tvořit stránky (také) pro malé obrazovky kapesních počítačů.

Mimochodem jsem si včera chvilku hrál s Google na mobilu (skrze WAP). Byla to rozhodně zajímavá zkušenost. Zajímavou zkušeností pro mnohé webdesignéry by bylo, kdyby se na své výtvory podívali na nějakém tom kapesním počítači. A opravdu silným zážitkem by bylo, kdyby za nimi stál zadavatel.

Honza Hučín popisuje ve spotu WYSIWYG? Často stačí Word zajímavý způsob, kterým využívá Word k psaní (předpokládám že) validního HTML. Ve Wordu normálně píše a formátuje. Na závěr spustí makro, které formátování převede do HTML kódu. Zdrojový kód je k mání.

Při čtení článku mě napadla taková myšlenka. Word je rozšířený skoro všude. Spousta lidí jej jakž takž ovládá. Všichni znalí často žehrají, jaké hrůzy z Wordu lezou. Co takhle vyrobit pro Word makro, které mnoho problémů vyřeší. Představte si:

1. Vytvořit nástrojovou lištu. Říkejme jí třeba i-publikování.
2. Na liště tlačítko pro nový i-dokument.
3. Na liště by byla jen povolená formátovací tlačítka.
4. Po klepnutí na tlačítko nový i-dokument by se ostatní lišty a menu skryly/znepřístupnily (až po uložení by se stala tlačítka dostupná). BFU by nemohl tak snadno provádět různá formátovací zvěrstva.
5. Před vytvořením dokumentu by aplikace otázala (formulářem) na nadpis, sekci, klíčová slova, popis atd.
6. Uživatel by vesele psal a formátoval ve známém prostředí.
7. Pak by dal uložit intranet-dokument. Na pozadí by proběhly veškeré transformace zapsaného textu.

Napadají mě další fíčury. Otevírání uložených dokumentů, odeslání e-mailem k publikování atd. Možná by to všechno dobře fungovalo. Na druhou stranu je touha psavců, aby jejich dokument na internetu vypadal přesně tak, jak jej oni geniálně vytvořili, nebetyčná. Škoda, že Word nemá nějaký přepínač (třeba -bfu, který by skryl 95 % možností a nabídl jen těch pár opravdu užitečných.

Jak je to dlouho, co jste naposledy byli na stránkách firmy Microsoft? Já se tam dneska podíval po přečtení článku Microsoft Advances. Microsoft si opravdu hrábl na dno, když přistoupil ke změnám:

• Poměrně výrazná změna vzhledu webu – ne vše zařezává jak by mělo, ale došlo k výraznému zjednodušení vzhledu.
• Zmenšení počtu tabulek použitých pro rozložení obsahu – z původních asi 40 tabulek (ty jsou ještě na české verzi webu) najdete v kódu pouhých 7.
• Zrušení některých webdesignérských prasárniček (roztahovací gify, zrušení proprietálních atributů apod.) – nevím ale proč některé zůstaly (např. nepoužívání seznamů pro seznamy).
• Zmenšení velikosti kódu – mj. důsledek předchozích opatření a komprimace kódu.
• Obrázky mají dokonce alt – a světe div se, je jich jenom 13.

Web Microsoftu samozřejmě pořád není možné považovat za vzor všech webdesignerských ctností a ukázku správných postupů. Pořád ještě není bez chyb (validátor odhalil půl stovky chyb). Je ale patrný krok správným směrem a věci se pomalu dávají do pohybu.

Roger Johansson vyjmenoval v článku Web development mistakes (via Digital Web Magazine) 18 největších chyb, se kterými se potkává na webu:

DOCTYPE zmatek

Chybějící, špatně zapsaný nebo umístěný na špatném místě.

mánie

Obecný způsob stylování čehokoli pomocí CSS je obalit to do elementu s class atributem. Nehledí se na sémantiku, na kaskádu, dědění atd.

Příliš vizuální myšlení

Nahlížení na web skrze WYSIWYG. Vývoj začíná vzhledem místo toho, aby se začalo u struktury a obsahu.

Nedostatek sémantiky

Kód postrádá sémantiku (význam). Autoři vychází z toho, jak je daná značka výchozím způsobem vykreslována místo toho, aby se zamysleli nad významem značek a správně je použili.

Mišmaš v kódování

Použití jednoho kódování v HTTP hlavičce a dalšího v dokumentu. Některé prohlížeče pak nemusí dobře zobrazit některé znaky.

Špatné atributy alt

Chybějící nebo zbytečné. Element musí mít alt atribut. Myslete na smysluplný text v hodnotě atributu.

Neplatné id a class atributy

Opakované použití stejné hodnoty id atributu v jednom dokumentu. Neplatné znaky v jejich názvech atd.

Kádrování prohlížečů

Zjišťování, jaký prohlížeč návštěvník používá a posílání upraveného kódu pro daný prohlížeč. Když odhlédnu od skutečnosti, že je možné napsat univerzální kód, tak bych připomenul problémy s novými prohlížeči nebo prohlížeči, které se maskují za jiné.

Chybějící jednotky v CSS

Délkové jednotky musí mít zadanou jednotku (vyjma nulové hodnoty). CSS není HTML.

Proprietální CSS.

Používání nestandardních vlastností některých prohlížečů (stylování posuvné lišty v IE, filtry apod.).

Závislost na JavaScriptu

Někteří lidé mohou mít vypnutý JavaScript. Nebo používají zařízení, které JavaScript nepodporuje. Podobně pracují také roboti vyhledávačů.

Zavislost na Flash

Ne každý má Flash instalovaný. Vyhledávací roboti si s Flashem také neporadí.

Obrázky místo textu

Tohle není příliš přístupné. Podívejte se na svůj web s vypnutými obrázky. Zvětšujte písmo. Myslete na vyhledávače.

Špatné formuláře

Nepřístupné, špatně použitelné formuláře. Říká Vám něco ,

a

.

Stará škola HTML

Opakovaně vnořené tabulky, neviditelné GIFy k vytvoření mezer, značky atd.

Nic než IE

Nejdřív navrhovat pro IE/Win a až pak napravovat pro ostatní není to pravé ořechové.

Neplatné HTML atributy

Používání zavržených atributů nebo nestandardních atributů.

Nekódovaný znak &

Problém při odkazování. Mnoho URI obsahuje znak &, který musí být v kódu zapsaný jako &.