UI i UX su dva pojma o kojima se stalno priča, ali vrlo često pogrešno. Ako tek ulaziš u svet dizajna ili samo želiš da razumeš kako aplikacije “dišu”, ovo je savršen početak.
U nastavku ću ti vrlo jasno objasniti:
– šta je UI
– šta je UX
– zašto su povezani
– i kako da ih razlikuješ u realnim situacijama
Krećemo jednostavno, bez filozofije.
Šta je UI (User Interface)?
UI je sve što vidiš na ekranu. To je vizuelna prezentacija proizvoda, njegova “šminka”, stil i estetika.
U UI spadaju:
- boje
- tipografija
- dugmad
- ikonice
- layout
- spacing
- vizuelna hijerarhija
UI odgovara na pitanja:
Kako ovo izgleda? Da li je moderno? Čisto? Jasno? Da li privlači pažnju?
Dobar UI će te naterati da kažeš: „Opa, lepo je urađeno.“
Šta je UX (User Experience)?
Ali to je samo pola priče…
UX je iskustvo korisnika dok koristi proizvod. To je način na koji se krećeš kroz aplikaciju, koliko ti je sve intuitivno i koliko brzo stižeš do cilja.
UX se bavi:
- logikom korisničkog toka
- jednostavnošću korišćenja
- brzinom obavljanja zadataka
- frustracijama
- očekivanjima korisnika
- istraživanjem ponašanja publike
UX odgovara na pitanja:
Da li je lako da uradim ono što želim? Da li se osećam zbunjeno? Da li sve ima smisla?
Dobar UX će te naterati da kažeš: „Uff kako je ovo jednostavno, svaka čast.“
A loš UX? Pa… kada ti aplikacija traži registraciju pre nego što ti pusti da vidiš osnovne informacije, to je to.
Kako najlakše da zapamtiš razliku?
Zamisli da kupuješ online kartu za koncert.
UI je izgled stranice – lepe boje, uredan layout, čitljiva tipografija i jasno dugme „Kupi kartu“
UX je iskustvo kupovine – da li brzo nalaziš koncert? Da li moraš da popuniš 14 polja nepotrebnih informacija? Da li plaćanje radi odmah ili te vodi na 3 dodatna prozora?
U praksi:
UI privlači. UX zadržava.
Ako aplikacija izgleda dobro, ali je komplikovana, korisnik odlazi. Ako je jednostavna, ali ružna, korisnik neće ni pokušati. Zato UI i UX uvek rade zajedno.
UI + UX u stvarnom svetu
Jedan od boljih primera je Netflix.
- UI: čiste kartice, posteri filmova, jasne kategorije
- UX: algoritam preporuka, jednostavno biranje sadržaja, kontinuitet gledanja (“Continue Watching”)
Netflix izgleda lepo – UI
Netflix zna šta želiš da gledaš – UX
Kombinacija ta dva je ono što ga čini toliko lakim za korišćenje.
Zašto je razumevanje ove razlike važno ako želiš da postaneš dizajner?
Jer ćeš kao dizajner stalno balansirati između estetike (UI) i funkcionalnosti (UX).
Kada razumeš oba, možeš da napraviš:
- lep dizajn koji ima smisla
- korisničko iskustvo koje radi prirodno
- interfejs koji se pamti
- portfolio koji izgleda profesionalno
- projekte koji se “osećaju” kao premium
Ovo je osnova pre nego što pređemo na ozbiljnije teme poput vizuelne hijerarhije, wireframe-a, usability testiranja, ili kreiranja flow-ova.
UI i UX nisu isto, ali rade kao tim
UI je kako izgleda. UX je kako funkcioniše.
I samo zajedno daju korisniku osećaj da je sve “kako treba”. Ako ulaziš u svet dizajna, razumevanje ove razlike je tvoja startna linija, odavde krećemo graditi sve ostalo.
U narednim blogovima pokazaću ti:
- kako nastaje dobar UX
- kako da prepoznaš loš dizajn
- koje su najčešće greške početnika
- kako da napraviš svoj prvi wireframe
- kako da koristiš Figmu kao profesionalac
Želiš još ovakvog sadržaja?
Zapratite blog i ostanite tu, jer tek krećemo sa pravim stvarima. ✨
