04.11.2014 Views

elektronická verzia publikácie - FIIT STU - Slovenská technická ...

elektronická verzia publikácie - FIIT STU - Slovenská technická ...

elektronická verzia publikácie - FIIT STU - Slovenská technická ...

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

30 Štúdie vybraných tém programových a informaných systémov<br />

Welie rozdeuje vzory pre web do troch hlavných kategórii: navigácia, vyhadávanie<br />

a nakupovanie. Predpokladá, že dobre navigovatená stránka upúta pozornos návštevníkov<br />

a umožní im efektívne vykonáva úlohy. Welie navrhuje viaceré typy navigácie<br />

na stránkach: horný panel, avý panel, omrvinky 11 (angl. Breadcrumbs) a rôzne typy menu.<br />

Vzory pre hadanie sú inšpirované súasnými prístupmi v internetových vyhadávaoch<br />

(Google, Yahoo!) a obsahujú prvky pre jednoduché a pokroilé vyhadávanie (angl. Advanced<br />

Search), zobrazovanie výsledkov vyhadávania, asto kladené otázky (angl. Frequently<br />

Asked Questions – FAQ), at.<br />

Vzory pre nakupovanie zahajú celý proces nakupovania vo webovom sídle: rezervácia<br />

tovaru/služieb, porovnanie produktov, konfigurátor produktov, jednotlivé kroky<br />

nákupu, nákupný košík a geografický vyhadáva obchodov. Vzor Nákupný košík (obrázok<br />

1-20) združuje dôležité údaje o objednávke tovaru alebo služieb od predajcu. Obsahuje<br />

zoznam položiek, poskytuje prvky rozhrania pre pridanie a odobratie položiek z košíka,<br />

zobrazuje ceny, množstvá, celkovú sumu pred zdanením, da, a celkovú cenu. Tiež umož-<br />

uje výpoet prepravných nákladov.<br />

Zo všeobecnejších vzorov, vzor Pošli odkaz priateovi (angl. Send-a-Friend Link) umož-<br />

uje posla odkaz na aktuálnu stránku emailom spolu s krátkou správou pre prijímatea.<br />

Obrázok 1-20. Nákupný košík (angl. Shopping Cart).<br />

Rozdielnos v zobrazovaní webových stránok na rôznych zariadeniach a prehliadaoch<br />

a v súasnosti kuová úloha webovej prezentácie pri upútaní zákazníkov motivuje rozsiahle<br />

používateské štúdie prvkov webových stránok. Pozri napr. pravidelný stpek Jakoba<br />

Nielsena 12 .<br />

Používateské štúdie odkrývaju asto neoakávané súvislosti. Pre ilustráciu sa pozrime<br />

na použitie bannerov. Banner je prvok rozhrania obdžnikového formátu, väšinou<br />

obrázok alebo krátky film, slúžiaci na štylizovanú prezentáciu nejakého obsahu. Jeho<br />

hlavnou úlohou je upúta návštevníka a používa sa preto väšinou na reklamné úely.<br />

Návštevníci webových stránok si však bannery už prestali všíma, keže väšinou sprostredkúvajú<br />

len reklamný obsah, a tak prvky rozhrania, ktoré sa vizuálne ponášajú na<br />

bannery návštevníci ignorujú (Nielsen, 2007). Na obrázku 1-21 je znázornená teplotná<br />

mapa návštev troch webových stránok (svetlejšie miesta používatelia ítajú astejšie ako<br />

11<br />

Jeden riadok textu zobrazujúci umiestnenie aktuálnej stránky v celkovej hierarchii.<br />

12<br />

Jakob Nielsen's Alertbox, http://www.useit.com/

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!