Razlika med UX in UI oblikovanjem: razloženo s preprostim primerom

Veliko ljudi napiše "UX/UI oblikovanje" kot eno samo besedo in predpostavlja, da gre za isto stvar. V resnici gre za dve ločeni disciplini, ki pa sodelujeta tako tesno, da ju delodajalci pogosto iščejo v istem oglasu za delo.

Razlika med UX in UI oblikovanjem je preprosta, ko jo enkrat slišiš s pravim primerom. UX (user experience, uporabniška izkušnja) skrbi za to, kako nekaj deluje. UI (user interface, uporabniški vmesnik) skrbi za to, kako nekaj izgleda in se dotika. Spodaj razložim oboje tako, da bo jasno tudi, če nikoli nisi odprl oblikovalskega orodja.

Kaj sploh šteje za UX in kaj za UI

UX oblikovalec razmišlja o poti, ki jo uporabnik prehodi, da opravi nalogo. Koliko korakov potrebuje? Kje se zmede? Kje obupa in zapre aplikacijo? To delo vključuje raziskavo z uporabniki, risanje žičnih modelov (wireframe), testiranje prototipov in urejanje informacij na strani tako, da jih človek takoj najde.

UI oblikovalec prevzame to strukturo in jo napolni z vizualnim jezikom. Izbere barve, tipografijo, razmike, ikone, gumbe in animacije. Poskrbi, da je gumb videti kot gumb in da uporabnik razume, kam naj klikne. Dobra UI naredi vmesnik privlačen, hkrati pa dovolj jasen, da ga razumeš brez navodil.

Konkreten primer: nakup vozovnice za avtobus

Predstavljaj si aplikacijo za nakup avtobusne vozovnice v Ljubljani. UX oblikovalec se vpraša: ali naj uporabnik najprej izbere relacijo ali datum? Koliko zaslonov je med "odprem aplikacijo" in "vozovnica je na telefonu"? Če jih je sedem, je to slaba izkušnja in oblikovalec jih skrči na tri.

UI oblikovalec nato poskrbi, da je gumb "Kupi" dovolj velik za palec, da je cena jasno vidna in da ima izbrani datum opazno barvo. Isti zaslon, dve različni vprašanji. En oblikovalec skrbi za logiko poti, drugi za videz in občutek. V majhnih slovenskih podjetjih in startupih pogosto obe vlogi opravlja ena oseba, zato je koristno razumeti oboje.

UX in UI na kratko eno ob drugem

Vidik	UX oblikovanje	UI oblikovanje
Glavno vprašanje	Ali to deluje in je smiselno?	Ali je to jasno in privlačno?
Tipične naloge	Raziskava, žični modeli, testiranje	Barve, tipografija, ikone, komponente
Rezultat dela	Prototip in uporabniška pot	Dodelan vizualni vmesnik
Orodja	Figma, FigJam, Maze	Figma, Adobe XD
Uspeh izmerimo z	Manj klikov, manj opuščanja	Doslednost, berljivost, estetika

Opaziš, da se Figma pojavi v obeh stolpcih. To orodje je danes standard v slovenskih agencijah in produktnih ekipah, zato se izplača, da ga spoznaš zgodaj. Če te zanima celotna pot od ničle do portfelja, si lahko ogledaš program UX/UI oblikovanja v Code Labs Academy, kjer skozi projekte delaš prav v teh orodjih.

Kje najti navdih za UI

Eno od najpogostejših vprašanj začetnikov je, katera je najboljša spletna stran za navdih pri UI. Odgovor ni ena sama stran. Oblikovalci redno brskajo po straneh, kot so Dribbble, Behance in Mobbin, kjer vidiš prave zaslone iz pravih aplikacij.

Pomemben nasvet: navdih ni kopiranje. Ko gledaš dober vmesnik, se vprašaj, zakaj deluje. Zakaj je ravno ta gumb najbolj viden? Zakaj je besedilo postavljeno tako? Ta navada razmišljanja te loči od nekoga, ki samo ponavlja modne trende. Sam si shranjujem zaslonske slike v preprosto mapo in se k njim vračam, ko sem pri projektu v zagonu brez idej.

Je UI/UX oblikovanje dobro plačano?

Na kratko: da, je med bolje plačanimi poklici v tehnologiji, čeprav je razpon širok. Začetnik brez izkušenj zasluži manj kot nekdo s tremi leti in močnim portfeljem. V Sloveniji so plače oblikovalcev višje, ko delaš za produktno podjetje ali tujega naročnika na daljavo, kot pa pri lokalni agenciji na začetku kariere.

Kar vpliva na plačo, je mešanica veščin. Oblikovalec, ki razume raziskavo z uporabniki in zna svoje odločitve utemeljiti s podatki, je bolj iskan kot nekdo, ki zna le narediti lepe zaslone. Prav tako pomaga, če razumeš osnove, kako razvijalci tvojo zasnovo spremenijo v delujočo aplikacijo, saj tako nastaja manj nesporazumov v ekipi.

Je biti UI/UX oblikovalec lahko?

Vstop je lažji kot pri marsikaterem tehničnem poklicu, ker ne potrebuješ formalne matematike ali poglobljenega programiranja. Figmo lahko odpreš še danes in v nekaj urah narediš prvi zaslon. Prav ta nizek prag pa ustvari napačen vtis, da je vse skupaj enostavno.

Težji del je razmišljanje. Dobro oblikovanje zahteva, da postaviš ego ob stran in sprejmeš, da tvoja prva ideja pogosto ni prava. Učenje, kako sprejeti povratne informacije, kako testirati zasnovo s pravimi ljudmi in kako braniti odločitve pred strankami, traja dlje kot učenje orodij. Večina ljudi obvlada tehnične osnove hitro, veščino presoje pa gradi mesece in leta.

Dobra novica je, da se tega da naučiti po strukturirani poti. Če želiš sam določati tempo, je na voljo tudi UX/UI oblikovanje v obliki samostojnega učenja, kjer napreduješ ob urniku, ki ti ustreza.

Kateri poklic izbrati, če te zanima oboje

Mnogi začetniki ne vedo, ali bi se usmerili v UX ali UI. Dober nasvet je, da začneš širše in šele kasneje poglobiš eno smer. Če te bolj vlečejo vprašanja o ljudeh in vedenju, boš verjetno uživala v UX. Če te zanimajo barve, tipografija in vizualna doslednost, te bo bolj pritegnila UI.

V praksi večina oglasov za delo v Sloveniji išče oblikovalca, ki zmore oboje na solidni ravni in blesti v enem. Redkeje srečaš oglas samo za "UI oblikovalca" brez pričakovanj o uporabniški izkušnji. Zato je smiselno zgraditi temelj v obeh in nato poudariti svojo močno stran v portfelju.

Če tehtaš med različnimi smermi v tehnologiji, ti bo morda pomagal pregled vseh programov Code Labs Academy, kjer vidiš, kako se UX/UI razlikuje od spletnega razvoja ali podatkovne znanosti.

Razlika med UX in UI je torej razlika med "kako deluje" in "kako izgleda", pri čemer najboljši oblikovalci obvladajo obe plati. Če želiš začeti pametno, izberi pot, ki te skozi resnične projekte pripelje do portfelja, ki ga lahko pokažeš delodajalcu. Oglej si vsebino in cene programa UX/UI oblikovanja in naredi prvi korak proti svojemu prvemu projektu.