Rad sa UX dizajnerom: šta možete očekivati (i šta ne)

Angažovali ste programera i znate kako to ide. Angažovali ste kopirajtera i tu je proces relativno jasan. Ali kada prvi put angažujete UX dizajnera za svoj SaaS proizvod, odjednom imate niz pitanja na koja niko nije dao direktan odgovor.

Šta tačno dobijate? Koliko traje? Šta se od vas traži? I zašto toliko košta?

Ovaj post postoji upravo zbog toga. Bez prodajnog tona, bez maglovitih obećanja, samo konkretan pregled kako izgleda rad sa UX dizajnerom, korak po korak, od prvog mejla do isporuke finalnih fajlova.

Zašto toliko SaaS osnivača krene pogrešno

Najčešći scenario koji vidim: osnivač dolazi sa idejom, kratkim rokom i rečenicom „treba mi samo da lepo izgleda.“ Za dve nedelje počinju nesporazumi. Za mesec dana niko nije zadovoljan.

Problem nije loš dizajner. Problem je što niko nije postavio očekivanja.

UX dizajn nije dekoracija. Nije poslednji korak pre lansiranja. To je istraživački i strateški proces koji se tiče toga kako vaš korisnik razmišlja, gde se gubi i zašto ne završava ono što ste zamislili da uradi. Što pre to razumete, brže ćete imati proizvod koji zapravo radi.

Faza 1: upoznavanje (discovery), razumevanje pre crtanja

Svaki ozbiljan UX dizajner počinje ovde. Pre nego što se otvori Figma, potrebno je razumeti kontekst.

U ovoj fazi možete očekivati:

• Uvodni (kick-off) poziv od 60 do 90 minuta, na kome dizajner postavlja pitanja o vašem biznisu, korisnicima, konkurenciji i ciljevima. Ovo nije ćaskanje, već osnova svega što dolazi.

• Pregled postojećeg stanja: ako imate proizvod, dizajner će proći kroz njega kao da je korisnik. Zabeležiće gde se koleba, gde je zbunjen, gde odustaje.

• Definisanje problema: ne „napravite mi bolji onboarding“, već „korisnici ne završavaju podešavanje jer ne razumeju vrednost koraka 3.“

Šta se od vas traži: vreme i iskrenost. Što više delite (analitiku, korisničke intervjue, povratne informacije koje ste dobili), to bolji posao dizajner može da uradi. Ako niste sigurni šta sve treba da imate spremno, pomoći će vam kontrolna lista za pripremu pre naručivanja sajta. Većina stavki važi i za digitalni proizvod.

Trajanje: 3 do 7 dana, zavisno od složenosti proizvoda.

Faza 2: istraživanje korisnika, podaci umesto pretpostavki

Ovo je deo koji mnogi osnivači žele da preskoče. Ne treba.

Korisničko istraživanje ne mora da bude skupo ni dugotrajno. Pet dobro postavljenih intervjua sa stvarnim korisnicima može da promeni celu strategiju dizajna. Dizajner će ili sam sprovoditi intervjue, ili analizirati podatke koje vi već imate: razgovore sa korisničkom podrškom, NPS komentare, snimke sesija iz Hotjara ili sličnog alata.

Na osnovu toga nastaje mapa korisničkog puta (user journey map), tj. vizuelni prikaz svakog koraka koji vaš korisnik prolazi, zajedno sa mestima na kojima zapinje i trenucima odluke.

Ovo je možda najvrednija stvar koju ćete dobiti iz celog angažmana. Čak i ako se dizajn promeni, razumevanje korisnika ostaje.

Šta se od vas traži: pristup podacima i, idealno, kontakt sa bar 3 do 5 postojećih ili potencijalnih korisnika za kratke intervjue.

Trajanje: 5 do 10 dana.

Faza 3: wireframes, struktura pre izgleda

Tek sada počinje vizuelni deo, ali još uvek ne onaj koji vi zamišljate.

Wireframe je crno-beli, ogoljeni prikaz ekrana. Bez boja, bez fontova, bez ilustracija. Samo raspored elemenata, hijerarhija informacija i tok između ekrana.

Zašto ovako? Jer je ovde najlakše i najjeftinije menjati stvari. Promena rasporeda dugmeta u wireframeu traje pet minuta. Ista promena u finalnom dizajnu može da poremeti sve.

U ovoj fazi dobijate:

• Wireframe za svaki ključni ekran ili tok (onboarding, dashboard, ključna akcija, upravljanje nalogom i slično)

• Interaktivni prototip koji se klika: možete „prošetati“ kroz proizvod pre nego što se napiše ijedna linija koda

• Prostor za povratne informacije i izmene

Ovo je trenutak kada treba biti najaktivniji kao klijent. Komentarišite, postavljajte pitanja, recite kada nešto ne odgovara vašoj viziji. Mnogo je lakše promeniti wireframe nego gotov dizajn.

Trajanje: 7 do 14 dana.

Faza 4: UI dizajn, sada dolaze boje

Kada je struktura odobrena, kreće vizuelni dizajn. Ovo je deo koji osnivači najčešće jedva čekaju, i razumem zašto. Konačno izgleda kao pravi proizvod.

Ovde nastaje:

• Dizajn sistem: skup boja, tipografije, komponenti (dugmad, forme, kartice, tabele) koji obezbeđuje konzistentnost kroz ceo proizvod

• Finalni (high-fidelity) ekrani: konačan izgled svakog ekrana, spreman za implementaciju

• Specifikacije za programere: napomene, mere, opisi interakcija, izvoz grafičkih elemenata

Dobar UI dizajn nije samo estetika. Boja dugmeta utiče na konverziju. Veličina fonta utiče na to koliko brzo korisnik razume informaciju. Razmak između elemenata određuje da li interfejs deluje profesionalno ili amaterski.

Šta se od vas traži: smernice brenda ako ih imate (logo, boje, font) i povratne informacije na predložene pravce vizuelnog identiteta.

Trajanje: 10 do 21 dan, zavisno od broja ekrana.

Faza 5: primopredaja (handoff) i podrška

Posao dizajnera ne završava se isporukom Figma fajla.

Ozbiljan dizajner će:

• Organizovati sastanak za primopredaju sa vašim programerima na kome objašnjava logiku ekrana i odgovara na pitanja

• Biti dostupan tokom implementacije za pitanja i male ispravke

• Po dogovoru, raditi i QA pregled, to jest proveriti da li implementacija odgovara dizajnu

Ovo je razlika između dizajnera koji isporučuje fajl i dizajnera koji isporučuje rezultat.

Šta ne možete očekivati

Budimo iskreni i o ovome.

Ne možete očekivati čuda za dve nedelje. Ako vaš onboarding suštinski ne radi, nema brzog rešenja. Treba vremena da se problem razume, reši i testira.

Ne možete očekivati da dizajner donese sve odgovore. Dizajner radi sa podacima koje ima. Što manje informacija dobije, to su pretpostavke veće i rizik veći.

Ne možete očekivati da se ne uključite. Ovo je možda najveći mit. Mnogi osnivači misle da angažuju dizajnera da bi oni mogli da se bave nečim drugim. Zapravo, najuspešniji projekti su oni gde je osnivač aktivan sagovornik: dostupan, otvoren za povratne informacije i spreman da brani odluke koje se tiču biznisa.

I ne možete očekivati da se dizajn ne menja. Dobar dizajn je živ. Testiraće se, meriće se i dograđivaće se. Prihvatite to kao prednost, a ne kao manu.

Kako da znate da angažujete pravog dizajnera?

Na kraju, nekoliko praktičnih znakova:

• Pita o vašim korisnicima pre nego što priča o estetici. Loš znak je ako odmah traži brandbook i kreće da bira boje.

• Ima jasno definisan proces koji može da objasni u pet minuta.

• Može da pokaže rezultate, ne samo lepotu. Studije slučaja koje uključuju konverzije, retenciju ili korisničke metrike vrednije su od portfolija punog vizuelno impresivnih ekrana.

• Postavlja neprijatna pitanja. „Zašto baš ova funkcija?“ ili „Imate li dokaz da korisnici to žele?“ su znak da razmišlja o vašem biznisu, ne samo o svom poslu.

Ako želite da vidite kako ovaj proces izgleda na stvarnim projektima, pogledajte UX/UI dizajn CRM platforme SimpleCRM i dizajn aplikacije Balkanaukcija, platforme za aukcijsku prodaju vozila firme Balkanauto.

Zaključak

Rad sa UX dizajnerom je investicija u razumevanje vaših korisnika, u strukturu proizvoda i u dugoročni rast. Ali kao svaka investicija, daje rezultate samo ako znate šta kupujete.

Sada znate.

Isti proces važi i kada dizajnera ne angažuje osnivač, nego agencija kojoj treba pojačanje na projektu. O tome više u tekstu kada agencija treba spoljnog dizajnera.

Primer rada na jednom SaaS proizvodu je dizajn CRM platforme SimpleCRM.

Ako ste u fazi kada razmišljate o prvom ili sledećem dizajnerskom angažmanu za svoj SaaS, slobodno me kontaktirajte. Rado ću proći kroz vaš konkretan slučaj i reći vam iskreno u kojoj fazi bi saradnja imala najviše smisla.