Dizajn korisničkog sučelja - 1. kolokvij
48 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Koja je osnovna funkcija korisničkog sučelja?

Olakšavanje komunikacije između čovjeka i računala.

Koje su ključne karakteristike korisničkog sučelja?

Ona trebaju biti jednostavna, funkcionalna i intuitivna.

Koja vrsta korisničkog sučelja uključuje manipulaciju grafičkim elementima?

Grafičko korisničko sučelje (GUI).

Koji je važan događaj za razvoj korisničkih sučelja 1964. godine?

<p>Izum računalnog miša od strane Douglasa Engelbarta.</p> Signup and view all the answers

Što predstavlja grafičko korisničko sučelje u kontekstu operativnih sustava?

<p>Način interakcije putem grafičkih elemenata i tekstualnih obavijesti.</p> Signup and view all the answers

Koja su tri pravila dizajna korisničkog sučelja?

<p>Uključiti korisnika, smanjiti zahtjeve sučelja i učiniti sučelje konzistentnim.</p> Signup and view all the answers

Koje osnovne vrste korisničkih sučelja postoje?

<p>Grafička, web, sučelja na dodir, više ekranska, upravljana glasom i pokretom.</p> Signup and view all the answers

Koji je bio prvi komercijalno uspješan računar s grafičkim korisničkim sučeljem?

<p>Apple Macintosh, predstavljen 1984. godine.</p> Signup and view all the answers

Kako se može omogućiti korisniku fleksibilna interakcija sa sustavom?

<p>Korisnik može koristiti miš, tipkovničke prečace ili ikone prema vlastitim preferencijama.</p> Signup and view all the answers

Na koji način se može smanjiti zahtjev sučelja prema korisniku?

<p>Moguće je smanjiti zahtjeve prema kratkotrajnoj memoriji prikazivanjem prijašnjih akcija na ekranu.</p> Signup and view all the answers

Koje vještine se razvijaju igranjem FPS video igara?

<p>Igranje FPS video igara razvija koordinaciju ruku i očiju te kognitivne vještine.</p> Signup and view all the answers

Što se smatra konzistentnim sučeljem?

<p>Korisnik uvijek mora znati gdje se nalazi unutar aplikacije.</p> Signup and view all the answers

Kako anamorfoza doprinosi crtanju u 3D-uključivanju?

<p>Anamorfoza stvara optički privid koji daje plošnim predmetima treću dimenziju.</p> Signup and view all the answers

Koje su osnovne svrhe planiranja web mjesta?

<p>Svrha planiranja web mjesta uključuje informiranje i privlačenje poslodavaca.</p> Signup and view all the answers

Kako su mobiteli sredinom 2000-ih unaprijedili prikazivanje web stranica?

<p>Mobiteli su počeli prikazivati 'stvarne web stranice' zahvaljujući Java Script i CSS2 tehnologiji.</p> Signup and view all the answers

Koji je značaj iPhone uređaja u kontekstu mobilnog sučelja?

<p>iPhone je bio jedan od prvih uređaja s multi-touch tehnologijom koja prepoznaje više točaka kontakta.</p> Signup and view all the answers

Koje su ključne osobine dobrog dizajna web stranice?

<p>Dobar dizajn web stranice uključuje dobar kolorni kontrast, ispravnu tipografiju i jednostavnost.</p> Signup and view all the answers

Zašto je upotrebljivost važna za web stranice?

<p>Upotrebljivost je važna jer web stranice moraju biti jasne, pregledne i brze za korištenje.</p> Signup and view all the answers

Što znači da su web stranice responzivne?

<p>Responzivne web stranice prilagođavaju se veličini ekrana uređaja.</p> Signup and view all the answers

Koju ulogu igra fizička aktivnost u igrama poput Nintendo Wii?

<p>Fizička aktivnost u igrama poput Nintendo Wii potiče angažman cijele obitelji.</p> Signup and view all the answers

Kako je Apple pridonio razvoju mobilnih aplikacija 2008. godine?

<p>Apple je objavio 552 mobilne aplikacije te godine.</p> Signup and view all the answers

Kako se korisnici mogu osloboditi od tehničkih detalja prilikom korištenja aplikacija?

<p>Tehnički detalji trebaju biti skriveni od manje naprednih korisnika.</p> Signup and view all the answers

Koji su ključni faktori u dizajniranju web stranica vezanih za modu ili umjetnost?

<p>Vizualni izgled je ključni faktor kod web stranica vezanih za modu i umjetnost.</p> Signup and view all the answers

Koje preporuke se daju za pisanje sadržaja na web stranicama?

<p>Preporučuje se korištenje podebljanih ključnih riječi i iznošenje samo jedne ideje po odlomku.</p> Signup and view all the answers

Koji su neki od faktora koji utječu na brzinu učitavanja web stranica?

<p>Brzina internet veze, brzina računala, vrsta preglednika i postavke korisnika.</p> Signup and view all the answers

Zašto je važno koristiti bijeli prostor u web dizajnu?

<p>Bijeli prostor poboljšava čitljivost i odvojeni elementi povećavaju upotrebljivost dizajna.</p> Signup and view all the answers

Na što se odnosi pojam 'čitanje web-a u obliku slova F'?

<p>To se odnosi na način na koji korisnici skenira sadržaj, najprije horizontalno, a potom vertikalno.</p> Signup and view all the answers

Koje greške u web dizajnu najčešće ometaju korisničko iskustvo?

<p>Previše animacija, slabi kontrast teksta i ometanje navigacije su neke od najčešćih grešaka.</p> Signup and view all the answers

Kako optimalna duljina retka utječe na čitljivost teksta?

<p>Optimalna duljina retka, između 40-80 znakova, olakšava čitanje i smanjuje umor oka.</p> Signup and view all the answers

Što je leading i zašto je važan u dizajnu?

<p>Leading je razmak između redova koji utječe na čitljivost teksta i dojam o gustoći.</p> Signup and view all the answers

Koja je svrha ljestvice u tipografiji?

<p>Ljestvica uspostavlja tipografsku hijerarhiju koja poboljšava čitljivost i stvara harmoniju u tekstu.</p> Signup and view all the answers

Kako se 'tracking' odnosi na čitljivost u web dizajnu?

<p>Tracking se odnosi na razmak između svih slova u tekstu i može utjecati na ukupnu čitljivost.</p> Signup and view all the answers

Koji je idealan oblik naglašavanja teksta, a koji oblici se mogu koristiti kao alternativni?

<p>Idealni oblik naglašavanja je <em>italic</em>, dok se alternativno mogu koristiti: <strong>bold</strong>, boja, podcrtavanje, drugačiji font ili veliko slovo.</p> Signup and view all the answers

Što predstavljaju 'Widows' i 'Orphans' u tipografiji, i kako ih možemo izbjeći?

<p>'Widows' i 'Orphans' označavaju riječi koje su same u redu. Mogu se izbjeći podešavanjem razmaka između slova i riječi.</p> Signup and view all the answers

Koji fontovi su najčešće korišteni na webu i koji se smatra idealnim?

<p>Najčešći korišteni fontovi su Arial i Helvetica, dok je idealan font Verdana.</p> Signup and view all the answers

Kako boje mogu utjecati na čitljivost web stranice?

<p>Boje direktno utječu na čitljivost web stranice i trebaju biti odabrane u skladu s namjenom stranice.</p> Signup and view all the answers

Što je Las Vegas efekt i kako utječe na dizajn web stranica?

<p>Las Vegas efekt označava upotrebu boja bez smisla, što može dovesti do slabe čitljivosti sadržaja.</p> Signup and view all the answers

Zašto se preporučuje koristiti manje brojeve slika na web stranicama?

<p>Manje slika smanjuje količinu informacija koja usporava učitavanje web stranica.</p> Signup and view all the answers

Kako se zvuk može koristiti na web korisničkim sučeljima?

<p>Zvuk se može koristiti kao opcija za interaktivnost, ali može ometati pregledavanje sadržaja stranice.</p> Signup and view all the answers

Koje vrste boja se smatraju smirujućim, a koje uzbuđujućim u kontekstu web dizajna?

<p>Hladne boje, poput plave, smatraju se smirujućim, dok tople boje djeluju uzbuđujuće.</p> Signup and view all the answers

Što je osnova trodimenzionalnog vida i kako se ona ostvaruje?

<p>Osnova trodimenzionalnog vida je različitost slika na mrežnici, koja nastaje zbog različitog položaja očiju, pri čemu svako oko gleda svijet iz drugog kuta.</p> Signup and view all the answers

Koje su neke prednosti 3D tehnologije u marketingu?

<p>Prednosti 3D tehnologije u marketingu uključuju 3D reklame i mogućnost izrade 3D modela proizvoda za bolju interakciju s korisnicima.</p> Signup and view all the answers

Koji su nedostaci korištenja 3D tehnologije?

<p>Nedostaci uključuju potrebu za posebnim uređajima, duže vrijeme izrade složenih scena, te moguće glavobolje i dezorijentaciju kod korisnika.</p> Signup and view all the answers

Koje su glavne karakteristike aktivnih 3D naočala?

<p>Aktivne 3D naočale su teže, skuplje, zahtijevaju napajanje i titranje svjetlijih regija slike.</p> Signup and view all the answers

Kakva je razlika između aktivnih i pasivnih 3D naočala?

<p>Aktivne naočale zahtijevaju napajanje i pružaju kvalitetniju sliku, dok su pasivne lakše, jeftinije i ne trebaju napajanje.</p> Signup and view all the answers

Koji je prvi film koji je kompletno napravljen računalnom animacijom?

<p>Prvi film koji je kompletno napravljen računalnom animacijom je Toy Story.</p> Signup and view all the answers

Koje su prednosti aplikacija kao što su Google Earth i Microsoft Virtual Earth 3D?

<p>Prednosti uključuju bolju korisničku podršku, veću pokrivenost i bolju rezoluciju (u slučaju Microsoft Virtual Earth 3D).</p> Signup and view all the answers

Koja je prva 3D igra koja je ostavila značajan trag u industriji?

<p>Prva 3D igra koja je ostavila značajan trag je 3D Wolfenstein.</p> Signup and view all the answers

Flashcards

Korisničko sučelje: svrha

Osnovna svrha korisničkog sučelja je olakšati komunikaciju između čovjeka i računala.

Dizajn sučelja: dinamičnost

Sučelja su dizajnirana za brze i učestale promjene i interakcije, a ne za kontinuirano čitanje.

Korisničko sučelje: jednostavnost

Sučelja bi trebala biti što jednostavnija, jednostavna za korištenje i intuitivna za razumijevanje.

Korisničko sučelje: fokus na korisniku

Cilj je korisniku osigurati jednostavan pristup informacijama i funkcionalnostima koje mu trebaju.

Signup and view all the flashcards

Grafička sučelja (GUI)

Grafička sučelja koriste vizualne elemente poput ikona, prozora i gumba kako bi korisnicima olakšala interakciju s računalom.

Signup and view all the flashcards

Tekstualna sučelja (TUI)

Tekstualna sučelja ovise o unosu tekstualnih naredbi za interakciju s računalom.

Signup and view all the flashcards

Sučelja na dodir

Sučelja osjetljiva na dodir omogućuju interakciju s računalom dodirivanjem zaslona.

Signup and view all the flashcards

Višeekranska sučelja

Višeekranska sučelja omogućuju korištenje više zaslona za interakciju s računalom.

Signup and view all the flashcards

Uključiti korisnika

Sustav bi trebao omogućiti korisniku da obavlja poslove intuitivno i lakše, da korisnik upravlja računalom, a ne obratno. Omogućiti fleksibilnu interakciju (miš, tipkovnica, ikone). Ubrzati interakciju i omogućiti prilagodbu (naprimjer, korisnik 90% vremena koristi 10% mogućnosti aplikacije).

Signup and view all the flashcards

Smanjiti zahtjeve sučelja prema korisniku

Smanjiti opterećenje korisnika u interakciji s računalom. To se postiže smanjenjem zahtjeva za kratkotrajnu memoriju, omogućavanjem poništavanja akcija, intuitivnim tipkovničkim prečacima, prioritetno prikazivanjem često korištenih opcija i skrivanjem tehničkih detalja od manje naprednog korisnika. Vizualni izgled aplikacije treba koristiti metafore iz stvarnog svijeta.

Signup and view all the flashcards

Učiniti sučelje konzistentnim

Učiniti sučelje konzistentnim kako bi korisnik uvijek osjećao sigurnost i znao gdje se nalazi. Održavati konzistentnost sučelja među aplikacijama unutar iste porodice, ne mijenjati izgled bez potrebe kod novih verzija aplikacija i osigurati konzistentnost kod različitih ekranskih prikaza.

Signup and view all the flashcards

Povijest mobilnih sučelja

Početkom 1990-ih pojavili su se mobiteli s pristupom Internetu. Prvi preglednici su mogli prikazivati osnovni HTML, često samo u crno-bijeloj verziji. Sredinom 2000-ih počele su se prikazivati “stvarne web stranice” zahvaljujući tehnologijama Java Script i CSS2.

Signup and view all the flashcards

iPhone i multi-touch tehnologija

iPhone je jedan od prvih mobilnih uređaja s multi-touch tehnologijom koja omogućava prepoznavanje više od jedne točke kontakta s ekranom. Današnji pametni telefoni imaju procesorsku snagu i memorijski kapacitet usporediv s osobnim računalima od prije 15 godina.

Signup and view all the flashcards

Responzivni web

Responzivne stranice se prilagođavaju uređaju, odnosno veličini ekrana. Mogu se prikazati na desktopu i mobilnom uređaju.

Signup and view all the flashcards

Aplikacije za mobilne uređaje

Godine 2008., Apple je objavio 552 mobilne aplikacije.

Signup and view all the flashcards

Dizajn mobilnih korisničkih sučelja

Dizajn mobilnih korisničkih sučelja je područje koje se brzo razvija, a cilj je stvoriti sučelja koja su intuitivna, laka za korištenje i prilagođena specifičnostima mobilnih uređaja.

Signup and view all the flashcards

Binokularni vid

Način na koji ljudsko oko vidi dubinu koristeći informacije iz oba oka. Svako oko vidi sliku iz malo drugog kuta, a mozak te dvije slike spaja u jednu trodimenzionalnu sliku.

Signup and view all the flashcards

3D tehnologija

Tehnologija koja stvara iluziju dubine i trodimenzionalnosti slike. Koristi se u filmovima, igrama i drugim medijima.

Signup and view all the flashcards

Aktivne 3D naočale

3D naočale koje koriste elektroniku da se sinkroniziraju s 3D TV-om. Svaka leća se potamnjuje u određenim vremenskim periodima, stvarajući iluziju 3D slike.

Signup and view all the flashcards

Pasivne 3D naočale

3D naočale koje koriste filtere da blokiraju određene boje za svako oko. Dva različita filtera, jedan za svako oko, stvaraju iluziju 3D slike.

Signup and view all the flashcards

3D filmovi

3D filmovi koji koriste računalnu animaciju i druge specijalne efekte da bi stvorili trodimenzionalnu sliku.

Signup and view all the flashcards

3D karte

Aplikacije koje koriste 3D tehnologiju za vizualizaciju geografskih podataka. Korisnik može u 3D-u vidjeti zemlju, gradove i druge objekte.

Signup and view all the flashcards

3D igre

Video igre koje koriste 3D tehnologiju za stvaranje realističnog 3D okruženja i vizualizaciju likova.

Signup and view all the flashcards

3D Wolfenstein

Prva 3D igra koja je postala popularna. Smatra se začetnikom moderne 3D igre.

Signup and view all the flashcards

Što je Anamorfoza?

Anamorfoza je tehnika koja stvara optički privid da plošni predmeti imaju treću dimenziju.

Signup and view all the flashcards

Upotrebljivost web mjesta

Web mjesto koje je pregledno, jasno, brzo reagira i dobro je organizirano; Vidljivo na različitim preglednicima.

Signup and view all the flashcards

Negativni utjecaj videoigara

Usporavanje učenja i kognitivnog razvoja kod djece.

Signup and view all the flashcards

Što je važno za sadržaj web mjesta?

Sadržaj web mjesta bi trebao biti zanimljiv i privući ciljanu skupinu.

Signup and view all the flashcards

Funkcionalnost web mjesta

Web mjesto treba biti jednostavno za korištenje.

Signup and view all the flashcards

Pozitivni utjecaji videoigara

Razvoj koordinacije oka i ruke, poboljšanje kognitivnih vještina, učenje jezika.

Signup and view all the flashcards

Prednost 3D crteža

Pomaže u razumijevanju i vizualizaciji 3D objekata.

Signup and view all the flashcards

Svrha web mjesta

Cilj web mjesta je jasno definirati što želi postići.

Signup and view all the flashcards

Brzina internet veze

Brzina prijenosa podataka između računala i web stranice. Utječe na vrijeme učitavanja stranice.

Signup and view all the flashcards

Brzina računala

Brzina procesora i količina RAM-a utječu na performanse računala. Utiče na brzinu učitavanja stranice i interakcije.

Signup and view all the flashcards

Vrsta internet preglednika

Vrsta web preglednika (Chrome, Firefox, Safari) može utjecati na prikaz web stranice. Različite značajke i performanse.

Signup and view all the flashcards

Platforma (operacijski sustav)

Operacijski sustav računala (Windows, Mac, Linux) može utjecati na prikaz web stranice.

Signup and view all the flashcards

Ekranski prikaz

Veličina ekrana, razlučivost i orijentacija ekrana.

Signup and view all the flashcards

Raspoloživa slova

Font se odnosi na vrstu slova korištenu na web stranici.

Signup and view all the flashcards

Raspoložive boje

Boje koje se koriste na web stranici.

Signup and view all the flashcards

Postavke korisnika

Postavke koje korisnik definira u internet pregledniku (veličina slova, blokiranje slika). 

Signup and view all the flashcards

Tekstualne uvlake

Tekstualne uvlake koriste se da bi se tekst vizualno podijelio u odjeljke i olakšala čitljivost. Pomažu u jasnoj strukturiranju teksta, a čitatelju omogućuju brži pregled i razumijevanje.

Signup and view all the flashcards

Poravnanje teksta

Poravnanje teksta u lijevo je najčitljivija opcija jer tekst teče prirodno, nalik na način pisanja s lijeva na desno. Ovo omogućuje oku da prati tekst bez problema, a čitanje postaje lakše.

Signup and view all the flashcards

Čitljivost teksta

Određivanje udobnosti u čitanju teksta na web stranici. Znači da se tekst ne smije lomiti na mjestima koja teško pročitati. Primjerice, udovice i siroče se odnose na riječi koje ostaju same na vrhu ili dnu stranice.

Signup and view all the flashcards

Naglašavanje teksta

Naglašavaju se važni dijelovi teksta da bi se skrenula pažnja čitatelja na njih. Idealna forma je italic, a mogu se koristiti i bold, podcrtavanje, boja, velika slova. Važno je koristiti samo jedan oblik naglašavanja.

Signup and view all the flashcards

Boje na web korisničkim sučeljima

Boje na web stranici mogu pobuditi određene emocije i asocijacije. Važno je da su boje povezane s namjenom stranice i da su čitljive. Kontrast između pozadine i boje teksta je ključan za čitljivost.

Signup and view all the flashcards

Las Vegas efekt

Ovaj efekt se odnosi na pretjeranu upotrebu boje na web stranicama. Predstavlja problem zbog preobilja grafike, pozadinskih boja i tekstura koje dominiraju nad sadržajem.

Signup and view all the flashcards

Zvuk na web korisničkim sučeljima

Zvuk se može koristiti kao opcija na web stranicama, ali može i ometati u čitanju. Bolje je uložiti trud u interaktivnost na druge načine.

Signup and view all the flashcards

Slike na web korisničkim sučeljima

Slike na web stranicama mogu poboljšati vizualni dojam, ali ih je važno koristiti mudro. Prevelike i brojne slike mogu usporiti stranice i otežati čitanje.

Signup and view all the flashcards

Study Notes

Dizajn korisničkog sučelja - 1. kolokvij

  • Osnovna funkcija korisničkog sučelja (UI) je olakšavanje komunikacije između čovjeka i računala.
  • Sučelje nije namijenjeno neprekidnom čitanju, već predstavlja okvir za složena kretanja.
  • Sučelja trebaju biti jednostavna, funkcionalna i intuitivna.
  • Cilj nije proučavati kako sučelje funkcionira, već rješavati zadatke i dobivati informacije.

Vrste korisničkih sučelja

  • Grafička korisnička sučelja (GUI)
  • Web-bazirana sučelja (web)
  • Sučelja na dodir (touch)
  • Višeslojna sučelja (multi-screen)
  • Sučelja upravljana glasom (voice)
  • Sučelja upravljana pokretom (gesture)

Razvoj i povijest korisničkih sučelja

  • Komandna sučelja (1950-te): Komande se upisuju tipkovnicom, ispis preko teleprintera.
  • Tekstualna sučelja (1960-te): Upotreba naredbi i teksta unutar postojećih sučelja - važan razvoj s MIŠ-om (1964., Douglas Engelbart), a 1968. prvi prototip.
  • Grafička sučelja (1970-te, 1980-te): Xerox Alto (1974.), Apple Macintosh (1984.) i rani Windows su prvi komercijalno uspješni računali s grafičkim sučeljima.

Grafičko korisničko sučelje (GUI)

  • GUI programi koriste vizualne elemente poput ikona, prozora, gumba, okvira za tekst, kontrolnih elemenata (check box-ovi, radio button-ovi).

Tri pravila dizajna korisničkih sučelja

  1. Uključiti korisnika: omogućiti korisniku intuitivan rad i kontrolu.
  2. Smanjiti zahtjeve prema korisniku: smanjiti opterećenje korisnika kratkotrajnom memorijom.
  3. Učiniti sučelje konzistentnim: osigurati dosljednost u dizajnu.

Dizajn mobilnih korisničkih sučelja

  • Sredina 1990-ih - mobiteli i pristup internetu.
  • Sredina 2000-ih - mogućnost prikaza "pravih" web stranica zahvaljujući Java Script i CSS tehnologijama.
  • iPhone - jedan od prvih mobilnih uređaja s multi-touch tehnologijom.

Osnovna pravila dizajna mobilnih UI

  • Mali ekrani zahtijevaju minimalno informacija, umjesto teksta - ikone.
  • Jednostavnost.
  • Minimalne tipke - 45x45 px.
  • Izbjegavanje nepotrebnih slika.
  • Izbjegavanje reklama.

3D korisnička sučelja

  • Koriste 3D objekte za predstavljanje informacija.
  • Prednosti su privlačno dizajniranje, a nedostaci posebni uređaji i/ili vrijeme za stvaranje složenih scena.

Web korisnička sučelja

  • Planiranje web mjesta, ciljne skupine, sadržaj.
  • Tehnike za poboljšanje čitljivosti i upotrebljivosti su tekstove razbiti na manje cjeline, koristiti odgovarajuće veličine slova, optimalnu duljinu redaka.
  • Fontovi, boje, prostor, animacije.

Elementi dobrog dizajna

  • Dobar kolorni kontrast
  • Ispravna tipografija
  • Korištenje bijelog prostora
  • Jednostavnost
  • Funkcionalnost
  • Ritam
  • Simetrija

Temeljne značajke web-a

  • Vizualni izgled (estetski dojam je važan)
  • Upotrebljivost (web stranica mora biti laka za korištenje)

Faktori utjecaja na izgled i funkcionalnost web stranice.

  • Brzina interneta
  • Brzina računala
  • Vrsta preglednika
  • Platforma (OS)
  • Postavke korisnika
  • Veličina ekrana
  • Dostupni fontovi
  • Dostupne boje

Najčešće greške u web dizajnu

  • Previše slika, grafika, animacija
  • Previše boja, slabo ili ne postoji dobar kontrast boja
  • Složene navigacije
  • Nedostatak naslova i opisa, previše teksta
  • Zvučne podloge, animacije, video
  • Previše elemenata koji ometaju korištenje

Zvuk, slike, video na web

  • Zvuk, slike i video mogu poboljšati iskustvo, ali mogu i biti štetni ako se pretjeruje s korisničkim sadržajem.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Related Documents

Dizajn korisničkog sučelja - 1. kolokvij PDF

Description

Istražite osnovne funkcije i vrste korisničkih sučelja kroz ovaj kolokvij. Proučite povijest razvoja sučelja i njihovu primjenu u modernim tehnologijama. Testirajte svoje znanje o grafičkim, web-baziranim i glasovnim sučeljima.

More Like This

Use Quizgecko on...
Browser
Open
Browser
Browser