Nestandardni uvod u UI/UX dizajn: Za početnike, ali i iskusne dizajnere

Pre nego što počnemo, da raščistimo jednu malu zbrku.

Naime, iako se UX i UI često koriste u paru kada je reč o dizajnu web stranica i aplikacija, to su ipak dva različita pojma.

Evo o čemu se radi.

UX je skraćenica za user experience i znači korisničko iskustvo. Drugim rečima, ovo je dizajn koji vodi računa o načinu na koji korisnik ostvaruje interakciju sa bilo kojom vrstom digitalnog interfejsa: od web sajtova do aplikacija.

Zadatak UX dizajnera je da se pobrine da svaka radnja koju korisnik treba da obavi bude intuitivna i jednostavna. Na primer, ukoliko želite da završite kupovinu na sajtu za e-trgovinu, dugme za to bi trebalo da bude lako vidljivo i odmah dostupno.

U današnjem svetu svi se bore za pažnju njegovog veličanstva – korisnika. Ukoliko on ima problem da na sajtu pronađe ono što želi, napustiće ga i otići kod konkurencije. A to kompanije ne smeju da dopuste.

Zbog toga, uprkos brojnim razlikama, svi najpopularniji sajtovi, aplikacije i softveri na svetu imaju jednu zajedničku osobinu:

Pregledni su i veoma jednostavni za korišćenje, zbog čega i imaju tako veliki broj poseta i korisnika.

A za to je upravo zaslužan UX dizajn. 

Da bi unapredio korisničko iskustvo, UX dizajner obavlja različite aktivnosti, kao što su:

• Istraživanje: Dizajneri moraju da sprovedu određena istraživanja kako bi stekli prave uvide u ponašanje, potrebe i afinitete korisnika. Za ovo su im na raspolaganju upitnici, intervjui i različiti testovi.
• Pravljenje okvira i prototipova: Pre nego što započnu razvojni proces, dizajneri prave interaktivne prototipove i vizuelne reprezentacije dizajna proizvoda kako bi testirali različite koncepte.
• Rad sa programerima: UX dizajneri rade blisko sa diveloperima kako bi osigurali da će njihovi koncepti biti adekvatno implementirani.
• Testiranje dizajna sa korisnicima: Jedna od završnih faza procesa dizajna jeste sprovođenje testiranja sa pravim korisnicima. Na taj način dizajneri dobijaju vredne informacije o tome šta bi još mogli da unaprede. U okviru testiranja često se puštaju dve različite verzije dizajna: originalna, označena kao A, i njena varijacija, obeležena slovom B, pa otuda i naziv A/B testiranje. Na ovaj način se dobijaju realni podaci o tome koja je verzija efektnija i više u skladu sa potrebama korisnika.
• Analiziranje podataka: Kada je dizajn pušten, posao dizajnera ne prestaje. Na osnovu podataka o korisničkoj interakciji, oni nastavljaju da unapređuju proizvod kako bi maksimalno ispunili očekivanja korisnika.

UI dizajn predstavlja skraćenicu za user interface design.

Šta to, zapravo, znači?

UI dizajneri su zaduženi za estetsku stranu digitalnih proizvoda kao što su aplikacije, sajtovi, ikonice i landing stranice.

Osim lepote, i oni brinu o funkcionalnosti, jednostavnosti i intuitivnosti, kako bi korisniku olakšali i učinili prijatnim korišćenje konkretnog softverskog proizvoda. Na primer, od pozicije na kojoj će se nalaziti dugme ili meni za navigaciju, ali i od šeme boja, tipografije i drugih dizajnerskih elemenata u velikoj meri zavisi korisničko iskustvo. 

Testiraju različite dizajnerske koncepte. Na osnovu korisničkog iskustva, UI dizajner proverava da li je dizajn funkcionalan i efektan ili je potrebno izvršiti određene izmene.

Dizajniraju vizuelne komponente. Pomoću fontova, boja, slika i efekata UI dizajner razvija vizuelno privlačan i interaktivan korisnički interfejs.

Rade sa programerima. Završna faza svakog dizajnerskog procesa jeste rad sa programerima kako bi se na pravi način implementirale sve zamisli.

Iz liste zaduženja UX i UI dizajnera videli ste da su im mnogi taskovi slični, međutim, između njih postoje određene bitne razlike:

Iako je reč o različitim odgovornostima, jedno ne postoji bez drugog. To je zbog toga što se i UX i UI temelje na konceptu koji prioritet daje korisniku. Drugim rečima, sve što rade usmereno je ka poboljšanju korisničkog iskustva i zadovoljstva.

Otuda je u UI/UX dizajnu spojeno lepo i korisno. 

Pravljenje digitalnog proizvoda koji će se ljudima dopasti rezultat je posvećenog rada UX/UI dizajnera. Bez obzira na to da li je reč o web stranici, aplikaciji ili digitalnom interfejsu, postoje zajednički principi koji čine dobar UX/UI dizajn. 

Ovo su najvažniji:

Korisnik u centru

Svaka odluka od strukture stranice do šeme boja treba da odgovara korisničkim potrebama, ciljevima i ponašanjima.

Jasnost i jednostavnost

Digitalni proizvod ne sme da bude zagonetka, odnosno korisnik nikada ne bi trebalo da pogađa kako nešto radi ili gde se nešto nalazi. Jasna navigacija, organizovan sadržaj, čist dizajn jednako zadovoljan korisnik.

Konzistentnost

Kao i mačke, i internet korisnici teško menjaju navike. Zato je važno da je dizajn konzistentan. Upotreba istih boja, tipografije, dugmića, kao i očuvanje strukture kroz čitav sajt ili aplikaciju stvoriće proizvod koji korisnici doživljavaju kao poznat i lak za korišćenje.

Vizuelna hijerarhija

Efikasan UI nije tu samo radi utiska, već i da skrene pažnju korisnika na ono što je važno, kroz upotrebu veličine, boja, razmaka i drugih dizajnerskih elemenata.

Responzivnost i pristupačnost

Dizajn treba da funkcioniše podjednako dobro na svim uređajima i veličinama ekrana. Takođe, potrebno je da bude i pristupačan, kako bi korisnici koji imaju određene smetnje mogli da mu pristupe bez ikakvih poteškoća.

Fidbek i interaktivnost

Korisnici moraju da znaju da su njihove akcije registrovane. Vizuelni ili audio fidbek kao ikonica za učitavanje ili poruka potvrde pružaju povratnu informaciju korisnicima i pouzdanje u daljem korišćenju interfejsa.

Sprečavanje grešaka i oporavak

Dobro dizajnirani sistemi sprečavaju greške pre nego što se dogode. Jedan od primera je da je nemoguće kliknuti na dugme za prijavu pre nego što je popunjena forma. Međutim, ukoliko do greške ipak dođe, korisnici treba da budu vođeni tako da je mogu ispraviti na jednostavan način.

Performanse i brzina

Bez obzira na to koliko je dizajn lep, ukoliko je spor, korisnici će otići. Zato je optimizovanje UI-ja za brzinu jedan od važnih elemenata korisničkog iskustva. 

Iako neke kompanije UX/UI tretiraju kao jednu poziciju, u mnogima od njih reč je o dve različite uloge, što omogućava dizajnerima da se fokusiraju na jedno polje i postanu stručni u njemu.

Uprkos ovome, mnoge veštine se preklapaju, iako su neke važnije za UX, a druge za UI dizajnera.

Veštine neophodne za UI/UX dizajnera:

Pravljenje test dizajna stranice

Test dizajn (wireframe ili prototip) predstavlja osnovnu struktura stranice, bez završnih vizuelnih detalja. Na osnovu nje se pravi raspored elemenata i korisničkog toka i omogućava rano uočavanje eventualnih problema.

Razumevanje korisničkih potreba za pravljenje intuitivnog i user-friendly interfejsa

Poznavanje različitih metoda ispitivanja korisnika, poput intervjua, anketa i testova, omogućava dizajnerima da se upoznaju sa stvarnim potrebama korisnika. Na osnovu dobijenih podataka oni prave jednostavan i efikasan interfejs za potpuno uživanje korisnika.

Organizovanje sadržaja za besprekorno korisničko iskustvo

Dizajneri strukturiraju sadržaj tako da korisnici mogu lako da se kreću po sajtu, aplikaciji ili softveru radi jednostavnijeg pronalaženja informacija i obavljanja radnji. Intuitivna navigacija, jasne kategorije i dosledna terminologija samo su neki od elemenata dobro dizajniranog softverskog proizvoda.

Osnovno poznavanje jezika za web divelopment kao što su HTML, CSS i JavaScript

Da biste bili UX/UI dizajner, ne morate da znate programiranje, ali će vam razumevanje osnovnih web tehnologija pomoći da bolje komunicirate sa diveloperima radi pronalaženja tehnički izvodljivih rešenja.

Timski rad i uvažavanje sugestija

UX/UI dizajneri rade obično u većim timovima, sastavljenim od programera, menadžera proizvoda i drugih članova. Zbog toga je neophodno da su otvoreni za fidbek i spremni da prilagode svoje vizije kako bi došli do najboljih dizajnerskih rešenja. 

Komunikacija

Iako dizajneri pre svega komuniciraju vizuelnim putem, neophodno je i da na jednostavan i pristupačan način predstave svoje predloge i vizije ostalim članovima tima.

Upravljanje taskovima

Time menadžment, organizovanje zadataka i planiranje su veoma bitni momenti u kreiranju i implementiranju dizajnerskih rešenja. Stoga je dobro da su dizajneri upoznati sa softverskim alatima za upravljanje projektima. 

Pravljenje stranica koje se lepo prikazuju na svim uređajima

Responzivni dizajn je danas imperativ, pa dizajneri moraju da prave interfejs koji besprekorno funkcioniše na različitim uređajima i veličinama ekrana. Drugim rečima, korisničko iskustvo mora da bude isto na svakom uređaju.

Kreiranje vizualno privlačnih stranica

Privlačan dizajn povećava korisnički ugođaj, a samim tim i angažovanje. Odabir boja, tipografije, slika i rasporeda elemenata u skladu sa brendom i ciljevima proizvoda važni su elementi dobrog dizajna.

Korišćenje softvera Figma, Sketch, Photoshop, Illustrator i Adobe XD

Pomoću ovih softvera dizajneri stvaraju prototipove, vizuelne elemente i kompletne dizajnerske sisteme.

Usmerenost na detalje

Da biste bili dizajner, potrebno je da imate oštro oko. Naizgled mali detalji, kao što su margine, poravnanja i dosledna upotreba boja, zapravo u velikoj meri utiču na percepciju kvaliteta proizvoda i korisničko iskustvo.

Poznavanje osnovnih dizajnerskih principa

Digitalni dizajn se oslanja ne opšte dizajnerske principe, zbog čega UX/UI dizajneri moraju da poznaju osnovne estetske koncepte kao što su ravnoteža, hijerarhija, boje i kontrast. Dobar način da vežbate jeste da proučavate svoje omiljene sajtove. Obratite pažnju na boje i fontove koje koriste, razmislite kako se sve što vidite uklapa sa vrednostima njihovog brenda ili proizvoda. 

Kao što ste mogli da vidite, dobar dizajn je nezaobilazni deo kompanijske prezentacije u digitalnom svetu. Zbog toga su stručnjaci sa ovim veštinama veoma traženi i sjajno plaćeni.

Prosečna plata UX/UI dizajnera u Srbiji iznosi: 

• između 1.610 i 2.065 evra, ali i do 3.675 evra, u zavisnosti od senioriteta.

Naravno, mnogi iskusni i uspešni dizajneri primaju i dosta veće iznose. U Evropskoj uniji recimo raspon plata je još impresivniji i kreće se:

• od 67.500 do 95.000 evra godišnje. 

Baš kao i sve drugo što je u vezi sa IT sferom, trendovi se brzo menjaju, dizajneri stalno rade na tome da unaprede korisničko iskustvo, a nove tehnologije im svesrdno pomažu. Zbog toga je uvek važno biti u toku sa najnovijim trendovima, a ovo su neki od najzanimljivijih: 

Hiperpersonalizovano iskustvo 

Današnji korisnici očekuju iskustvo koje je dizajnirano prema njihovim ličnim afinitetima i potrebama. Uz upotrebu veštačke inteligencije i analize podataka, dizajneri su sada u prilici da naprave korisnički interfejs koji se prilagođava korisniku u realnom vremenu.

Na primer:

Spotifajova plej-lista Made for You ne samo da personalizuje sadržaj na osnovu korisničkih navika već i ažurira UI (na primer boju) tako da bude usklađen sa raspoloženjem plej-liste. Netflix takođe prilagođava tamnejlove na home stranici kako bi odgovarali žanrovskim preferencijama korisnika. 

Glasovni korisnički interfejs (VUIs) 

Integracija AI alata kao što su ChatGPT i Alexa u mobilna i desktop okruženja dovela je do toga da sve više aplikacija favorizuje glasovnu pretragu. Dizajneri se sada nalaze pred izazovom da naprave nove nevizuelne fidbek petlje.

Na primer:

Google mape omogućavaju korisniku da koristi navigaciju bez ruku i postavlja pitanja aplikaciji tokom vožnje. Takođe, neke šoping aplikacije, kao što su Walmart i Carrefour, eksperimentišu sa glasovnom pretragom kako bi se povećala pristupačnost. 

Mikrointerakcije sa smislom

Suptilne animacije kada lajkujete post ili kada prevučete kursor miša preko dugmeta više nisu samo stvar estetike, već i funkcionalnosti, koja pomaže korisnicima da se snađu.

Na primer:

Gejmifikovan sistem za fidbek koji koristi jedna od najpoznatijih aplikacija za učenje stranih jezika – Duolingo – služi se mikrointerakcijama kako bi korisnici imali uvid u svoj napredak ili tačne/netačne odgovore. Zahvaljujući tome, korisnici su angažovaniji i manji je broj onih koji odustaju. 

Welcome to the dark side iliti dark mode kao difolt 

Dark mod, koji je nekada bio stvar izbora, danas postaje glavna opcija za mnoge aplikacije i stranice kada je reč o UI dizajnu. Ovo posebno važi za oblasti koje se tiču produktivnosti, zabave i alata za programere. Osim što izgleda lepo, ovakav dizajn više prija očima i čuva bateriju uređaja.

Na primer:

GitHub, Slack i Google Docs promovišu tamni mod sa automatskim prebacivanjem, u zavisnosti od podešavanja korisničkog uređaja, kao glavni mod. 

3D elementi

Unapređene funkcionalnosti pregledača dovele su do ponovnog uspona 3D elemenata, koji više nisu stvar estetskog razmetanja, već funkcionalni deo navigacije i storitelinga.

Na primer:

Apple za svoju stranicu sa proizvodima koristi suptilne 3D perspektive kako bi omogućio korisniku da ostvari interakciju sa proizvodom. Digitalna platforma za modu DressX oslanja se na 3D iskustvo tako što korisnicima pruža priliku da virtuelno isprobaju neki komad odeće. 

Zero UI i nevidljivi interfejs 

Znate onu manje je više. E pa danas se dizajn okreće interfejsima koji uopšte ne izgledaju kao interfejsi. Kontrola putem gestova, ambijentalno računarstvo (ambient computing) i sprave koje su povezane preko IoT-a (Internet of Things) stvaraju takozvano nevidljivo iskustvo.

Na primer:

Ni nest termostat ne zahteva nikakvo dugme niti dodir, već korisnici sa njim ostvaruju interakciju pomoću gestova ili glasa, ili se on pak prilagođava njima na osnovu kontekstualne automatizacije. Takođe, ogledala koja se aktiviraju kroz gestove u prodavnicama odeće nemaju vidljivi UI, ali su izuzetno funkcionalna.

AI kao partner 

Sa razvojem veštačke inteligencije, dizajneri su dobili vrednog pomoćnika. Alati kao što su Figma AI, Uizard i Framer AI omogućavaju dizajnerima da naprave okvire, sisteme, pa čak i sadržaj za samo nekoliko sekundi. Ovaj trend nije tu da zameni dizajnere, već da im pomogne da budu efikasniji.

Na primer:

Opcija Make it pop alata Figma omogućava generisanje različitih opcija prikaza ili pametne animacije na osnovu samo nekoliko tekstualnih inputa. Zahvaljujući ovome, dizajneri mogu brže da testiraju ideje i unose izmene. 

Neobrutalizam i sirova estetika 

Krupna tipografija, grube ivice, ravne boje i asimetrične mreže danas su kontrateža preterano ulickanom dizajnu, koji je bio aktuelan prethodnih godina. Alati za divelopere, kao što je Vercel, koriste minimalistički dizajn, koji se ističe po svojoj korisnosti, brzini i autentičnosti nasuprot uglađenosti. 

Dizajn je sjajno zanimanje za sve kreativce, ljude sklone perfekcionizmu, ali i one koji teže karijeri u IT-ju, ali ne žele da uče programiranje.

Obuku za UX/UI dizajnera danas je lako započeti. Na raspolaganju su vam brojni online resursi, poput tutorijala i kurseva, ali i velike zajednice dizajnera koji dele svoje iskustvo. Zbog toga, prve korake možete napraviti potpuno samostalno.

Međutim, ukoliko ne želite da izgubite vreme i entuzijazam kroz traženje kvalitetnih online resursa, najbrži i najpouzdaniji način ostaje upisivanje kursa.

Nastava na ITAcademy bazirana je pre svega na praksi, uz minimalno teorije, zbog čega odmah krećete sa pravljenjem svoje prve stranice, kreirate navigacione menije, dugmad i druge elemente o kojima smo govorili. Kroz ovaj proces vode vas iskusni dizajneri sa bogatim iskustvom u industriji.

A ono što je pravi začin našeg školovanja jesu realni projekti na kojima radite u našem Dizajn studiju. U okviru njih steći ćete nezamenljivo iskustvo kada je reč o timskom radu i pravljenju proizvoda koje će ljudi zaista koristiti. Pored znanja i iskustva, na ovaj način dobićete i vrednu stavku u svom CV-ju, koja vas upravo može preporučiti budućim poslodavcima.

Nakon završetka kursa, na raspolaganju vam je Centar za razvoj karijere, koji će vam pomoći da novostečena znanja i iskustva ponudite najuspešnijim kompanijama u regionu i tako započnete ovu unosnu i vrednu karijeru.

Ostavite svoj pečat na internetu, započnite UX/UI karijeru!