Klijent nam je jednom rekao: “Angažovao sam dizajnera, sajt izgleda odlično, ali ne radi ništa od onoga što sam tražio.” Problem je bio jednostavan — trebao mu je developer, ne dizajner. Ova zabuna staje vlasnike firmi vremena i novca svaki dan.
Web dizajn — ono što se vidi
Web dizajn je vizuelno i funkcionalno oblikovanje sajta: raspored elemenata, boje, tipografija, kako izgleda navigacija, gde su dugmad. Web dizajner radi u alatima kao što su Figma ili Adobe XD i predaje “mapu” budućeg sajta — ali sam po sebi obično ne piše kod.
Web development — ono što radi
Developer uzima taj dizajn i pretvara ga u sajt koji stvarno funkcioniše u browseru. Tu postoji dalja podela:
- Front-end developer piše ono što korisnik direktno vidi i sa čim komunicira — HTML, CSS, JavaScript, animacije
- Back-end developer radi sa serverom i bazama podataka — obrađuje forme, čuva porudžbine, upravlja prijavama
- Full-stack developer radi oboje — najtraženiji profil za manje projekte jer pokriva ceo sajt
UX dizajn — da li sajt zaista radi za korisnika
UX (User Experience) dizajner se ne pita “da li ovo izgleda lepo” nego “da li korisnik može brzo i bez frustracije da uradi ono zbog čega je došao”. To uključuje istraživanje korisnika, testiranje gde ljudi zapinju i pravljenje wireframe-ova pre nego što se ijedna boja odabere.
A šta je onda UI dizajn
UI (User Interface) je vizuelni sloj UX-a — konkretan izgled dugmadi, formi, kartica. Ako UX pita “može li korisnik da završi kupovinu”, UI pita “da li dugme ‘Kupi’ izgleda dovoljno primamljivo da neko na njega klikne”.
Sve zajedno na jednom primeru
Zamislimo online prodavnicu obuće. UX stručnjak je istražio da filter za veličinu mora biti odmah vidljiv, bez skrolovanja — jer korisnici inače odustaju. UI dizajner je oblikovao taj filter, boje i ikone. Web dizajner je složio celu stranicu u vizuelno koherentnu celinu. Front-end developer je to pretvorio u kod koji radi u browseru. Back-end developer je povezao filter sa bazom proizvoda koja se ažurira u realnom vremenu.
Svaka karika je bitna. Nedostatak bilo koje — i sajt ili ne radi, ili radi ali niko ne zna kako da ga koristi, ili radi i lako se koristi ali izgleda kao da je iz 2012.
Koga vama zapravo treba angažovati
Za većinu malih i srednjih srpskih firmi, ovo su realne preporuke:
- Manji prezentacioni sajt (5–8 strana): jedan freelancer koji zna i dizajn i WordPress razvoj — sasvim dovoljno
- Sajt sa specifičnim zahtevima korisničkog iskustva: tim iz agencije, UX/UI dizajner plus developer
- Online prodavnica: agencija sa iskustvom u WooCommerce-u ili sličnim platformama
- Mobilna aplikacija: potpuno odvojen tim — to više nije “web dizajn” u klasičnom smislu
Tri greške koje vidimo najčešće
Prva: angažovati dizajnera bez tehničkog znanja, pa naknadno plaćati developera da “prepiše” dizajn u kod — skuplje i sporije nego da su radili zajedno od početka.
Druga: angažovati developera bez dizajnerskog osećaja — dobijate tehnički ispravan, ali vizuelno bezličan sajt.
Treća, i najskuplja: preskočiti UX fazu i odmah krenuti u dizajn. Rezultat je sajt koji lepo izgleda, ali korisnici ne znaju gde da kliknu.
Kratko rečeno
Web dizajn, development i UX su tri različite discipline koje zajedno prave sajt koji i izgleda dobro i funkcioniše. Za većinu srpskih firmi dovoljan je jedan iskusan WordPress stručnjak koji razume obe strane priče. Za kompleksnije projekte, uložite u tim sa jasnom podelom uloga.
Kako da znate šta vama treba
Umesto da birate po nazivu posla, krenite od onoga što vas muči. Simptom skoro uvek pokazuje na tačno jednu od tri oblasti.
| Šta primećujete | Gde je verovatno problem | Koga tražite |
|---|---|---|
| Sajt izgleda zastarelo i ne uliva poverenje | Dizajn | Dizajnera |
| Ljudi dolaze ali ne šalju upit | UX i sadržaj | UX-a i onoga ko piše |
| Nešto ne radi — obrazac, korpa, prijava | Razvoj | Programera |
| Sajt je spor | Razvoj, ponekad priprema slika | Programera |
| Ne mogu sam da menjam sadržaj | Razvoj | Programera |
| Ne znam gde ljudi odustaju | Merenje pa UX | Merenje prvo, pa UX |
Poslednji red je najčešći slučaj kod malih firmi i najlakše se rešava — bez merenja se popravlja nasumično, a sa merenjem se za pola sata vidi gde se gubi.
Šta se pita pri angažovanju
Isto pitanje daje različit odgovor kod dizajnera i kod programera, i po tome se prepoznaje ko šta stvarno radi.
- Da li ćemo sami moći da menjamo sadržaj? Ako odgovor nije jasno potvrdan, svaka kasnija izmena je trošak.
- Ko piše tekstove? Dizajner najčešće ne piše, i to treba da bude jasno pre početka.
- Kako ćemo znati da li novi sajt radi bolje? Odgovor treba da pomene broj upita, ne izgled.
- Šta se dešava sa sadržajem ako kasnije promenimo temu ili izvođača?
- Ko postavlja merenje i na čije ime glase nalozi.
Šta se dešava kada se jedan deo preskoči
Sve tri oblasti postoje na svakom sajtu — pitanje je samo da li ih je neko radio namerno ili su ispale slučajno.
Bez dizajna sajt izgleda improvizovano, a čovek zaključuje o firmi po tome kako sajt izgleda. Kod skupljih usluga to se plaća pre prvog razgovora.
Bez razvoja kako treba sajt je spor, lomi se na telefonu, ili traži programera za svaku izmenu teksta.
Bez razmišljanja o korisniku dobija se sajt koji se svima dopada i niko ne zna šta da uradi na njemu. Ovo je najskuplji propust jer se ne vidi — sve izgleda uredno, a upita nema.
Kako to izgleda u praksi opisano je u tekstu o tome kada lep dizajn koči prodaju.
Koliko koji deo traje
Kod prezentacionog sajta male firme raspodela je otprilike ovakva, i objašnjava zašto rok zavisi od vas više nego od izvođača.
| Faza | Ko radi | Šta najviše usporava |
|---|---|---|
| Planiranje i struktura | Zajedno sa naručiocem | Neodlučnost oko toga šta se prodaje i kome |
| Skica rasporeda | Dizajner ili UX | Preskakanje ove faze — pa se sve rešava na gotovom dizajnu |
| Tekstovi | Naručilac ili pisac | Ovo je uzrok kašnjenja u najvećem broju poslova |
| Dizajn | Dizajner | Izmene bez dogovorenog broja krugova |
| Razvoj | Programer | Povezivanja sa spoljnim uslugama |
| Provere i predaja | Zajedno | Preskakanje provera — obrazac koji ne šalje se otkrije mesecima kasnije |
Zašto tekstovi najviše pomeraju rok objašnjeno je u tekstu o tekstovima za sajt.
Kada vam treba jedan čovek a kada tim
Kod jednostavnog prezentacionog sajta jedan iskusan izvođač pokriva sve tri oblasti dovoljno dobro, i to je kod male firme najčešće najbolji odnos cene i rezultata.
Tim ima smisla kod prodavnica, kod sajtova sa nalozima i povezivanjima, i kod firmi kojima je izgled deo proizvoda. Tada je pokušaj da jedan čovek uradi sve najčešći uzrok kašnjenja.
Poređenje sa agencijom i zaposlenim je u tekstu o agenciji, saradniku ili zaposlenom.
Česta pitanja
Da li mi treba UX dizajner ako imam mali sajt?
Kao zasebna osoba retko. Ali principi se primenjuju i na sajt od pet stranica, i najveći deo se može uraditi bez ikoga — o tome u tekstu o UX dizajnu bez žargona.
Ko je odgovoran ako sajt ne donosi upite?
Retko jedna osoba. Najčešće se ispostavi da je sadržaj tanak, da nema jasnog sledećeg koraka, ili da merenje nikada nije postavljeno pa se ne zna gde se gubi.
Da li dizajner treba da zna i da programira?
Ne mora. Bitnije je da razume kako se sajt kasnije održava, da ne isporuči dizajn koji se ne može izvesti ili menjati.
Šta je skuplje — dizajn ili razvoj?
Zavisi od posla. Kod prezentacionog sajta obično dizajn i sadržaj, kod prodavnice razvoj i povezivanja.
Kako da proverim da li je posao dobro urađen?
Ne po izgledu nego korišćenjem — otvorite sajt na telefonu i pokušajte da uradite ono zbog čega ljudi dolaze. Spisak provera je u tekstu o proveri stanja sajta.
Isti posao iz tri ugla — jedan primer
Uzmimo stranicu na kojoj mala firma nudi popravku bele tehnike. Ista stranica izgleda potpuno drugačije zavisno od toga ko je gleda, i to najbolje pokazuje gde se ove tri oblasti razdvajaju.
Dizajner gleda da li se naslov izdvaja od ostatka, da li je tekst čitljiv na suncu, da li se dugme primećuje, i da li stranica izgleda kao da iza nje stoji ozbiljna firma. Ako je tekst svetlosiv na belom, on to vidi kao problem — i jeste, jer se na telefonu napolju ne čita.
Programer gleda koliko se stranica učitava na mobilnom internetu, da li se sadržaj pomera dok se slike učitavaju, da li obrazac stvarno šalje poruku, i šta se dešava kada neko unese broj telefona sa razmacima. Njegov posao se ne vidi dok ne otkaže.
Onaj ko misli o korisniku gleda nešto treće: da li čovek koji je došao sa pretrage u prve tri sekunde zna da je na pravom mestu, da li piše koliko popravka košta i koliko se čeka, i da li je broj telefona vidljiv bez pomeranja stranice.
U praksi se najviše upita gubi na trećem. Stranica može biti lepa i tehnički besprekorna, a da čovek ne nađe cenu i ode kod nekoga ko ju je napisao. Zato se kod male firme najviše isplati početi od toga — to su izmene koje ne traže ni dizajnera ni programera.
Šta možete sami, bez ikoga
Pre nego što bilo koga angažujete, tri provere koje otkrivaju najveći deo problema i ne koštaju ništa.
- Dajte troje ljudi koji ne poznaju vaš posao tri zadatka — nađi cenu, nađi kako se stupa u kontakt, saznaj da li radite u njegovom mestu. Gledajte bez pomaganja i beležite gde zastaju. Dvadeset minuta ovako otkrije više od svake analize.
- Otvorite sajt na sopstvenom telefonu, napolju, po danu. Sve što tada ne možete da pročitate ili pogodite prstom je problem bez obzira kako izgleda u kancelariji.
- Pošaljite probnu poruku preko svakog obrasca. Obrazac koji tiho prestane da radi posle izmene na sajtu je najskuplji kvar koji postoji, jer se otkrije tek kada neko pita zašto se niste javili.
Nalazi iz ove tri provere su ujedno i najbolji materijal za razgovor sa izvođačem — sa konkretnim spiskom se traži ponuda za određen posao umesto za neodređeno „sređivanje sajta”.
Imate projekat na umu, a niste sigurni šta vam tačno treba? Javite se — kratak razgovor obično brzo razjasni šta vam nedostaje.