Spletne ikone so eden najpogostejših grafičnih elementov spletnih strani. Pogosto jih uporabljamo v spletni komunikaciji kot zamenjavo za smeškote, s katerimi na alternativni, bolj ljubek in neposredni način sporočamo tekstovno vsebino. Ikone na spletnih straneh se pogosto pojavljajo kot bližnjice in povezave, v aplikacijah in mobilnh napravah pa brez ikon praktično ne gre. Prav zato se moramo pri oblikovanju ikon sredotočiti na deset pomembnih zakonitosti, s katerimi bomo lahko oblikovali konsistentne in uporabne spletne ikone.

1. Ikone uporabljajte konsistentno

Upoštevajte konsistentnost pri velikosti, barv, tipu in grafiki. Konsistentnost pri velikosti ikone pomeni, da ena ikona ni večja ali manjša kot druga ikona. Elementi ikone morajo biti v sorazmerni velikosti, da dajo vtis skladnosti. Včasih dejanska računska natančnost pri ikoni ne pomeni, da ikona zgleda skladno; bolj kot natančnost je pomembno, da je ikona že na prvi pogled sorazmerno enaka drugi ikoni.

Ikone niso enako velike, vendar zgledajo skladno.

Konsistentno uporabljajte barve in barvne kombinacije; če ste si zamislili točno določeno barvno paleto, jo uporabljajte pri vseh ikonah in pazite, da so skladne tudi z barvami spletne strani oz. aplikacije. To še vedno ne pomeni, da morajo biti ikone v enaki barvi kot spletna stran, saj bodo na tak način manj izstopale.

Konsistentno uporabljena barvna kombinacija.

Če izbirate med že obstoječimi ikonami, pazite, da se stili različnih ikon med seboj skladajo. Ikona v krogcu najbrž ne bo vizuelno skladna z ikono v pravokotniku, razen če so zraven njiju prisotne še druge ikone obeh oblik.

Pazite tudi na ilustracije in druge grafične elemente; včasih uporabljamo pri ikonah bolj sličice, drugič bolj simbole in črke kot prepoznavne elemente ikon.

Za vse ikone je predviden enaki stil.

2. Izberite prave ikone

Ikona z rdečim srcem lahko pomeni mnogo stvari: ljubezen, všečnost, naklonjenost … lahko pa pomeni tudi bližnjico do priljubljenih vsebin uporabnika na spletni strani! Vprašati se morate ali vaša ikona sproža točno določena nedvoumna čustva in misli in ali jo lahko uporabnik prepozna hitro.

V tem primeru srce pomeni, da uporabnik ni več v razmerju.

V tem primeru je srce povezava na dodajanje vsebine med priljubljene.

3. Ne uporabljajte ikon individualno

Ikonam dodajte tekstovno alternativo ali pojasnilo zraven ikone. Brez teksta boste vedno rizkirali, da nekdo ikone ne bo pravilno prepoznal.

Zraven ikone je tekstovna alternativa.

4. Izogibajte se postavljanju teksta na ikono

Dejanska vključitev teksta v ikono ni priporočljiva, saj bi lahko bil tekst v majhni različici ikone slabše berljiv ali celo neberljiv. To ne pomeni, da neposredno na ikono ne smete vključiti znakov kot je @ za elektronsko pošto, i za informacije, www za spletni naslov, itn. Če je vključevanje teksta neizogibno (npr. gumb za download, kjer je na sličici ikona s puščico in beseda download), se prepričajte, da je tekst na ikoni dovolj velik in berljiv za vse tipe elektronskih naprav (ekrani različnih resolucij, mobilne naprave, itn).

Tekst na ikoni ne neberljiv, zato iz ikone ni razvidno, kaj predstavlja.

5. Ne uporabljajte ikon z elementi človeškega telesa

Ste se kdaj vprašali, zakaj na ikoni MSN Messengerja človeček nima obraza ali celotnega telesa? Z deli človeškega telesa na ikonah lahko namreč nakazujete rasističnost določenim kulturam, rasam in osebam, ki niso podobne človeku na ikoni. Da se izognemo takšnim nevšečnostim, za ljudi uporabljamo silhuete brez obrazov, ki so stilizirane tako, da ne nakazujejo realnih okončin, temveč stilizirano simbolično ikono.

Univerzalna ikona podobe človeka - uporabnika.

6. (Ne)klikabilne ikone

Odločiti se morate, ali bodo vaše ikone klikabilne (kot povezave, ki vodijo na določeno spletno mesto) ali niso klikabilne (so le grafične reprezentacije misli, ki jo želite sporočiti). Pri klikabilnih ikonah morate biti pazljivi na to, da uporabniku nakažete, kam vodi povezava. Za uporabnika je namreč zelo pomembno, da ve, ali bo s klikom na povezavo povezan na podstran spletne strani, na kateri se nahaja, ali na nov spletni naslov. Uporabniki vedno ne vedo, kaj se bo zgodilo, ko bodo kliknili na povezavo, zato pogosto klikajo in s tem preizkušajo sam sistem. Če so se zmotili, bodo kliknili gumb ‘nazaj’ ali ‘back’ v brskalniku (Firefox, Internet Explorer, Safari …). V primeru, ko se povezava odpre v novem oknu, uporabnik v novem oknu (ali zavihku) ne more na prejšnjo stran s pritiskom na gumb nazaj.

Ikoni socialnih mrež sta nedvoumno povezavi na to socialno mrežo.

7. Izogibajte se majhnim detajlom na ikonah

Majhni detajli na ikonah se lahko v množici informacij na spletni strani hitro izgubijo, pogosto pa so na ekranih različne resolucije različno vidni. Zato pomembne dele ikone izpostavite po velikosti, poziciji in barvi, manj pomembne dele ikone pa minimizirajte in postavite ob bok pomembnejšim delom. Pri tem pazite, da elementov na ikoni ni preveč – pri ikonah namreč velja pravilo ‘less is more‘, saj le na tak način uporabnik hitro prepozna njihov pomen.

Evro znak je neberljiv, zato ikona za denar ni ustrezna.

8. Rekognicija in rekolekcija ikon

Pravilna rekognicija ikone pomeni pravilno prepoznavanje pomena, ki ga sporoča. Rekolekcija pomeni priklic pomena ikone iz preteklih izkušenj, ko so se uporabniki že srečali s podobno ikono in ugotovili ter si zapomnili, kaj pomeni.

9. Zgledujte se po trendih

Oglejte si druge pogosto obiskane spletne strani, ki vsebujejo ikone. Uporabniki se med brskanjem po spletu pogosto nevede priučijo določenih vzorcev in simbolov, ki si jih ob naslednjem brskanju hitro prikličejo v spomin. Z uporabo ustaljenih ponavljajočih se vzorcev lahko minimiziramo uporabnikovo kapaciteto spomina in trud, ki ga bo moral ta vložiti med brskanjem po spletnih straneh.

10. Nihče ni vseved

Nihče nima znanja iz vseh področij, da bi lahko oblikoval univerzalno, všečno in kvalitetno ikono za vsa kulturna okolja, ljudi z različnimi izkušnjami z internetom, z različnimi okusi za estetskost in lepotno dovršenost. Zato je pogosto najboljša pot nakup kompleta spletnih ikon, s čimer sicer nekoliko povišamo stroške, a prihranimo čas pri oblikovanju lastnih ikon. Kljub temu pa se moramo zavedati, da so plačljive ikone že preplavile medmrežje in same po sebi niso vredne nič, če niso skladne s celostno podobo spletne strani oz. aplikacije, na kateri se nahajajo. Avtorstvo ima še vedno svojo težo.