Použitelnost ikon na webu

Vezměte si třeba tuto jednoduchou Ikonku:  Víte co znamená?

• Diskuzi
• komentář
• komiks
• citaci
• upozornění, že Vám uživatel píše zprávu
• nápovědu
• obecné upozornění
• …a dalších přibližně 995 slov

Asi by vás napadly další a další významy… Možná budete chytřejší, pokud Vám prozradím, že se jedná o Ikonku jednoho on-line rádia. A možná taky ne.

Na webech se můžeme setkat s Ikonkami, které se objevují často ve stejných souvislostech a nesou stejný význam, takže již mezi uživateli zdomácněly a stávají se jakýmsi standardem. Například Ikonky pro kontakt: (e-mail), pro sdílení na Sociálních sítích: , pro ovládání videa či hudby na webu .

Může se však také stát, že Váš web navštíví i méně počítačově zdatný uživatel (a bezesporu se tak jistě děje), který nezná význam ani standardních a zdomácnělých Ikon, a  ty mu pak orientaci na webu mohou spíše znesnadnit, než usnadnit.

Podíváme-li se na tento problém z opačného úhlu pohledu – ze židle vývojáře a programátora, dostane se Vám vysvětlení, že čistě textové odkazy jsou neocenitelné pro dobrou SEO optimalizaci webových stránek a Použitelnost. Designer zase může namítat, že Ikonky jsou grafickým prvkem stránky, která má upoutat pozornost k navigačním částem webu, navíc jsou nástrojem, jak vylepšit a pozdvihnout celkový design. Dnešní trend jednoduchých webů bez zbytečných dekorativních prvků však použití Ikon opět zavrhuje.

Kdy tedy ikonky použít a kdy ne?

ANO:

• pokud jsou na první pohled jasné a čitelné (např. Ikony zobrazující počasí)
• pokud již zdomácněly natolik, že se staly jakýmsi nepsaným standardem (např. Play, Pause, Volume v přehrávači, Ikony pro sdílení obsahu na Sociální sítě)
• pokud jsou grafickým doprovodem textové informace

NE:

• pokud jsou nově vytvořené pouze pro účely dané webové prezentace nebo Aplikace a nedoprovází je textová nápověda
• pokud jsou nově vytvořené pouze pro účely dané webové prezentace nebo Aplikace a doprovází je jen plovoucí nápověda po najetí kurzoru myši (jen si spočítejte čas, který strávíte čekáním, než se vám zobrazí plovoucí nápovědný text a než najdete, co opravdu hledáte!)

Na co si dát pozor

Pokud chcete, aby váš web byl intuitivní, nepoužívejte standardní Ikony pro jiné akce a výnamy, než jaké jim jsou standardně určeny. Nedávejte standardním a zdomácnělým Ikonám jiný než standardní význam, jinak Ikony ztrácí svou výmluvnost.

Buďte konzistentní – používejte na celém webu stejné Ikony pro stejné významy a nepoužívejte jednu Ikonu pro různé významy.

Ikony by měly být jasné především uživatelům, při navrhování Ikon se tedy dívejte na věc pohledem uživatele. Ať už jsou Ikony sebehezčí a graficky originální, nejsou k ničemu, pokud uživatelé musí přemýšlet o tom, co znamenají.

Rozdílné kultury mohou obrazové symboly chápat rozdílně, stejně jako například symboliku barev (např. červená vs. zelená). Pozor tedy na přebírání Ikon do cizojazyčných mutací.

Spíše než kreativitu zapojte při vytváření Ikon logické myšlení a neuškodí ani malé uživatelské testování například na kolezích nebo kamarádech.

Ikonami k lepší použitelnosti

Když si vzpomeneme na známou pravdu, že méně je někdy více, pak mi jistě dáte za pravdu, že textová Navigace je mnohdy použitelnější, než Navigace přehlcená Ikonami, které mají primárně dekorativní funkci. Vždyť Ikony nejsou berličkou, jak pozdvihnout design a atraktivitu webu, ale především jak zvýšit Použitelnost webu. A s tímto vědomím by měly být vytvářeny.

Další články autora:

2