Sunday 16 December 2012

Informacijska arhitektura spletne strani


Se vam je že zgodilo, da ste na spletni strani zaman iskali kontaktne podatke podjetja ali povezavo na domačo stran? Slabo načrtovane spletne strani znajo presenetiti tudi zelo izkušene uporabnike interneta.

Enako kot načrtujemo gradnjo hiše pripravimo načrt tudi za izdelavo spletne strani. Kje bo opis podjetja, kam bomo postavili pozive k akciji, ali bomo objavljali novice, katera polja obrazca za povpraševanje, kakšna bo globina menijske strukture ... vse to so elementi informacijske arhitekture.

Kaj je informacijska arhitektura (IA)?
Je organizacija in načrtovanje vsebine spletne strani. Naloga informacijskih arhitektov je zagotoviti, da obiskovalci brez večjih naporov in razmišljanja najdejo želene informacije in izpolnijo svoj cilj.

Zakaj je pomembna?
Uporabnikom zagotavlja pozitivno uporabniško izkušnjo, zato obiskovalci takšno spletno stran obiščejo večkrat in jo priporočijo tudi drugim. Predvsem pa je pomembno, da si z učinkovito IA na spletni strani zagotovljamo višjo stopnjo konverzije. Na arhitekturo informacij je treba misliti še pred izdelavo strani. Zapisati moramo cilje naše spletne strani, označiti ciljne obiskovalce in njihove cilje in potrebe.

Menijska struktura
Še posebno pri spletnih straneh z veliko vsebine je zelo pomembno, da ustvarimo ustrezno hierarhijo vsebine spletne strani. Vsebino razdelimo na tri menije: hitri, glavni meni in meni v nogi strani.

V hitri meni na vrhu strani uvrstimo vsebine, ki so pomembne, a ne bistvenega pomena: povezavo na vstopno stran, novice, tekst o podjetju, pogosta vprašanja (faq), fotogalerijo, reference in podobno. Glavni meni spletne strani je namenjen predstavitvi izdelkov ali storitev. Uvrstimo ga na najbolj vidno mesto na strani, obvezni del imen menijskih postavk pa so ključne besede, da zadostimo optimizaciji strani. Meni v nogi spletne strani je z namenom umaknjen, saj ni obvezen del spletne strani, vsebuje splošne pogoje poslovanja, besedilo o avtorjih, pravno obvestilo, zemljevid strani in podobne vsebine.

Primer žičnega diagrama:

Informacijska arhitektura spletne strani


Vstopna stran
Vstopna ali domača stran ima na spletni strani prav posebno vlogo. Njen namen je zrcaliti razlog, zakaj je uporabnik prišel na dotično stran. Na vstopno stran uvrstimo vsebine, ki uporabnikom odgovarjajo na vprašanja Kaj lahko tukaj počnem?, Kaj mi nudijo tukaj?, Zakaj naj bom tukaj in ne nekje drugje?, Kje naj začnem? in sorodna.

Žični diagram ali wireframe
Rezultat IA so poleg pripravljene menijske strukture (zemljevid ali kazalo strani) žični diagrami. So skice vsebine spletne strani, kazalnik postavitve posameznih menijev, gumbov, obrazcev in drugih elementov spletne strani.

Dobro načrtovane spletne strani izpolnjujejo naše cilje, so uporabne za ciljne obiskovalce strani, prav tako pa so prirejene za algoritme spletnih iskalnikov. Obiskovalci, ki bodo zlahka našli, kar iščejo in brez razmišljanja navigirali po vaši spletni strani, vam bodo hvaležni. 


Monday 16 April 2012

Favicon – vaš najljubši najmanjši element strani

Favicon – vaš najljubši najmanjši element strani

Pri izdelavi spletne strani je potrebno misliti na neskončno stvari – grafični dizajn, informacijska arhitektura strani, optimizirana besedila, Facebookov socialni vtičnik, zemljevid strani, multimedijske vsebine in druge zveneče elemente strani. Žal se pogosto zgodi, da ustvarjalci strani pozabijo na mini element strani, ki lahko pomembno zaznamuje uporabniško izkušnjo – favicon.

Kaj je favicon?
Favicon je kratica za favourites icon (ang: priljubljena ikona), v angleškem jeziku se uporabljajo tudi druga poimenovanja, izpostavim naj še bookmark icon, a o tem nekoliko kasneje. Je dokument, ki vsebuje eno ali več ikon, običajno v velikosti 16x16 pikslov, povezane s spletno stranjo. Programer jo kreira in integrira v spletno stran, brskalniki pa jo uporabljajo za več namenov. Najvidnejši med njimi je tudi najpomembnejši z vidika uporabnikov, namreč favicon prikažejo v zavihku brskalnika in na seznamu priljubljenih spletnih strani poleg naslova strani.

Favicon spletne strani


Zakaj jo potrebujemo?
- preprosto, ker želimo na našo spletno stran uvrstiti vse elemente, da izgleda profesionalno,
- ker želimo, da našo spletno stran zlahka prepoznajo; verjetno imate tudi vi v svojem brskalniku velikokrat odprtih več zavihkov in takrat vam je favicon zelo pomembna, da na hitro ločite spletno stran od druge,
- želimo tudi, da obiskovalci našo spletno stran označijo za priljubljeno.

Zakaj je favicon pri tem tako zelo pomembna? Ponovno imejte v mislih nekoga, ki veliko časa preživi na spletu in ima na seznamu priljubljenih že toliko strani, da je pri označevanju začel izpuščati ime strani. In kaj mu ostane za bookmark? Favicon. In če je spletna stran nima? Jo po vsej verjetnosti ne bo označil za favorite, saj bo na tistem mestu prostor ostal prazen, kar pa ne pomaga veliko, ko želi v sekundi dostopati do priljubljene strani. 

Kreirate jo lahko tudi sami
Sedaj se najbrž strinjate z mano, da jo vaša  spletna stran nepreklicno mora imeti. Jo želite oblikovati ta trenutek? Vabljeni na spletne strani, t.im. generatorje favicon, kjer vam bo ob spreminjanju slik, barv in animacij čas hitro minil. Našli boste tudi kup že narejenih ikon za spletno stran in tako dobili kakšno idejo.

Kakšna naj bo favicon?
Največ je odvisno od cilja in vsebine vaše spletne strani. Za poslovne strani v favicon najpogosteje uvrstimo pomanjšano sliko logotipa ali njegov najpomembejši del. Če pišete blog ali ste lastnik podobne manj resne strani, pa imate pri kreiranju favicon-e več manevrskega prostora. Lahko se poigrate z inicialkami vašega imena, slikami živali, ljubkimi oblikami ali po angleško poveste, da ljubite svojo spletno stran. Odločitev je povsem vaša, toda ne pozabite na vaše ciljno skupino in njihovo uporabniško izkušnjo. Njim je namenjena vaša spletna stran in prav tako favicon.

Majhna po velikosti, a velika po pomenu in vplivu, zato si nikar ne dovolite, da jo pozabite, saj lahko postane vaš najljubši najmanjši element vaše strani.