Actum: navigace musí být cool!

Actum - vysouvací menu

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.

Rychle a snadno k cíli, aneb malý kvíz

„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.

Děkujeme vám, že neklikáte na formuláře

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

Screenshot formuláře na titulce Sixtu

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

Kudy do kina?

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

Čí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.

Opera – o klik navíc

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

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í.

Ikonko, ikonko, co ukrýváš?

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

Ikonky na webu Praha City Center

Schválně se pochlubte, kolik jste uhodli!

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

Navigace hír

Vyberte si z nabídky vlevo

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.