5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 1/49
Uvod u informacijskuarhitekturu
Nenad Prelog
Predavanja iz online novinarstva
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 2/49
Pitani o stanju Weba korisnici su pri č ali o svojim
frustracijama sporoš ću, o pronala ž enju i organizaciji informacija kao o najva ž nijim
problemima. Najnovija istra ž ivanja pokazuju da će
loša arhitektura Web site-ova uzrokovati više
nesreća no zagušeni autoputovi Los Angelesa i birokracija poštanskih ureda. Zaboravite reformu
zdravstva i preispitivanju obrazovnog sustava.
Kvaliteta naše ukupne informacijske arhitekture
biti će kriti č ni problem razvoja u 21. stoljeću.
Peter Morville: “Mapping your site”,http:webreview.com/wr/pub/96/09/27/arch/index.html
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 3/49
Što je informacijska arhitektura
Sklop organizacije, označavanja i navigacijeunutar informacijskog sustava
Način organizacije stranice Kreiranje doživljaja (za krajnjeg korisnika) Strukturalni dizajn informacijskog prostora s
ciljem omogućavanja intuitivnog pristupasadržaju
Umjetnost i znanost kojima je cilj primijenitinačela dizajna i arhitekture na digitalni pejsaž
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 4/49
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 5/49
Što je informacijska arhitektura (2):
Znanost o izražavanju modela ili konceptainformacije Vještina organizacije i označavanja web
stranica u cilju povećanja pretražljivosti ikorištenja
Informacijski arhitekt mora predvidjetigotovo svaki potez korisnika; razumjetinjegova očekivanja; olakšati procespronalaženja informacija, kupnje proizvodau elektroničkoj trgovini ili obavljanja
određenog postupka u Web aplikaciji
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 6/49
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 7/49
Što je previše, ni s putrom nije dobro
Bogatstvoinformacijarezultiralo je
siromaštvom pažnje
Herbert Simon
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 8/49
U stvarnom svijetu
Stvari imaju jasnoodređenulokaciju Pronalazimo
ih pomoćumapa i
sustavasignalizacije
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 9/49
U virtualnom svijetu
Ništa nije fiksirano, sve jepromjenjivo
Navigacija i organizacija informacijasu ključne za pronalažljivost
Uloga informacijske arhitekture jeoblikovati digitalni prostor u cilju što
bržeg i učinkovitijeg pronalaženja
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 10/49
Uloga informacijskog arhitekta
Razumjeti cilj i misijustranice
Razviti viziju koja
podjednako vodi računa opotrebama naručitelja iinteresu publike
Odrediti sadržaj ifunkcionalnost stranice
Predvidjeti poteze korisnikai razumjeti njegovaočekivanja
Istražiti kako ćekorisnici dolaziti dosvakog sadržaja:
- organizacija- navigacija
- pretraživanje
Predvidjeti kako ćestranice rasti (i mijenjatise) tijekom vremena
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 11/49
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 12/49
Korisnikovo viđenje
Korisnici žele pronaći informacije lako ibrzo. Oni zahtijevaju različite načine
traženja i pronalaženjaNeki točno znaju što traže i žele
direktan pristup do tih informacija
Drugi pretražuju site i tom prilikom
saznaju i ono što nisu pretpostavljali
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 13/49
Interes naručitelja
Onaj tko plaća želi točno znati štodobiva od svojih stranica
Jasna pitanja, uloge, odgovoriMnogo oblikovatelja (od stabala) ne vidicjelinu (šumu) nepotrebno inzistiranjena detaljima
Plan izgradnje a ne rješavanje problematijekom rada
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 14/49
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 15/49
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 16/49
Koja znanja mora imati I.A.
Grafički dizajn
Informacijskeznanosti -knjižničarstvo idokumentacija
Novinarstvo
Marketing
Računarstvo
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 17/49
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 18/49
Informacijska arhitektura: elementi
Organizacija informacijaNavigacijski sustavi
Označavanje informacija Sustavi za pretraživanje Istraživanje Konceptualni dizajn Proizvodnja
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 19/49
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 20/49
Organizacija informacijaNaše razumijevanje svijeta je u velikoj
mjeri uvjetovano našom sposobnošćuorganiziranja informacija
Početak organizacije je u klasifikacijiOrganiziramo informacije kako bi
razumjeli, objasnili, kontroliraliHeterogenost: pristup na različitim
razinama dekompozicije (knjiga, članak,stranica, dio stranice...)
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 21/49
Pronalažljivost
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 22/49
Organizacijske sheme i strukture
Organizacijskashema određujezajedničke
karakteristikeelemenata sadržajai njihov logičniraspored
Organizacijskastruktura određujetipove odnosa
između elementa injihovih skupina
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 23/49
Tipovi organizacijskih shema Abecedna (imenici,
kazala, katalozi,rječnici itd.)
Kronološka (arhive idokumentacije,dnevnici itd.)
Geografska(ovisnost o lokaciji)
Kompleksna (neznamo uvijek štotražimo)
Tematska (popodručjima, “žutestranice”)
Prema zadatku(skup procesa,funkcija, akcija izadataka)
Ovisna o posjetitelju
Temeljena nametaforama
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 24/49
Tipovi organizacijskih struktura
Hijerarhija: od vrha na dolje, dubina iširina (koliko razina, koliko elemenata u
svakoj razini)Hipertekst: nelinearna struktura, ne
omogućava prikaz modela organizacije
Relacijska baza podataka: od dna ka
vrhu, nije dobar za heterogene podatke
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 25/49
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 26/49
Informacijska arhitektura: elementi
Organizacija informacija
Navigacijski sustaviOznačavanje informacija Sustavi za pretraživanje Istraživanje
Konceptualni dizajn Proizvodnja
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 27/49
Kako ne zalutatiPričekaj Marice, dok ne izađe mjesec, tada ćemo vidjeti
mrvice kruha koje sam bacao putem i one će nam pokazati put kući...
(Ivica i Marica)
Po cesti vozimo, po moru plovimo... Kontekstualni znakovi realnog svijeta ne
postoje na WebuRavnoteža između fleksibilnosti kretanja
i opasnosti zbunjivanja korisnikaprevelikim brojem mogućnosti
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 28/49
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 29/49
Standardi – što sve nudi svaki
preglednik Naprijed – natrag
(dvosmjerno hori-zontalno kretanje)
Povijest – gdje sambio Bookmark (“knjižne
oznake”) – pohranalokacija
Promjena boje kodkorištenih linkova
Adresanamjeravanedestinacije (uz link ili
u lijevom donjemuglu preglednika)
Skokovi – nemoramo se kretati
razinu po razinu Povratak na početak
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 30/49
Što ne smijemo zaboraviti
Sve stranice (negdje) moraju imati ime
Grafički identitet i konzistentnost
(posebno ako korisnik dolazi prečacom)Mnoge kontekstualne veze koje su
same po sebi razumljive u fizičkomsvijetu ne funkcioniraju na Webu
Ne smijemo od stranice napraviti labirint(tipa “Kika”)
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 31/49
Tipovi navigacijskih sustava
Hijerarhijski sustavi
Globalni sustavi (kontekstualna
osjetljivost) Lokalni sustavi (kod kompleksnijih
stranica i siteova)
Ad hoc navigacija (npr. Dodatnonavođenje linkova na kraju teksta)
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 32/49
Integrirani navigacijski elementi
Navigacijski stupci(skup upotrebljenihlinkova, tekstualnih
ili grafičkih – najčeš-će ikona)
Okviri – mogućnostdefiniranja nezavis-
nih popisa unutar istog ekrana
Izbornici (spuštajući,podižući)
Sadržaji
Kazala
Mape sitea (grafičkiprikaz arhitekturesitea – fizičke a nesimboličke lokacije)
Kretanje s vodičem
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 33/49
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 34/49
Informacijska arhitektura: elementi
Organizacija informacijaNavigacijski sustavi
Označavanje informacija Sustavi za pretraživanje Istraživanje Konceptualni dizajn Proizvodnja
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 35/49
Označavanje informacija
Cilj označavanja (labeling ) je efikasnakomunikacija
Bez eksplicitnog navođenja svihinformacija postiže se prava asocijacija
Polazi od pretpostavke da korisnik(posebno onaj koji prvi puta dolazi nastranice) ne zna ništa o strukturinakladnika, a još manje o kraticamakoje on koristi
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 36/49
Tipovi sustava označavanja
Interni i eksterni
Kao naslovi ipodnaslovi koji vodena dijelove teksta naistoj stranici
Kao uputnice(linkovi) na skupine
informacija nadrugim stranicama
Tekstualni
Grafički (ikone)
Ograničenja urazumijevanju kojaproizlaze iz malogbroja mogućnosti
Engleski jezik ima >800.000 riječi...
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 37/49
Informacijska arhitektura: elementi
Organizacija informacijaNavigacijski sustavi
Označavanje informacijaSustavi za pretraživanje Istraživanje Konceptualni dizajn Proizvodnja
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 38/49
Sustavi za pretraživanje
Sustavi opće namjene
Posebni sustavi (za određene stranice)
Asocijativno učenje (više iteracija)
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 39/49
Korisnikove potrebe i očekivanja
Potrebe su jasno definirane i tražeprecizan odgovor
Zna što hoće ali ne zna to opisati i nezna da li uopće postoji odgovor
Istraživačko pretraživanje (postojiproblem ali o njemu želi više naučiti)
Sustavno pretraživanje (sve što se otome zna/objavljeno)
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 40/49
Projektiranje sučelja
Što o pretraživanjuznaju korisnici, da lise snalaze s
Boolovim operatorimaili prednost dajuprirodnom jeziku,očekuju li pomoć?
Da li žele sažetiprikaz ili detaljniizvještaj, jedan ili
više formata ispisa? Očekuju li tekst ili
stranice, kolikodokumenata
očekuju?
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 41/49
Informacijska arhitektura: elementi
Organizacija informacijaNavigacijski sustavi
Označavanje informacija Sustavi za pretraživanje
Istraživanje Konceptualni dizajn Proizvodnja
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 42/49
Istraživanje – pitanja
Kratkoročni i dugoročni ciljevi Koliko sredstava imam na raspolaganju
Što znam o publici kojoj su stranicenamijenjene Zašto bi ljudi dolazili na moje stranice Koje sve zadatke će korisnici moći
obaviti Koji sadržaji će biti publicirani
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 43/49
Informacijska arhitektura: elementi
Organizacija informacija
Navigacijski sustavi
Označavanje informacija Sustavi za pretraživanje
Istraživanje
Konceptualni dizajn Proizvodnja
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 44/49
Konceptualni dizajn
“brainstorming”, ploča i crtanje
Metafore
* organizacijske (mentalni model)* funkcijske (odnosi i zadaci)
* vizualne (poznati grafički elementi)
Scenariji Prototipovi
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 45/49
Informacijska arhitektura: elementi
Organizacija informacija
Navigacijski sustavi
Označavanje informacija Sustavi za pretraživanje
Istraživanje
Konceptualni dizajn i Proizvodnja
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 46/49
Proizvodnja
Sadržajne mape
Popisi
Praćenje navika korisnika
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 47/49
Stranica kao tri P
Ø Prezentacija je mentalni model strukturesadr žaja koji svaki puta iznova stvarajuposjetitelji kretanjem po stranici pomoću
nekog primjerenog programa (tj. preglednikaili browsera) Ø Pohrana se temelji na manje-više
hijerarhijskom poretku datoteka i popisa(mapa odnosno foldera)
Ø Pretraživanje nudi više mogućih pristupasadr žajunudi mogućnost smanjenjadostupnih informacija
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 48/49
Zašto bi se netko vratio na stranicu
5/12/2018 Informacijska arhitektura - slidepdf.com
http://slidepdf.com/reader/full/informacijska-arhitektura 49/49