Ikona web stranice: kako utječe na web dizajn

Možemo pronaći ikone svugdje u našim svakodnevnim životima: od putnih znakova, logotipa trgovina i na svojim laptop tipkovnicama. Ikone nam pomažu da bolje interpretiramo informacije. Pošto je dobivanje pravih informacija što je brže moguće ključno tijekom bavljenja sa Internet tehnologijama, nije ni čudo da su ikone sastavni dio web dizajna.

Drukčiji simboli predstavljaju drukčije stvari ljudima, s toga je bitno dizajnirati ikone koje će razumjeti što je više ljudi moguće. Ako nisu dobro dizajnirane, ikone mogu lako upropastiti korisničko iskustvo.

U ovom članku, objasnit ću kako ikone web stranice utječu na web dizajn i kako mogu utjecati na korisničko iskustvo na stranici.

Što su ikone i koje prednosti nose web stranici?

Tehnička definicija ikone je: osoba ili stvar koja se smatra reprezentativnim simbolom ili vrijednim dubokog poštovanja.

Web dizajneri ih koriste u navigacijama (e.g. kliknite na ikonu kuće kako bi bili odvedeni na naslovnicu), u aplikacijama i alatima za efikasnost (e.g. kliknite na B kako bi boldali svoj tekst, kliknite na gumicu kako bi maknuli ono što ste istaknuli) i u kopiji kako bi doveli prednosti/značajke životu (e.g. cipela za trčanje kako bi indicirali da ste brži od konkurencije).

Ikone mogu pomoći korisnicima navigaciju kroz web stranicu ili kod korištenja aplikacije. Pogledajmo na prednosti koje ikone mogu doprinijeti web stranici:

  • Ikone su brze za prepoznati na prvi pogled (ako su dobro dizajnirane) – naročito istina za standardne ikone koje su ljudi vidjeli ili koristili prije.
  • Ne postoji potreba za prevođenjem ikona za internacionalne korisnike, pod pretpostavkom da su ikone svjesne kulturnih razlika.
  • Ikone mogu biti vizualno prijatne i poboljšati estetsku privlačnost dizajna.
  • Podržavaju pojam obiteljskog porizvoda ili odgovaraju kada su iste ikone i stil korišteni na nekoliko mjesta.
  • Ikone podržavaju sadržaj na vašoj web stranici
  • Ikone mogu povećati čitljivost
  • Ikone mogu poslužiti kao grafičke oznake  strukturirajući web stranicu

Ikone web stranice korištene kao omiljene ikone mogu također poboljšati iskoristivost i korisničko iskustvo.

Što su omiljene ikone?

Omiljene ikone su ikone asocirane sa web stranicom namijenjene za korištenje kada označite web stranicu. Web prelednici ih koriste u URL traci, u tabovima i na drugim mjestima kako bi pomogli kod vizualnog identificiranja web stranice. Također, korištene su i kao ikone aplikacija na mobilnim uređajima.

Kreiranjem i korištenjem omiljenih ikona, možete povećati vidljivost vašeg branda i pomoći ljudima da se sjete vaše web stranice.

Omiljene ikone mogu biti kreirane koristeći bilo kakvu grafiku/softver za uređenje slika, kao što je GIMP, koji omogućava spremanje .ico dokumenata.  Također postoje online usluge koje će vam omogućiti kreiranje omiljene ikone besplatno.

Slika bi trebala biti čista i obično je dizajnirana kako bi pristajala slici vaše stranice i/ili sadržaju. Veliki zadatak za nešto tako malo.

Kako bi pripremili sliku da bude spremljena kao favicon.ico:

  • Odrežite ili dodajte prostora oko slike, napravite sliku četvrtastom.
  • Postavite sliku da bude 16 x 16 pixela.
  • Spremite dokument kao favicon.ico. (omiljena ikona).

Ključni elementi korisne ikone web stranice

Postoje tri elemenata korisne ikone. Trebala bi biti jednostavna za pronaći, vizualno privlačna i jednostavna za razumjeti.

  1. Jednostavna za pronaći

Samo smještanje ikone na web stranicu nije dovoljno. Trebaju biti tamo gdje se očekuje da budu.

Na primjer, ako posjetite eCommerce stranicu, očekujete da košarica za kupovinu ili ikona torbe bude na vrhu, u desnom kutu ekrana. Kada ste ulogirani u SaaS, očekujete da vaš korisnički profil i postavke računa budu simbolizirane sa ikonom osobe (ili vašom glavom) na vrhu,  u desnom kutu zaslona.

  1. Vizualno privlačne

Vaše ikone bi trebale biti vizualno privlačne korisnicima. Kako se pojavljuje ikona? Pristaje li ostatku dizajna web stranice? Može li se poboljšati? Sva ova pitanja bi trebala biti odgovorena kada odlučujete koje ikone ćete koristiti na svojoj web stranici.

Ovo je posebno važno u dizajnu za mobilne uređenje, gdje su ikone obvezne i frekventno korištene.

  1. Jednostavne za razumjeti

Korisnici bi trebali biti u mogućnosti pretpostaviti značenje ikone web stranice odmah. Kako god, nije puno ikona univerzalno i ponekad može biti teško razlikovati između sličnih ikona.

Postoji nekoliko primjera ikona koje imaju univerzalno prepoznavanje od strane korisnika. Ikone za naslovnu, printanje i povećalo za pretraživanje su neki od primjera. U stvari, istraživanje Nielsen Norman Groupa je riješilo da ljudi uobičajeno prepoznaju tu ikonu povećala koje indicira na alat za pretraživanje.

Izvor slike

Zaključak

Ikone igraju bitnu ulogu u web dizajnu. Možda izgleda da su ikone web stranica skoro nevažni dio web stranica, ali to je daleko od istine. Baš suprotno, dobro dizajnirana ikona može povećati iskoristivost i poboljšati korisničko iskustvo.

Ako su ikone na vašoj web stranici vizualno privlačne, jednostavne za razumjeti i pronaći, omogućit će korisnicima lakšu navigaciju kroz stranicu, podržat će vaš sadržaj i povećati čitljivost.

One odlično uhvate pažnju i mogu pomoći posjetitelju da pronađu i skeniraju sadržaj. Ukoliko Vam zatreba pomoć, slobodno nas kontaktirajte.

Podijelite članak: