Dizajnerica i kolega rade na rasporedu sučelja za stolom u studiju, hladno jutarnje svjetlo

Razlika između disciplina

UX, UI ili front-end razvoj, što odabrati

UX, UI i front-end razvoj se u oglasima za tečajeve često miješaju. Ova stranica razdvaja tri područja i pomaže vam odabrati smjer koji odgovara vašem cilju.

Tri područja, tri različita posla

UI oblikuje izgled sučelja, UX proučava kako ga ljudi koriste, a front-end razvoj to pretvara u radni kod u pregledniku. Kombinirani profili nastaju kad jedna osoba radi sve tri stvari, najčešće u malim timovima i na vlastitim projektima.

Četvrti blok označava ovu stranicu — smjer koji preklapa dizajn i kod.

Gdje se preklapaju

Kombinirani profil u praksi

U praksi se tri područja preklapaju. Osoba koja radi na maloj stranici često sama odlučuje o rasporedu, oblikuje ga i implementira. Zato se u oglasima pojavljuju kombinirani profili.

Ako tražite posao u većoj firmi, vjerojatno ćete raditi u jednom području. Ako radite samostalno ili u malom timu, preklapanje je prednost.

Dizajnerski dio

UI: vizualno oblikovanje sučelja

UI je disciplina koja se bavi izgledom i ponašanjem sučelja. To uključuje rasporede, komponente, tipografiju, boju i dosljednost kroz cijelu stranicu ili aplikaciju.

Sučelje bez razumijevanja korisnika izgleda lijepo i ne radi. Zato se UI pojavljuje uz termin UX, posebno u Zagrebu i u online treninzima. Ako želite crtati i oblikovati, UI je vaš smjer.

Tipografija, boja, komponente, dosljednost
Istraživanje korisnika

UX: kako ljudi stvarno koriste stranicu

UX je širi okvir od UI-a. Bavi se upotrebljivošću, prototipovima i intuitivnim layoutima, ali i pitanjima poput gdje korisnik zastaje, što ga zbunjuje i zašto odustaje.

UX se razlikuje od čistog vizualnog dizajna jer mjeri kako ljudi koriste stranicu, a ne samo kako ona izgleda. To znači promatranje, testiranje i odluke koje se donose na temelju ponašanja. Za početnika je važno znati da UX nije alat koji učite, nego način razmišljanja koji se uvježbava.

Radno mjesto s prijenosnim računalom i monitorom okrenutim od kamere, hladno dnevno svjetlo

Kod se provjerava u pregledniku, dizajn u rukama korisnika.

Front-end razvoj: tehnička izvedba

Front-end razvoj je ono što stranicu pretvara u konačni oblik. To je rad u HTML-u, CSS-u i JavaScriptu, s ciljem da ono što je dizajnirano stvarno funkcionira u pregledniku.

Više programa u Hrvatskoj web dizajn izravno veže uz put prema front-end razvoju. To pokazuje pomak tržišta od čistog vizualnog dizajna prema tehničkoj izvedbi. Poslodavci često traže spoj dizajna, HTML-a, CSS-a i osnovnog JavaScripta.

Za razliku od UX-a i UI-a, front-end je vještina koja se može provjeriti.

Ili vaša stranica radi na mobitelu ili ne radi.

Ruke tipkaju na tipkovnici prijenosnog računala na mat stolu
Ruke drže mobitel nagnut prema dolje na hladnom radnom stolu

Što poslodavci traže

  • HTML i semantička struktura
  • CSS i responzivni raspored
  • Osnovni JavaScript
  • Osjećaj za tipografiju i hijerarhiju

Kako prepoznati što program stvarno pokriva

Naziv tečaja nije pouzdan vodič. Neki programi web dizajna su zapravo tehnički, neki digitalnog dizajna su UX i UI, a neki su kombinacija svega po malo.

Popis tema i sati
Provjerite popis tema i raspored sati ako je dostupan. Ako je UX naveden u jednoj lekciji, to nije UX program.
JavaScript u planu
Ako je JavaScript naveden bez dodatnog programa, vjerojatno je samo demonstracija, a ne dio redovnog rada.
Ishod na kraju
Najpouzdaniji signal je ishod: portfolio s nekoliko komada znači dizajnerski program, funkcionalna stranica s kodom znači tehnički.
Dizajnerski smjer

Za koga je dizajnerski smjer

Dizajnerski smjer ima smisla ako vas zanima vizualni jezik: tipografija, boja, kompozicija, identitet. Formalni programi su ovdje jači jer kroz mjesece razvijaju osjećaj za te stvari.

Ne trebate znati crtati. Digitalni dizajn je više odlučivanje o rasporedu i hijerarhiji nego ilustriranje. Ipak, korisno je imati strpljenja za detalje, jer se razlika između dobrog i prosječnog sučelja krije u sitnicama.

Ako ne uživate u pregledavanju tipografije i razmaka, ovaj smjer će vas iscrpiti.

Tehnički smjer

Za koga je tehnički smjer

Tehnički smjer odgovara ljudima koje zanima kako stvari funkcioniraju i koji su spremni provoditi sate rješavajući problem u kodu. To su često ljudi koji su prije radili u IT podršci, administraciji sustava ili u tehničkim poslovima.

Prednost je jasna: vještina je mjerljiva i potražnja je stabilna. Nedostatak je što zahtijeva više učenja i osnovni JavaScript, što nije dio kratkih tečajeva.

Ako želite posao front-end developera, planirajte najmanje šest do dvanaest mjeseci učenja nakon osnova.

Kako odabrati bez žaljenja

Odaberite prema poslu koji želite raditi, ne prema nazivu koji bolje zvuči. UX i UI zvuče moderno, ali ne zapošljavaju svi koji ih nauče. Front-end je konkretniji, ali zahtijeva više rada.

  1. Korak 1

    Počnite s tehničkom osnovom

    Ako niste sigurni, krenite od HTML-a, CSS-a i responzivnog dizajna. Ta vještina je korisna u svim smjerovima i neće biti bačena, bez obzira na to kamo kasnije krenete.

  2. Korak 2

    Dodajte UX ili UI kasnije

    Tek kada savladate osnove, dodajte UX ili UI. Tada ćete znati što vas zanima, jer ćete imati stvarni projekt na kojem možete primijeniti oboje.

  3. Korak 3

    Provjerite ishod programa

    Prije upisa provjerite što polaznik ima na kraju: portfolio komada ili funkcionalnu stranicu s kodom. Ishod vam govori više od naziva tečaja.

Česta pitanja prije upisa

Mogu li učiti UX bez prethodnog znanja dizajna?

Možete, ali većina programa kreće od osnova rasporeda i tipografije. UX se lakše uči na stvarnom projektu, pa je početno znanje HTML-a i CSS-a korisno čak i kad ciljate na istraživanje i prototipove.

Koliko JavaScripta treba za prvi posao front-end developera?

Osnove JavaScripta su minimum za većinu oglasa: rad s DOM-om, događaji i osnovna logika. Napredniji okviri dolaze kasnije, nakon što HTML i CSS postanu sigurni i brzi u vašim rukama.

Zašto je tipografija važna na tehničkom smjeru?

Tipografija nosi hijerarhiju sadržaja, a front-end developer je često taj koji je prevodi u kod. Ako razumijete veličine, razmake i redoslijed, lakše ćete raditi s dizajnerima i braniti odluke pred klijentom.

Kako znati da tečaj stvarno pokriva UX, a ne samo UI?

Pogledajte sadrži li program istraživanje, prototipove i testiranje s korisnicima. Ako se sve svodi na oblikovanje ekrana u alatu, radi se o UI-u ili vizualnom dizajnu s UX natpisom.

Sljedeći korak prema vašem smjeru

Ako niste sigurni gdje krenuti, pogledajte usporedbu tečajeva i vodič kroz put učenja. Ako želite razgovarati o svom cilju prije upisa, javite nam se na info@tovarelim.com ili nas posjetite u Zagrebu radnim danom od 09:00 do 18:00.

Tovarelim, Ilica 142, 10000 Zagreb

Pon–Pet: 09:00–18:00, Sub: 10:00–14:00