Dnešná úvaha dosť súvisí s jedným z mojich predchádzajúcich článkov. A síce ako robiť web, aby bolo na prvý pohľad jasné, o čom sa na stránkach hovorí(píše). Tentoraz to bude o tom, ako urobiť web, aby bolo na prvý pohľad každému jasné, čo daná časť webu robí.

robme weby prehľadne

Rozhodneme sa teda zostrojiť(skonštruovať) nejaký ten web. Dajme tomu, že to bude web o... vlastne to je jedno o čom. V prvom rade si musíme ujasniť, čo kde bude. Teda menu(navigácia), hlavička, samotný obsah a pätička. Z týchto štyroch častí sa stránky poväčšinou skladajú.
Teda základ máme. Ale pozor na jednu vec, a o tom je tento text.

hlavička
Tá by mala byť všetko-hovoriaca a mala by lákať na ňu kliknúť. Musí byť preto farebná tak, aby bola kontrastná voči zvyšku webu(treba dať ale pozor na dominantnosť hlavičky, inak by sa stratil zvyšok;-). Takto upravená hlavička bude doslova sťahovať zrak a každý sa jej bude chcieť dotknúť(inštinkt z detsva, kedy sme všetko hmatom skúšali). Lenže tu sa jej nebudeme dotýkať priamo, rukou, ale kurzorom myši. Je to už akýsi kybernetický inštinkt dotýkať sa tak vo svete virtuálnom. Kurzorom sme nabehli na hlavičku. Čo sa stalo? Naša obľúbená šípka sa zmenila na akúsi ruku s vystretím ukazovákom. Znalosť základov internetu nám hovorí, že sa dá na daný objekt kliknúť. Užívateľ záhadne intuitívne tuší, že po kliknutí sa kamsi dostane. Klikne, a objaví sa pred jeho očami úvodná stránka webu. Povie si: "Aha, takto sa môžem dostať na úvod," a spokojne surfuje na danom webe ďalej.

Predstavte si ale, keby web nemal možnosť klikacej hlavičky. Chudák užívateľ, komu sa ruka nezobrazila a dostal sa hlboko do webu a nevie sa dostať späť na úvod, kde bolo čosi dôležité. Jemu nič nehovoria slovné odkazy typu "main", "index" a podobne. Ešte by sa dal odpustiť textový odkaz "domov" alebo "home" alebo "úvod", ale hlavička je predsalen viditeľnejšia.

menu alebo aj navigácia
Nech je menu akékoľvek, či vertikálne, či horizontálne, robme ho tak, aby bolo viditeľné a výrazné. Nech vyčnieva od zvyšku. Nemalo by byť rovnako konštruované ako obsah(text), pretože s ním splynie a užívateľ bude v rozpakoch, či tam môže kliknúť bez obáv. Verte mi, stretol som sa s ľuďmi, ktorí si neboli istí nejakým kliknutím na odkaz v menu práve preto, lebo nepôsobilo menuidným dojmom, teda dojmom, že je to naozaj menu.

Takže menu farebné(nie moc, aby sme neodstrašili;-), výrazné(ale aby nezaberalo celú obrazovku) a viditeľné. Teda nech je hneď pri lákavej hlavičke, pretože prvé, na čo pozeráme po hlavičke je jej okolie. Čiže keď tam bude menu, užívateľ bude vedieť, čo s tým a na čo to je.

obsah
Nech je už akýkoľvek(samozrejme prispôsobený zamerianu stránok), tak by nemal byť príliš neviditeľný, to znamená rozmermi menší ako menu alebo hlavička, pretože inak pôsobí len ako niečo okrajové. Priestor, kde sa nachádza urobíme tak, aby zaberal minimálne jednu veľkosť obrazovky na výšku(nerobte to na šírku!), ale aby nebol dlhý tak, že užívateľ bude musieť rolovať posuvníkom desať minút, aby sa dostal na koniec. Jednak, kto nemá myšku s rolovacím kolieskom, sa ťažko bude triafať do tak úzkeho posuvníka(jeho veľkosť sa nepriamo úmerne mení v závislosti od dĺžky textu, teda čím dlhší je text v obsahu webu, tým kratší je posuvník). Treba to brať do úvahy, pretože staviame web, ktorý má pochopiť aj ľudoop;-), ktorý nevie používať klávesu PageDown alebo kurzorové klávesy. Dlhým textom sa stráca aj prehľadnosť, o ktorú nám ide.

Písmo v obsahu urobíme dostatočne veľké, aby sa na jednu obrazovku vošlo primerané množstvo informácií, aby sa text dal čítať zo vzdialenosti aj 1 metra. Malé písmo je dosť nečitateľné a odkiaľ bude vedieť ľudoop, že sa to dá aj zväčšiť v prehliadači?;-)

pätička
Slúži "len" pre informatívne účely. Pre bežného užívateľa je prakticky nepodstatná. Samozrejme graficky uzatvára celý web, čo dotvára dojem konečnosti, a nikto nebude mať pocit, že sa tam zrazu môže niečo nové objaviť a nebude sa báť postupovať v surfovaní ďalej.

epilód

Samozrejme nikoho nezrovnámam s ľudoopom. Ide len o to, aby bol web tak prehľadný, že bude každému jasné, o čo sa jedná a na čo daný prvok slúži. Veď nakoniec, aj my sme sa kadejako vyvnuli s ľudoopov, no nie?;-)

Autor: pjotr

Štítky: Filozofie tvorby webu

Facebook Twitter Topčlánky.cz Linkuj.cz

Sdílet