Quantcast
Channel: Milos Vucekovic
Viewing all articles
Browse latest Browse all 22

Elementi dobrog dizajna

$
0
0

Korisnički interfejsi doživeli su pravu revoluciju pojavom World Wide Weba početkom 90-tih godina prošlog veka, a u relativno kratkom periodu oni su napredovali od statičkih i tekstualnih do potpuno interaktivnih i dinamički izmenjivih interfejsa. Moderni interfejsi zahtevaju ispunjavanje velikog broja kriterijuma medju kojima se izdvajaju prikazivanje na različitim veličinama ekrana i tipovima uredjalja, ali i operativnim sistemima. Takodje, posebno se izdvajaju korisnički interfejsi prilagodjeni za mobilne uredjaje koji su stvorili novu kategoriju u UI pod nazivom „responsive“ jer moraju da se prilagode tj. odgovore na zahteve raznih veličina ekrana i pregledača.

foto: everyinteraction.com

foto: everyinteraction.com

Osnovni elementi dobrog dizajna

Postoji veliki broj elemenata koji definišu pojam dobrog dizajna, ali generalno se nameću njih pet bez kojih nijedan web UI nije dobar: Tipografija, konzistentan dizajn, optimizacija za različite tipove unosa, optimizacija za različite veličine ekrana i naravno jednostavnost.

Tipografija

Tipografija spada u jednu od najbitnijih faktora dobrog dizajna jer omogućuje čist i čitljiv prikaz informacija, ali i opcija korisniku. Iako se smatra lakim zadatakom, odabir pravog fonta i stila odredjuje da li će neki korisnik biti u stanju da konzumira sadržaj na svim uredjaljima ili će pak morati da se prilagodi zahtevima prezentacije, što u praksi predstavlja loš dizajn.

Konzistentan dizajn

Veoma čest slučaj je da na jednoj web stranici možete naći poseban dizajn za svaku odvojenu sekciju ili drugu vrstu sadržaja gde je potpuno izmenjen layout osnovnih elemenata navigacije, teksta I formi. Ovo u praksi znači da će korisnik morati svaki put ponovo da uči korisnički interfejs, a predstavlja jedno od najvećih promašaja dizajna. Uvek iste pozicije menija I opcija, isti rasporedi delova sa tekstom kao I drugih sadržaja su ključ dobrog I interaktivnog dizajna koji će korisnik lako prihvatiti.

Optimizacija za različite tipove unosa I rezolucija ekrana

Jedan od najvećih izazova modernog dizajna jeste optimizacija sadržaja za veliki broj različitih uredjaja i implementacija njihovih metoda unosa od tastature i miša pa do ekrana na dodir. Pojavom ovakvih zahteva nastao je novi pravac u dizajnu web stranica, ali i korisničkih interfejsa pod nazivom “Responsive”. Glavna ideja ovog pravca jeste izrada razlicitih UI za razlicite tipove uredjaja i tako postići maksimalnu kompatibilnost sa njima, a korisniku pružiti nesmetani rad. Sajtovi koji primenjuju ovakav princip uglavnom imaju zaseban UI za personalne računare, mobilne telefone, smart televizore i aplikacije za smart telefone.

Jednostavnost

Moderni dizajn predstavlja mešavinu nauke, umetnosti, prakse i statistike, a sve češće se jednostavnost nameće kao jedini kriterijum koji mora biti zadovoljen kako bi korisnici bili zadovoljni. Ovu činjenicu najbolje pokazuje pojava smart telefona novijih generacija koje su drastično povećale funkcionalnost, a smanjili kompleksnost korišćenja i unosta podataka. Simplicity kao metod predstavljanja sadržaja možemo videti u novim UI sistemima kao što su iOS, Android, Windows Phone, kao i na mnogim web portalima.

Primeri dobrog i lošeg dizajna

Ako za kriterijume dobrog dizajna uzmemo gore navedene kriterijume, onda možemo reći da se na internetu nalazi veliki broj zastarelih prezentacija ili loše izvedenih ideja. Kao najbolji primer dobrog i efektivnog dizajna nameće se glavna stranica kompanije Apple koja sa svega nekoliko boja i jednostavnom navigacijom potpuno zadovoljava sve kriterijume koje smo naveli. Takodje, prezentacije koje idalje nevešto nastaju u word procesorima definitivno sebe stavljaju u kategoriju najgorih, ali one su i najmasovnije na današnjem webu.
apple.com – Jednostavno i dizajn u nekoliko boja

Reference
1. Rover Cars http://www.roverp6cars.com/
2. Nielsen Norman Group http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
3. 3OneSeven http://3oneseven.com/typography-16/
4. Wikipedia http://en.wikipedia.org/wiki/Web_design


Viewing all articles
Browse latest Browse all 22

Latest Images

Trending Articles





Latest Images