Použitelnost.info

Jsem velmi spokojeným zákazníkem Alfacomputeru. Tak spokojeným, že jejich newsletter, který mi občas přistane v mailu, shovívavě ignoruji.

Nicméně až se jednou rozhodnu si newsletter celý přečíst, kliknu na… ehm, kam já to kliknu?

Dokonale nakódovaný newsletter

Možná mě to rozladí natolik, že sáhnu k radikálnímu řešení a newsletter si odhlásím! To by přeci neměl být problém, stačí kliknout na… ehm?

Poučení: i dobře vymyšlený koncept vám může zazdít špatný kodér. Nebo grafik – ale o tom zase někdy příště.

Webdesigners.cz - navigace ještě moderněji

Kdepak rozbalovací menu, s tím se už nepatlají ani dinosauři (leda Actum). Teď je trendy navigace na dva řádky. Šup s ní na web!

Sakra, ale co na ten druhý řádek napíšeme?

Originál: http://www.webdesigners.cz/

Actum - vysouvací menu

Když děláme ty weby, tak ať lidi vidí, že to fakt umíme. Jinou než vysouvací navigaci dneska přeci nikdo nechce.

Originál: http://www.actum.cz. Ale ušetřím vám kliknutí – ano, „Kontakt“ i „Kontaktní informace“ samozřejmě vedou na stejnou stránku.

„Poskytnout uživateli všechny informace, které potřebuje, a nabídnout mu rychlou a bezproblémovou cestu k cíli.“

Tolik teorie.

A nyní trocha praxe, aneb malé cvičení pro snaživé čtenáře.

Start: otevřete si web http://www.e-rex.cz/

1. Úkol číslo 1: zjistěte z úvodní stránky webu, co firma nabízí (neklikat nikam jinam!).
2. Úkol číslo 2: zjistěte z jejich ceníku (pro vaše pohodlí pouze ke stažení jako XLS), kolik vás jejich služby budou stát.
3. Úkol číslo 3: objednejte si zvolené služby pomocí praktického online formuláře.

Cíl: pochlubte se svými výsledky v komentářích.

Integrace formuláře na web snadno a rychle:

1. Naprogramuji formulář.
2. Udělám screenshot formuláře.
3. Vložím screenshot na úvodní stránku webu.
4. Po kliknutí na screenshot odkážu uživatele na skutečný formulář.

Screenshot formuláře na titulce Sixtu

Autor revoluční metody: autopůjčovna Sixt

Návštěvníky Village Cinemas na Andělu sice nijak dramaticky, ale zato pravidelně mate originálně nadesignovaný rozcestník sálů.

Schválně: jdete do sálu číslo 8. Doprava, nebo doleva?

Čísla sálů ve Village Cinemas

Bez přemýšlení zamíří každý neomylně doprava. Obejde sály, zjistí, že tam číslo 8 není, vrátí se k rozcestníku, zakleje a zamíří na druhou stranu.

Malou útěchou může být, že kvalita promítaných filmů bývá velmi podobná a je vlastně jedno, v jakém sále se ocitnete.

Instantní řešení: zvětšit mezeru mezi horní a spodní řadou čísel.

Nová Opera 10 má hromadu celkem nezajímavých nových funkcí. O těch si počtete jinde. Já vám ukážu jednu botku v použitelnosti, která v Opeře přibyla.

Pravý klik na tlačítka v Opeře

Dokáže někdo vysvětlit rozbalovací položku „Customize“? Proč se neukáže rovnou další úroveň menu? Vždyť nic jiného než „Customize“ se zde dělat nedá, proč tedy musí uživatel vždy zvolit, že chce „Customize“?

Příliš mnoho otázek a to je vždy špatně :)

P. S. Tento příspěvek jsem chtěl publikovat v Opeře, nicméně v nové verzi přestalo fungovat vkládání obrázků ve Wordpressu. Krásně kontextové selhání.

Ikonka = malý pomocník. Jemně napoví, pomůže pochopit. A nebo ne?

Schválně zkuste uhodnou, jakou výhodu reprezentuje každá ikonka na následujícím screenshotu. Kliknutím se dostanete na původní verzi s popisky.

Ikonky na webu Praha City Center

Schválně se pochlubte, kolik jste uhodli!

Originál: http://www.prahacitycenter.cz/

Vyberte si produkt z nabídky vlevo

„Hele, ty boxíky se mi povedlo nasázet hezky doleva, sedí to jak kostičky lega.“

„Paráda. Ale co s tím místem, co zbylo napravo? Bude to na titulce webu, nemůžem tam nechat díru.“

„Hm. Hodím tam text, ať se mrknou na ty naše parádní boxíky nalevo. Jak jsem je napasoval na sebe, tak stejně nejsou moc vidět.“

„Ok. Člověče, to je krása, když se grafik vyzná i v UI.“

Originál: http://www.csas.cz

Update: tento blog si již získal takový vliv, že prakticky ihned po uveřejnění inkriminované místo na webu ČS změnili.