38
 Uvod u informacijsku arhitekturu Nenad Prelog Predavan ja i z online no vi narstva

Informacijska arhitektura

Embed Size (px)

Citation preview

Page 1: Informacijska arhitektura

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

Page 2: Informacijska arhitektura

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

Page 3: Informacijska arhitektura

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ž

Page 4: Informacijska arhitektura

5/12/2018 Informacijska arhitektura - slidepdf.com

http://slidepdf.com/reader/full/informacijska-arhitektura 4/49

Page 5: Informacijska arhitektura

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

Page 6: Informacijska arhitektura

5/12/2018 Informacijska arhitektura - slidepdf.com

http://slidepdf.com/reader/full/informacijska-arhitektura 6/49

Page 7: Informacijska arhitektura

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

Page 8: Informacijska arhitektura

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

Page 9: Informacijska arhitektura

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

Page 10: Informacijska arhitektura

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

Page 11: Informacijska arhitektura

5/12/2018 Informacijska arhitektura - slidepdf.com

http://slidepdf.com/reader/full/informacijska-arhitektura 11/49

Page 12: Informacijska arhitektura

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

Page 13: Informacijska arhitektura

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

Page 14: Informacijska arhitektura

5/12/2018 Informacijska arhitektura - slidepdf.com

http://slidepdf.com/reader/full/informacijska-arhitektura 14/49

Page 15: Informacijska arhitektura

5/12/2018 Informacijska arhitektura - slidepdf.com

http://slidepdf.com/reader/full/informacijska-arhitektura 15/49

Page 16: Informacijska arhitektura

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

Page 17: Informacijska arhitektura

5/12/2018 Informacijska arhitektura - slidepdf.com

http://slidepdf.com/reader/full/informacijska-arhitektura 17/49

Page 18: Informacijska arhitektura

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

Page 19: Informacijska arhitektura

5/12/2018 Informacijska arhitektura - slidepdf.com

http://slidepdf.com/reader/full/informacijska-arhitektura 19/49

Page 20: Informacijska arhitektura

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...)

Page 21: Informacijska arhitektura

5/12/2018 Informacijska arhitektura - slidepdf.com

http://slidepdf.com/reader/full/informacijska-arhitektura 21/49

Pronalažljivost

Page 22: Informacijska arhitektura

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

Page 23: Informacijska arhitektura

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

Page 24: Informacijska arhitektura

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

Page 25: Informacijska arhitektura

5/12/2018 Informacijska arhitektura - slidepdf.com

http://slidepdf.com/reader/full/informacijska-arhitektura 25/49

Page 26: Informacijska arhitektura

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

Page 27: Informacijska arhitektura

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

Page 28: Informacijska arhitektura

5/12/2018 Informacijska arhitektura - slidepdf.com

http://slidepdf.com/reader/full/informacijska-arhitektura 28/49

Page 29: Informacijska arhitektura

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

Page 30: Informacijska arhitektura

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”)

Page 31: Informacijska arhitektura

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)

Page 32: Informacijska arhitektura

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

Page 33: Informacijska arhitektura

5/12/2018 Informacijska arhitektura - slidepdf.com

http://slidepdf.com/reader/full/informacijska-arhitektura 33/49

Page 34: Informacijska arhitektura

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

Page 35: Informacijska arhitektura

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

Page 36: Informacijska arhitektura

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...

Page 37: Informacijska arhitektura

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

Page 38: Informacijska arhitektura

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)

Page 39: Informacijska arhitektura

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)

Page 40: Informacijska arhitektura

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?

Page 41: Informacijska arhitektura

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

Page 42: Informacijska arhitektura

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

Page 43: Informacijska arhitektura

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

Page 44: Informacijska arhitektura

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

Page 45: Informacijska arhitektura

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

Page 46: Informacijska arhitektura

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

Page 47: Informacijska arhitektura

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

Page 48: Informacijska arhitektura

5/12/2018 Informacijska arhitektura - slidepdf.com

http://slidepdf.com/reader/full/informacijska-arhitektura 48/49

Zašto bi se netko vratio na stranicu

Page 49: Informacijska arhitektura

5/12/2018 Informacijska arhitektura - slidepdf.com

http://slidepdf.com/reader/full/informacijska-arhitektura 49/49