Ako počinješ da radiš UI/UX dizajn, verovatno imaš osećaj da stalno nešto ne izgleda “dovoljno dobro”, ali ne znaš tačno šta. Dobra vest je da skoro svi početnici prave vrlo slične greške. Još bolja vest je da se većina tih grešaka rešava jednostavnijim pristupom i boljom organizacijom.
Ovo je lista najčešćih početničkih grešaka, sa jasnim objašnjenjima i savetima koji ti odmah mogu poboljšati dizajn.
1. Korišćenje prevelikog broja fontova
Početnici često misle da više fontova znači kreativniji dizajn. U stvarnosti je suprotno. Previše fontova stvara haos i narušava vizuelnu hijerarhiju.
Kako da rešiš: Koristi jedan font za naslove i jedan za tekst. To je industrijski standard i čini dizajn čistijim.
2. Nedosledno korišćenje spacing-a
Ako je razmak između elemenata svuda drugačiji, dizajn deluje neuredno i “amerski”.
Kako da rešiš: Koristi ujednačene vrednosti (npr. 8, 16, 24). To zovemo „spacing scale“ i pomaže da sve izgleda organizovano.
3. Loša vizuelna hijerarhija
Najvažnije informacije ne dolaze do izražaja. Korisnik ne zna gde da gleda prvo.
Kako da rešiš: Igraj se veličinom fonta, težinom, bojama i kontrastom. Ključne informacije treba da “iskoče”, ali ne agresivno.
4. Korišćenje premalo kontrasta
Ako je tekst svetlosive boje na svetloj pozadini, čitaoca udaljavaš brže nego što misliš.
Kako da rešiš: Uvek proveri kontrast (npr. AA standard). Figma ima pluginove za to.
5. Previše boja u jednom ekranu
Početnik često pomisli da dizajn deluje prazno pa dodaje više boja nego što je potrebno.
Kako da rešiš: Koristi 1 primarnu, 1 sekundarnu i par neutralnih boja. To je sasvim dovoljno za početak.
6. Nedovoljno belog prostora
Ako sve zbijeno naslažeš, korisnik ne može da diše.
Kako da rešiš: Belina nije praznina. Belina je struktura. Ostavi prostora da elementi „odahnu“. Dizajn odmah izgleda skuplje.
7. Ikonice i dugmad bez jasne funkcije
Lepe ikonice ne znače ništa ako korisnik ne razume šta rade.
Kako da rešiš: Ikonica mora da bude univerzalno prepoznatljiva ili da ima label tekst ispod.
8. Ignorisanje mobile dizajna
Početnici često dizajniraju samo za desktop, a zaborave da većina korisnika zapravo dolazi sa telefona.
Kako da rešiš: Svaki dizajn treba da ima i mobilnu verziju. To nije opcija nego standard.
9. Netransparentna navigacija
Ako korisnik mora da se pita gde se nalazi ili kako da se vrati – navigacija nije dobra.
Kako da rešiš: Navigacija treba da bude jasna, predvidljiva i logična. Korisnik ne treba da razmišlja. To je osnova UX-a.
10. Nedostatak doslednosti
Drugačiji stilovi dugmadi, različite senke, nasumične veličine teksta – sve to stvara osećaj neprofesionalnosti.
Kako da rešiš: Napraviti mini dizajn sistem čak i za mali projekat je ogromna stvar. Doslednost pravi kvalitet.
Kako da primeniš ovo u praksi
Evo malog zadatka za vežbu. Otvori jedan svoj stari dizajn i proveri:
- koliko fontova koristiš
- da li spacing ima logičan ritam
- da li je jasno šta je primarno dugme
- da li je pozadina previše šarena
- kako sve izgleda na mobilnom
Već ćeš posle deset minuta videti šta treba da popraviš.
Ako želiš još praktičnih primera
Često delim mini tutorijale i breakdown videe upravo na temu grešaka i kako ih ispraviti.
Možeš da me pronađeš na:
- Instagram: @makkadesign
- TikTok: @makkadesign
Tamo imaš dosta kratkih videa koji su savršeni za svakodnevno učenje.
Dizajn ne postaje dobar preko noći
Prvi korak je da naučiš da prepoznaš najčešće greške. Drugi korak je da naučiš kako da ih ispraviš. I to je put koji vodi od početničkog nivoa do dizajna koji izgleda profesionalno i jasno.
U narednim tekstovima ulazimo dublje u teme kao što su vizuelna hijerarhija, izrada wireframe-a i kreiranje prvog dizajn sistema.
