A

Above the fold - gornja (vidljiva) polovina stranice

Termin koji označava područje gornjeg vidljivog dijela stranice koja je prikazana na monitoru bez upotrebe trake za vertikalno pomicanje sadržaja na monitoru (scrolling bar). Ovo područje web stranice je zapravo najvažniji dio Naslovnice (Homepage) jer se ovdje nalaze najvažniji sadržaji i informacije za posjetitelja

Accessibility - pristupačnost, dostupnost sadržaja

Pristupačnost web stranica znači da ljudi sa određenim tjelesnim nedostatkom ili invaliditetom mogu uočiti, razumijeti, koristiti i biti u interakciji sa web stranicom. U ovu kategoriju ulaze svi oni koji su:

• slabovidni ili npr. daltonisti koji ne prepoznaju boje
• gluhi ili nagluhi
• motorički nesposobni, npr. invalidi sa nedostatkom desne ruke ili prstiju na ruci
• intelektualno i mentalno "zaostali"
• stariji ljudi kojima se određene mogućnosti percepcije smanjuju starenjem

Affinity Diagram - dijagrami sličnosti (srodnosti)

Dijagrami sličnosti su jednostavna tehnika kategoriziranja različitih koncepata u određene glavne kategorije. Koristi se kao metoda unutar razvojnog tima kako bi se organizirala velika količina podataka sukladno njihovim međusobnim odnosima.

B

Bandwith

Količina podataka koja može biti prenesena putem mreže u određenom vremenskom razdoblju. Obično se iskazuje u mjernoj jedinici GB, a najčešće se koristi kod web hosting tvrtki ili ISP-ova (Internet Service Provider-a).

Banner - internetska oglasna "zastavica"

Statična ili animirana slika koja služi za oglašavanje proizvoda ili usluga na web stranici ili naglašavanje određenog dijela web stranice. Banneri mogu biti napravljeni u različitim formatima npr.: .gif, .jpg ili .swf formatu i u različitim dimenzijama npr.: 468 x 60 px, 728 x 90 px ili 120 x 60 px. Organizacija koja je zadužena za donošenje standarda i vodiča na području interaktivnog marketinga je Interactive Advertising Bureau (IAB).

Brainstorming - "bombardiranje idejama"

Kreativna i vrlo učinkovita tehnika rješavanja problema i/ili donošenja određenih odluka i ideja. Sudionici brainstorming-a spontano iznose svoje ideje ili prijedloge i međusobno diskutiraju o nekom problemu ili ideji.

Breadcrumbs - "mrvice kruha"

"Breadcrumbs" je koristan dio navigacijskog sustava koji pokazuje trenutnu lokaciju na web stranici. Također, "breadcrumbs" pomaže posjetitelju kretanje prema "višim" razinama unutar hijerarhije web stranice od trenutne pa sve do naslovne ili homepage stranice.
Primjer "breadcrumbs": Naslovnica > Proizvodi > Bijela tehnika > Hladnjaci (poželjno je da je link trenutne stranice posebno naglašen npr. podebljan, a svi ostali linkovi podcrtani).

Bullet - "grafička oznaka za isticanje"

Mali grafički element (slika) koja služi za označavanje dijelova odnosno elemenata liste. Obično je okruglog ili kvadratnog oblika. Primjer:

• okrugli bullet
• kvadratni bullet

C

Card Sorting - namještanje ili sortiranje karata

Tehnika kojojm se služe informacijski arhitekti (information architect) prilikom određivanja strukture web stranice (glavne cjeline, podcjeline i stranice sadržaja)

CSS - stilske liste

CSS (Cascading Style Sheets ) je tzv. „stilski jezik“ koji omogućava pridodavanje različitih stilova HTML elementima kao što su: veličina i vrsta pisma, pozadinske boje, okviri, položaj elemenata, margine, itd. Svrha CSSa je, zapravo, odvajanje stila prezentacije od samog sadržaja web stranice. Primjer stila kojim definiramo osnovna svojstva HTML dokumenta:

body 
{	font-family:Trebuchet, "Trebuchet MS", sans-serif;
	background-color:#ccc;
	margin:0;
	padding:0;
}	

D

DOCTYPE (DTD) - definicija tipa dokumenta

XHTML dokument, da bi bio sukladan standardima koje propisuje World Wide Web Consortium (www.w3.org) treba imati definiran tip dokumenta odnosno Document Type Declaration (DTD) koji određuje koje HTML oznake i koji atributi se koriste za opisivanje sadržaja i strukture stranice u XHTML dokumentu. U prijevodu to znači na koji način će moderan web preglednik koji je sukladan sa najnovijim web standardima - prikazati web stranicu. Postoji tri tipa DTD-a koja su propisana za XHTML dokument:

• Striktni (Strict) – isključuje u svojem kodu upotrebu svih zastarjelih odnosno nestandardnih HTML elemenata i atributa, npr. <font> ili atribut align
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
• “Prijelazni” (Transitional) – uključuje sve elemente iz specifikacije HTML 4, ali uz pridržavanje određenih specifičnosti za pisanje oznaka i atributa u kodu
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
• “Okvirni” (Frames) – isti kao i Transitinal, ali se koristi kod stranica koje sadrže okvire (frames) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
  

Deep Linking - "duboko povezivanje"

Duboki linkovi (poveznice) su linkovi koji idu direktno do unutarnje stranice, a ne do naslovnice (homepage). Omogućavaju povezivanje do najrelevantnijih i najtočnijih sadržaja web stranice.

E

E-mail - elektronička pošta

Email je internetski servis, koji omogućava slanje i primanje (razmjenu) elektroničkih poruka i različitih dokumenata putem telekomunikacijske mreže kao što je Internet.

Eyetracking - "detektiranje pokreta oka"

Eyetracking je metoda koja omogućava praćenje pokreta korisnikovog oka prilikom npr. gledanja sadržaja web stranice. Eyetracking se koristi da bi se ustanovilo koja su područja odnosno lokacije na web stranici najzanimljivija i najprivlačnija posjetitelju. S tim u vezi postoje istraživanja koja govore o tzv. F-shaped pattern (F-obliku) - načinu "skeniranja" stranice prilikom čitanja ili gledanja iste.

F

F-pattern - "F-oblik"

Mnogobrojna istraživanja su pokazala da posjetitelji često "čitaju" web stranice prema tzv. F-shaped pattern (F-obliku): dvije vodoravne crte i jedna okomita. Znači, prvo pregledavaju gornji dio sadržaja stranice, zatim dio stranice ispod i na kraju pregledavaju lijevi dio stranice prema kraju iste. Naravno, ovaj način skeniranja sadržaja na stranici nije uvijek isti te se razlikuje u nekim detaljima, npr.: ponekad korisnici samo pregledavaju desni dio stranice i na kraju čitaju donji dio s desna na lijevo, a ponekad čitaju samo gornji ili samo donji dio stranice. Načini pregledavanja sadržaja na stranici ovise o mnogobrojnim faktorima, npr.: vrsti i namjeni sadržaja, profilu posjetitelja, itd.

Fokusne grupe - "Focus groups"

Formalni i strukturni sastanci gdje se ostvaruje međusobni direktni kontakt sa korisnicima od kojih se traži da jasno kažu njihova razmišljanja i odluke vezane za web stranicu.

Front door - "ulazna vrata"

Prva stranica (naslovnica, homepage)

Front end

Dio korisničkog sučelja (web stranica, software) koji je prikazan (vidljiv) korisniku.

G

Glavna ili primarna navigacija

Vidi navigacija.

H

HCI (Human Computer Interaction)

Disciplina koja se bavi proučavanjem odnosa između ljudi i elektroničkih alata, kompjutora ili web sučelja.

Home page (početna stranica; naslovnica)

Prva i ujedno najvažnija stranica koja se otvara prilikom upisivanja web adrese stranice. Hrvatski prijevodi: naslovnica, uvodna, početna

HTML (HyperText Markup Language)

HTML je jezik kojim se definira struktura i sadržaj web dokumenata i kojim se izrađuju web stranice. HTML nije programski niti skriptni jezik, već je on vrlo jednostavan jezik za oblikovanje prikaza web dokumenta koji govori web pregledniku kako prikazati sadržaje na web stranici – slike, tekst, tablice, formulare i ostale multimedijalne dokumente.

HTML oznaka (HTML tag)

HTML dokument se sastoji od tzv. HTML oznaka ili tagova - koji imaju određene nazive napisane unutar zagrada manje od (<) i veće od (>) . Većina HTML oznaka su tzv. kontejneri koji imaju početnu i završnu naredbu npr. <html>....</html> unutar koji se nalazi sadržaj. Ove oznake govore web pregledniku kako treba prikazati sadržaj koji se nalazi između njih. Nadalje, HTML omogućava web dokumentima međusobno povezivanje putem hipertekstualnih veza tj. linkova.

Hipertext (hypertext)

Hipertext je sustav koji međusobno povezuje tekst, slike, audio i video dokumente u nelinearnom načinu pregledavanja dokumenata. Vidi hyperlink.

 

I

Informacijska arhitektura (Information architecture - IA)

Informacijska arhitektura je disciplina koja se bavi organiziranjem informacija odnosno sadržaja. Osnovni cilj ove discipline je organizirati sadržaj i pomoći posjetitelju/korisniku jednostavno i efikasno pronaći određene informacije na web stranici. Također, informacijska arhitektura se odnosi i na strukturu web stranice - posebno na odnose među stranicama u hjerarhiji cijelog web sjedišta.

Ikona (icon)

Mala slika za prikazivanje datoteka u operativnom sustavu ili označavanje npr. gumbića na web stranici.

Internet

Svjetska internacionalna mreža međusobno povezanih računala koja prenose digitalne podatke koristeći standardni protokol za prijenos podataka TCP/IP. Mreža se sastoji od milijuna privatnih i javnih računala, akademskih, korporativnih i državnih mreža koje su međusobno povezane bakrenim i optičkim žicama, bežično ili putem satelitskih veza. Najpoznatiji i najvažniji servisi Interneta su: World Wide Web (WWW), E-mail i File Transfer Protocol (FTP).

ISP (Internet Service Provider)

Pružatelj pristupa internetu, obično putem telefonske linije.

ISO 9241

Skup internacionalnih standarda koji definira upotrebu kompjutora i interakciju između ljudi i zaslona (monitora). Službeni naziv ovog standarda glasi: "Ergonomics requirements for office work with visual display terminals (VDTs)" Ove standarde donosi i regulira Svjetska organizacija za standarde (International Standards Organization - ISO).

J

JavaScript

JavaScript je skriptni jezik kojeg je razvio Netscape. Koristi se u izradi adnimiranih i/ili dinamičnih elemenata web stranice npr.: animirane slike, padajući izbornici ili tzv. mouseover efekti (prelazak kursorom preko linka koji rezultira promjenom njegove boje ili oblika).

K

Kerning

U tipografiji označava količinu razmaka između slova jedne riječi.

L

Labele (oznake, etikete)

Labele su nazivi ili pojmovi koji identificiraju elemente u navigaciji, kategorijama web stranica ili ostalim elementima. Vrlo je važno ispravno i jasno označavati ove elemente na web stranici jer u suprotnom možemo zbuniti posjetitelja i odvesti ga u krivom smjeru.

Learnbility

Pojam koji opisuje brzinu i efikasnost posjetiteljevog privikavanja i korištenja web stranice nakon njegovog prvog kontakta sa web stranicom. Ova mjera se može mjeriti jednostavnim mjerenjem vremena potrebnim za privikavanje na određeno web sučelje. Naravno, što je web stranica prilagođenija očekivanjima i iskustvu posjetitelja to će ista biti jednostavnija za korištenje.

LID (Location Indicator Device)

Vidi breadcrumbs.

Likvidan ("tekući") dizajn - Liquid Design

Web stranice koje su napravljene na ovaj način, automatski se prilagođavaju različitim rezolucijama i veličinama prozora internetskih preglednika. Vidi i fiksni dizajn, hibridni dizajn.

Link (link, hyperlink)

Poveznica odnosno referenca (pokazivač) na drugi dokument odnosno web stranicu. Linkovi omogućavaju kretanje kroz web stranice povezujući različite tipove dokumenata bez obzira na njihovu lokaciju ili vremensku zonu.

Lorem Ipsum (Lipsum)

Lorem ipsum je tzv. blesavi tekst (dummy text) odnosno nasumični tekst koji nema nikakvo specijalno značenje (osim na latinskom) i koristi se u grafičkom i web izdavaštvu za prikazivanje vizualne prezentacije dokumenta (pismo, layout).

M

Meta tag

Meta tag je element u HTML dokumentu koji opisuje sadržaj web stranice i nalazi se pri samom vrhu koda HTML dokumenta. Dva meta taga koji se najčešće koriste su: keywords i description koji služe za opisivanje klučnih riječi odnosno kratkog i jasnog opisa sadržaja web stranice.

Multimedija (multimedia)

Kombinacija odnosno upotreba različitih vrsta medija - tekst, slika, animacija, audio i video.

N

Navigacija (menu)

Osnovna svrha web navigacije je pomoći posjetiteljima u pretraživanju i pronalaženju sadržaja. Navigacija treba biti jednostavna za korištenje i označena prikladnim, jasnim i nedvosmislenim nazivima linkova (label) koji pomažu posjetiteljima jednostavno kretanje po stranici. Uobičajena i prihvaćena pozicija glavne navigacije je vrh stranice ili lijevi ili desni stupac. Konzistenstnost prikazivanja glavne i svih ostalih navigacija je izuzetno važna karakteristika i jedno od načela web dizajna i web upotrebljivosti.

Postoji nekoliko vrsta navigacijskih sistema:

• glavna navigacija je dio navigacijskog sistema na stranici koji sadržava nazive glavnih cjelina stranice koje se nalaze na većini stranica cijelog web sjedišta
• lokalna navigacija je dio navigacijskog sistema koji sadržava linkove podcjelina unutar određene glavne cjeline
• kontekstualna navigacija je dio navigacijskog sistema koji je na određeni način povezan sa glavnim sadržajem stranice i ujedno ga nadopunjava
• dopunska (suplementarna) navigacija je pomoćna navigacija - obično u obliku mape stranica (sitemap), indexa stranica ili tražilice
• breadcrumb navigacija je vrlo koristan i često zanemaren dio navigacijskog sustava koji pokazuje trenutnu lokaciju na web stranici. Drugi naziv za ovu vrstu navigacijhe je lid (local indicator device)

Netiquette

Netiquette se odnosi na pravila ponašanja na internetu - prilikom korištenja email programa, sudjelovanjem na forumima i diskusijskim listama, itd. Riječ je nastala spajanjem dviju riječi: internet and etiquette.

O

OCR (Optical Character Recognition)

Korištenje tehnika prepoznavanja slika u kojemu računalo pretvara papirnati dokument (putem skenera ili digitalnog fotoaparata) u digitalni alfanumerički prikaz tog teksta.

Opservacijska soba (observation room)

Tijekom provođenja tehnike testiranja upotrebljivosti web sučelja, opservacijska soba je odvojena soba u kojoj osobe koje provode testiranje (eksperimentatori), promatraju korisnika bez ometanja. Ovakve sobe su korisne jer ne dozvoljavaju eksperimentatorima komentiranje ili interakciju sa korisnikom.

P

PDA (Personal Digital Assistant)

Malo ručno računalo.

Persona - osoba, persona

Pojam kojim se označava određena persona (osoba) koja se nalazi u ciljanoj skupini korisnika za koju se izrađuje web stranica. Persona je fiktivna osoba koja ima realan profil ciljane skupine ljudi iz stvarnog života: ime i prezime, spol, radna aktivnost, osobne preferencije, opći opis i informacije. Persone kao provjerena tehnika unutar dizajnerskog tima se provodi zato što se na taj način postiže cilj: web stranica će funkcionirati i ujedno biti napravljena točno za određeni profil korisnika, a ne za prosječnog ili nepostojećeg korisnika.

Prototip stranice - prototype

Prototip prikazuje djelomično gotovu web stranicu. Prototip omogućava ispitivanje odnosno provjeru funkcionalnosti određenih dijelova stranice prije njezinog završetka izrade. S tim u vezi postoji pojam prototyping koji označava brzo razvijanje i testiranje nepotpunih i nezavršenih sistema. Neki od najpoznatijih tehnika i pojmova prototipa su: thumbnail sketch, comp, mockup, paper prototype.

Q

QWERTY tipkovnica

Standardan prikaz i smještaj tipki na tipkovnici, imenovan prema prvih 6 slova koja se nalaze u prvom gornjem redu tipkovnice - QWERTY.

R

RGB (Red-Green-Blue)

Najpoznatiji model prikaza boja na monitorima koji definira svaku boju kombiniranjem triju osnovnih boja: crvene, zelene i plave. Vidi CMYK.

ROI (Return On Investment)

ROI se odnosi na povrat vrijednosti uloženog u određenu investiciju. Ako je investicija manja od prihoda (dobiti) tada je ROI pozitivan. Povrat uloženog od investicija u razvoj upotrebljivosti web sjedišta se može mjeriti na dva načina:

• kvalitativno - manji troškovi razvoja i održavanja web sjedišta, skraćeno vrijeme razvoja web sjedišta, povećanje prodaje, smanjenje broja korisničkih upita ili poziva u vezi određene usluge ili proizvoda, povećanje broja zadovoljnih i privrženih posjetitelja/korisnika
• kvantitativno - povećanje broja posjetitelja, skraćeno vrijeme izvršavanja određenog zadatka na web stranici

S

Sitemap (mapa stranica)

Mapa stranice je web stranica koja sadrži organiziranu listu linkova svih glavnih cjelina (i podcjelina) koje se nalaze na stranici. Mapa stranice pomaže prilikom procesa optimizacije stranica za tražilice jer npr. Google na taj način brže indeksira sve stranice unutar web sjedišta.

SEO (Search Engine Optimisation)

Optimizacija stranica za tražilice (Search engine optimization) je proces finog podešavanja web stranice koji uključuje poboljšavanje internih i eksternih aspekata u cilju povećanja broja posjeta koje web stranica dobiva putem tražilica čime se i povećava broj kontakata i/ili direktna prodaja proizvoda i usluga.
Više o optimizaciji stranica za tražilice.

T

 

U

UCD (User-Centered Design)

Dizajn koji je usmjeren na potrebe i ciljeve korisnika koji je uključen u proces dizajna sa primarnim naglaskom i težištem na web upotrebljivost.

URL (Universal Resource Locator)

Adresa koja služi za identifikaciju lokacije dokumenata na Internetu. Riječ univerzalno znači da se koristi u različitim vrstama internetskih servisa kao što su: web stranice (http:), ftp stranice (ftp:) ili email (mailto:)

Upotrebljivost (usability)

Karakteristika kojom se definira jednostavnost i lakoća korištenja elektroničke naprave ili uređaja, softwarea ili web stranice. Općenito, upotrebljivo je ono što se efikasno, jednostavno i brzo koristi u onom smislu za koji je i napravljeno. Vidi web upotrebljivost.

User-friendly

Pojam kojim se opisuje jednostavnost i zadovoljstvo upotrebe web stranice ili nekog drugog predmeta i uređaja.

V

 

W

Web dizajn (web design)

Web dizajn je proces koji uključuje razvoj i izradu web stranica koje sadrže za prikazivanje tekstova, slika i multimedije. Web dizajn se poistovjećuje sa umjetničkom, kreativnom i vizualnom komponentom u izradi web stranice i svojoj osnovi uključuje: vizualne stilove, međusobnu povezanost i usklađenost elemenata sučelja web prikaza te upotrebu i kombiniranje boja i vrsta pisma (fontova).

Bitne komponente kvalitetnog web dizajna koje omogućavaju uspjeh web stranice su:

• izgled (vizualni dizajn)
• svrha i namjena web stranice
• upotrebljivost

Web preglednik (web browser)

Program koji služi za pretraživanje i prikazivanje web stranica. Najpoznatiji današnji web preglednici su Internet Explorer i Mozilla Firefox.

Web sjedište (web site)

Web sjedište je skupina međusobno povezanih web stranica organiziranih unutar jedne cjeline/domene.

Web stranica (web page)

Web stranica je dio web sjedišta koja sadržava linkove, slike, audio ili video podatke. Web stranica je običan tekstualni dokument koji se sastoji od više HTML oznaka.

Web upotrebljivost (web usability)

Web upotrebljivost je kvalitativan atribut koji određuje u kojoj mjeri je jednostavna upotreba grafičkog sučelja web stranice. Web upotrebljivost se odnosi i na metode unapređenja jednostavnosti korištenja web stranice prilikom procesa dizajna iste. Više o web upotrebljivosti.

WWW (World Wide Web)

WWW iliti web je sustav međusobno povezanih hypertext dokumenata koji su dostupni na Internetu. Pomoću web preglednika moguće je pregledavati i pretraživati web stranice koje sadrže: tekst, slike, video, audio ili druge multimedijalne dokumente i kretati se među njima pomoću linkova. WWW je jedan od najpoznatijih i najupotrebljivanijih internetskih servisa uz, također poznate i korištene E-Mail i FTP.

Idejni tvorac i kreator WWW je engleski znanstvenik Tim Berners-Lee koji ga je "stvorio" 1989. na CERN-u u Ženevi. WWW je postao javno dostupan 1993. i od tada je postao najkorišteniji i najpoznatiji servis, ali i "izum" 20. stoljeća.

 

blog comments powered by Disqus