SlideShare a Scribd company logo

ICK6-L11.pptx

P6: Projektovanje korisničkih interfejsa

1 of 5
6.11. Projektovanje interfejsa mobilnih aplikacija
Upotreba mobilnih uređaja, a tu se pre svega misli na pametne mobilne
telefone i tablete, poslednjih godina beleži izuzetan rast. Pored stalnog
uvećanja udela na tržištu, ovaj segment karakteriše i ogroman napredak u
hardverskim performansama. Mobilni uređaji postaju sve tanji, sve lakši i sve
veći. Količina memorije, brzina i broj jezgara procesora, kao i grafičke
performanse mobilnih uređaja postaju vrlo bliske desktop računarima.
Rezolucije ekrana mobilnih uređaja počinju već da prevazilaze tipične
rezolucije monitora desktop računara.
Na nivou interakcije sa korisnikom, u sferi mobilnih uređaja, danas dominira
koncept ekrana osetljivog na višestruki dodir (eng. multi-touch). Činjenica da
ovi ekrani dozvoljavaju detekciju i do 10 tačaka, tj. interakciju sa svih 10
prstiju, otvara mogućnost upravljanja uređajem korišćenjem različitih
gestova. Na sledećoj slici su prikazani tipično korišćeni gestovi kod mobilnih
uređaja.
6.11. Projektovanje interfejsa mobilnih aplikacija
6.11. Projektovanje interfejsa mobilnih aplikacija
27.11.2023.
Bez obzira na stalno povećanje rezolucije i
veličine, ekrani tipičnih mobilnih uređaja su
ipak relativno mali. Zbog toga je, za prikaz
informacija na mobilnom uređaju, tipično da
se koristi princip straničenja. Ovo praktično
znači da se kompletan korisnički interfejs
aplikacije koja se projektuje deli na
određeni broj stranica koje se smenjuju kao
rezultat odgovarajućih akcija. Da bi se
olakšalo projektovanje ovakvog tipa
interfejsa, moguće je iskoristiti graf stranica
ili storibord (eng. storyboard) kako se
popularno naziva. Primer jednog storiborda
u Apple-ovom razvojnom okruženju Xcode
koje se koristi za razvoj iOS (iPhone i iPad)
aplikacija je dat na slici.
6.11. Projektovanje interfejsa mobilnih aplikacija
27.11.2023.
Elementi na osnovu kojih se prave korisnički interfejsi mobilnih aplikacija se mogu
grubo podeliti na sledeće četiri kategorije:
• Linije (eng. bars) — sadrže kontekstne informacije koje govore korisniku gde se
trenutno nalaze, kao i kontrole za navigaciju po sadržaju i iniciranje akcija. Primeri su
statusna linija, linija sa alatima, linija za navigaciju, linija sa tabovima i linija sa alatima
za pretragu.
• Prikazi sadržaja (eng. content views) — prikazuju za aplikaciju specifičan sadržaj i
najčešće obezbeđuju skrolovanje, dodavanje, brisanje i preuređenje sadržaja.
• Kontrole – iniciraju izvršenje akcija ili prikaz informacija.
• Privremeni prikazi — obezbeđuju trenutni kratkotrajan prikaz bitnih informacija ili
dodatnih upita i funkcionalnosti.
Hvala na pažnji!
Ad

Recommended

The 5 Elements of User Experience Design.pdf
The 5 Elements of User Experience Design.pdfThe 5 Elements of User Experience Design.pdf
The 5 Elements of User Experience Design.pdfVladimirDabic6
 
Razvoj mobilnih aplikacija pomoću Oracle ADF mobile
Razvoj mobilnih aplikacija pomoću Oracle ADF mobileRazvoj mobilnih aplikacija pomoću Oracle ADF mobile
Razvoj mobilnih aplikacija pomoću Oracle ADF mobileSamir Čauš
 
Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da ko...
Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da ko...Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da ko...
Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da ko...Mobile Monday Srbija
 

More Related Content

Similar to ICK6-L11.pptx

Evaluation of a user interface for www.sportsdirect.com
Evaluation of a user interface for www.sportsdirect.comEvaluation of a user interface for www.sportsdirect.com
Evaluation of a user interface for www.sportsdirect.comStefan Vasić
 
O cemu voditi racuna prilikom kreiranja mobilnog veb sajta?
O cemu voditi racuna prilikom kreiranja mobilnog veb sajta?O cemu voditi racuna prilikom kreiranja mobilnog veb sajta?
O cemu voditi racuna prilikom kreiranja mobilnog veb sajta?Aleksandar Petković
 
VET4SBO Level 2 module 6 - unit 3 - v0.9 srb
VET4SBO Level 2   module 6 - unit 3 - v0.9 srbVET4SBO Level 2   module 6 - unit 3 - v0.9 srb
VET4SBO Level 2 module 6 - unit 3 - v0.9 srbKarel Van Isacker
 
Prosirivi markerski jezik xml
Prosirivi markerski jezik xmlProsirivi markerski jezik xml
Prosirivi markerski jezik xmlgoranseminarski
 
Napredna softverska arhitektura
Napredna softverska arhitekturaNapredna softverska arhitektura
Napredna softverska arhitekturaZZFTN
 

Similar to ICK6-L11.pptx (8)

TeleCAD-GIS 2016
TeleCAD-GIS 2016TeleCAD-GIS 2016
TeleCAD-GIS 2016
 
Evaluation of a user interface for www.sportsdirect.com
Evaluation of a user interface for www.sportsdirect.comEvaluation of a user interface for www.sportsdirect.com
Evaluation of a user interface for www.sportsdirect.com
 
ICK7-L3.pptx
ICK7-L3.pptxICK7-L3.pptx
ICK7-L3.pptx
 
O cemu voditi racuna prilikom kreiranja mobilnog veb sajta?
O cemu voditi racuna prilikom kreiranja mobilnog veb sajta?O cemu voditi racuna prilikom kreiranja mobilnog veb sajta?
O cemu voditi racuna prilikom kreiranja mobilnog veb sajta?
 
VET4SBO Level 2 module 6 - unit 3 - v0.9 srb
VET4SBO Level 2   module 6 - unit 3 - v0.9 srbVET4SBO Level 2   module 6 - unit 3 - v0.9 srb
VET4SBO Level 2 module 6 - unit 3 - v0.9 srb
 
Prosirivi markerski jezik xml
Prosirivi markerski jezik xmlProsirivi markerski jezik xml
Prosirivi markerski jezik xml
 
ICKV6-L1-3.pptx
ICKV6-L1-3.pptxICKV6-L1-3.pptx
ICKV6-L1-3.pptx
 
Napredna softverska arhitektura
Napredna softverska arhitekturaNapredna softverska arhitektura
Napredna softverska arhitektura
 

More from AleksandarSpasic5 (20)

OIR3-L3.pptx
OIR3-L3.pptxOIR3-L3.pptx
OIR3-L3.pptx
 
OIR3-L2.pptx
OIR3-L2.pptxOIR3-L2.pptx
OIR3-L2.pptx
 
OIR3-L1.pptx
OIR3-L1.pptxOIR3-L1.pptx
OIR3-L1.pptx
 
OIR2-L3.pptx
OIR2-L3.pptxOIR2-L3.pptx
OIR2-L3.pptx
 
OIR2-L2.pptx
OIR2-L2.pptxOIR2-L2.pptx
OIR2-L2.pptx
 
OIR2-L1.pptx
OIR2-L1.pptxOIR2-L1.pptx
OIR2-L1.pptx
 
OIR-V1.pptx
OIR-V1.pptxOIR-V1.pptx
OIR-V1.pptx
 
OIR-P0.pptx
OIR-P0.pptxOIR-P0.pptx
OIR-P0.pptx
 
OIR1-L4.pptx
OIR1-L4.pptxOIR1-L4.pptx
OIR1-L4.pptx
 
OIR1-L3.pptx
OIR1-L3.pptxOIR1-L3.pptx
OIR1-L3.pptx
 
OIR1-L2.pptx
OIR1-L2.pptxOIR1-L2.pptx
OIR1-L2.pptx
 
OIR1-L1.pptx
OIR1-L1.pptxOIR1-L1.pptx
OIR1-L1.pptx
 
Interfejsni obrasci - Opsti-6-Ostali.pdf
Interfejsni obrasci - Opsti-6-Ostali.pdfInterfejsni obrasci - Opsti-6-Ostali.pdf
Interfejsni obrasci - Opsti-6-Ostali.pdf
 
Interfejsni obrasci - Opsti-5-Drustveni.pdf
Interfejsni obrasci - Opsti-5-Drustveni.pdfInterfejsni obrasci - Opsti-5-Drustveni.pdf
Interfejsni obrasci - Opsti-5-Drustveni.pdf
 
Interfejsni obrasci - Opsti-4-Korisnik.pdf
Interfejsni obrasci - Opsti-4-Korisnik.pdfInterfejsni obrasci - Opsti-4-Korisnik.pdf
Interfejsni obrasci - Opsti-4-Korisnik.pdf
 
Interfejsni obrasci - Opsti-3-Podaci.pdf
Interfejsni obrasci - Opsti-3-Podaci.pdfInterfejsni obrasci - Opsti-3-Podaci.pdf
Interfejsni obrasci - Opsti-3-Podaci.pdf
 
Interfejsni obrasci - Opsti-2-Navigacija.pdf
Interfejsni obrasci - Opsti-2-Navigacija.pdfInterfejsni obrasci - Opsti-2-Navigacija.pdf
Interfejsni obrasci - Opsti-2-Navigacija.pdf
 
Interfejsni obrasci - Opsti-1-Unos--.pdf
Interfejsni obrasci - Opsti-1-Unos--.pdfInterfejsni obrasci - Opsti-1-Unos--.pdf
Interfejsni obrasci - Opsti-1-Unos--.pdf
 
IT12-L1.pptx
IT12-L1.pptxIT12-L1.pptx
IT12-L1.pptx
 
IT12-L2.pptx
IT12-L2.pptxIT12-L2.pptx
IT12-L2.pptx
 

ICK6-L11.pptx

  • 1. 6.11. Projektovanje interfejsa mobilnih aplikacija Upotreba mobilnih uređaja, a tu se pre svega misli na pametne mobilne telefone i tablete, poslednjih godina beleži izuzetan rast. Pored stalnog uvećanja udela na tržištu, ovaj segment karakteriše i ogroman napredak u hardverskim performansama. Mobilni uređaji postaju sve tanji, sve lakši i sve veći. Količina memorije, brzina i broj jezgara procesora, kao i grafičke performanse mobilnih uređaja postaju vrlo bliske desktop računarima. Rezolucije ekrana mobilnih uređaja počinju već da prevazilaze tipične rezolucije monitora desktop računara. Na nivou interakcije sa korisnikom, u sferi mobilnih uređaja, danas dominira koncept ekrana osetljivog na višestruki dodir (eng. multi-touch). Činjenica da ovi ekrani dozvoljavaju detekciju i do 10 tačaka, tj. interakciju sa svih 10 prstiju, otvara mogućnost upravljanja uređajem korišćenjem različitih gestova. Na sledećoj slici su prikazani tipično korišćeni gestovi kod mobilnih uređaja.
  • 2. 6.11. Projektovanje interfejsa mobilnih aplikacija
  • 3. 6.11. Projektovanje interfejsa mobilnih aplikacija 27.11.2023. Bez obzira na stalno povećanje rezolucije i veličine, ekrani tipičnih mobilnih uređaja su ipak relativno mali. Zbog toga je, za prikaz informacija na mobilnom uređaju, tipično da se koristi princip straničenja. Ovo praktično znači da se kompletan korisnički interfejs aplikacije koja se projektuje deli na određeni broj stranica koje se smenjuju kao rezultat odgovarajućih akcija. Da bi se olakšalo projektovanje ovakvog tipa interfejsa, moguće je iskoristiti graf stranica ili storibord (eng. storyboard) kako se popularno naziva. Primer jednog storiborda u Apple-ovom razvojnom okruženju Xcode koje se koristi za razvoj iOS (iPhone i iPad) aplikacija je dat na slici.
  • 4. 6.11. Projektovanje interfejsa mobilnih aplikacija 27.11.2023. Elementi na osnovu kojih se prave korisnički interfejsi mobilnih aplikacija se mogu grubo podeliti na sledeće četiri kategorije: • Linije (eng. bars) — sadrže kontekstne informacije koje govore korisniku gde se trenutno nalaze, kao i kontrole za navigaciju po sadržaju i iniciranje akcija. Primeri su statusna linija, linija sa alatima, linija za navigaciju, linija sa tabovima i linija sa alatima za pretragu. • Prikazi sadržaja (eng. content views) — prikazuju za aplikaciju specifičan sadržaj i najčešće obezbeđuju skrolovanje, dodavanje, brisanje i preuređenje sadržaja. • Kontrole – iniciraju izvršenje akcija ili prikaz informacija. • Privremeni prikazi — obezbeđuju trenutni kratkotrajan prikaz bitnih informacija ili dodatnih upita i funkcionalnosti.