Čo je ikonografia?

← Slovník SEO pojmov

  • Publikované:
  • Aktualizované:
  • #web #dizajn

Ikonografia je ucelený súbor ikon v jednotnom štýle, ktorý pomáha používateľovi orientovať sa na webe. Ikony nahrádzajú alebo dopĺňajú text pri tlačidlách, menu a funkciách, napríklad lupa pre vyhľadávanie alebo košík pre nákup.

Aké pravidlá sa pri ikonách uplatňujú?

  • Jednotný štýl. Rovnaká hrúbka čiar, zaoblenie rohov, veľkosť a farby v celej sade.
  • Zrozumiteľnosť. Používať známe symboly. Nezvyčajná ikona bez vysvetlenia sa dá ľahko pochopiť zle.
  • Popis. Ikona by mala mať text, ak nejde o všeobecne známy symbol.
  • Dostatočná veľkosť. Ovládacie ikony musia byť dosť veľké, aby sa dali presne ťuknúť na mobile.

Prečo ikona potrebuje popis?

Nielsen Norman Group upozorňuje, že ikony bez textového popisu sú často nejasné a len malé množstvo symbolov je všeobecne zrozumiteľné, napríklad lupa alebo domček. Preto sa pri dôležitých funkciách odporúča ikonu doplniť slovom. Ikona v odkaze alebo tlačidle musí mať aj textovú alternatívu pre čítačky obrazovky. Ozdobné ikony sa naopak pred čítačkou skrývajú, viac v pojme prístupnosť webu.

V akom formáte sa ikony používajú?

Najčastejšie ako SVG. Je to vektorový formát, takže ikona zostane ostrá v každej veľkosti a súbor je malý. SVG sa dá vložiť priamo do HTML a meniť farbu cez CSS. Rastrové formáty sa pri zväčšení rozmažú. Hotové sady ikon ponúka napríklad Material Design.

Čo si zapamätať o pojme ikonografia?

Ikonografia je jednotná sada ikon, ktorá pomáha pri orientácii na webe. Ikony majú byť v jednotnom štýle, zrozumiteľné, s popisom pri dôležitých funkciách a najlepšie vo formáte SVG. Grafiku a ikony pre váš web vieme pripraviť, kontaktujte nás.

Ako to rieši webstrankanamieru.sk: Pri tvorbe webu na mieru sa pojem ikonografia rieši v rámci postupu opísaného v sekcii Proces tvorby webstránky. Hotové weby nájdete v portfóliu, orientačné ceny v cenníku a vlastný projekt môžete konzultovať cez kontakt.

Súvisiace pojmy: UI, UX, Material Design, Figma, Prístupnosť webu, Alt text, Firemná identita, Photoshop

Často kladené otázky o pojme ikonografia

Čo je ikonografia?

Je to ucelený súbor ikon v jednotnom štýle, ktorý pomáha používateľovi orientovať sa na webe.

Treba ikony vždy doplniť textom?

Pri dôležitých funkciách áno, pokiaľ nejde o všeobecne známy symbol ako lupa alebo domček.

Aký formát ikon je najvhodnejší?

Najčastejšie SVG, pretože je vektorový, v každej veľkosti ostrý a súbor je malý.

Ako sprístupniť ikony pre čítačky obrazovky?

Ikone v odkaze alebo tlačidle pridať textovú alternatívu, ozdobné ikony pred čítačkou skryť.

Môžem použiť hotovú sadu ikon?

Áno, no pozrite si licenčné podmienky. Hotová sada zaručuje jednotný štýl.

Zdroje

  1. Nielsen Norman Group: Icon UsabilityPoužiteľnosť ikon a význam textového popisu.
  2. MDN Web Docs: SVGFormát SVG a jeho použitie na webe.
  3. W3C WAI: Images TutorialTextové alternatívy a ozdobné obrázky.

Všetky pojmy v slovníku