Da korisnik pronađe ono zbog čega je došao
Informacijska arhitektura povezuje strukturu, navigaciju i nazive sa načinom na koji korisnik razume zadatak.
UX/UI DIZAJN
UX počinje od odluke koju korisnik pokušava da donese, ne od rasporeda elemenata
Interfejs treba da smanji neizvesnost, pokaže prioritete i pomogne korisniku da završi zadatak. Vizuelni sistem dolazi nakon razumevanja sadržaja, toka i konteksta upotrebe.
UX MAPA
Svaki ekran mora da zna odakle korisnik dolazi i šta pokušava da uradi dalje.
Primarne i sekundarne tokove povezujemo sa sadržajem, greškama i stanjima koja nastaju tokom stvarne upotrebe.
- 01
Problem
Korisnički i poslovni cilj, kontekst i ograničenje koje danas stvara trenje.
- 02
Korisnički tok
Koraci, odluke, alternative i povratne informacije kroz ceo zadatak.
- 03
Hijerarhija
Šta je primarno, šta je pomoćno i kada informacija postaje potrebna.
- 04
Interfejs
Komponente, stanja i vizuelni sistem koji podržavaju potvrđenu logiku.
DESIGN-IN-CODE
Ne komentarišete statičnu sliku. Testirate stvarnu verziju interfejsa.
Privatni Live Preview omogućava da proverite responzivnost, prioritet akcija, dužinu sadržaja i osećaj korišćenja pre nego što odobrite dalji razvoj.
- Komentari se odnose na stvarno ponašanje, ne zamišljenu implementaciju.
- Mobilni i desktop kontekst proveravaju se u istoj fazi.
- Rizik otkrivamo dok je promena jednostavnija i jeftinija.
OBLASTI KOJE POVEZUJEMO
Dobar UX upravlja informacijom, očekivanjem i povratnom reakcijom sistema.
Ne dizajniramo samo idealan tok. Greške, prazna stanja, čekanje i povratak korisnika deo su istog iskustva.
Tokovi i forme
Primarne akcije, validacije, greške i oporavak bez gubitka konteksta.
Mobilni kontekst
Prioriteti, dodir, mali ekran i prekidi koji menjaju način korišćenja.
Jasan sledeći korak u svakom stanju
Loading, empty, success, error i permission stanja objašnjavaju šta se dogodilo i šta korisnik može dalje da uradi.
Poverenje
Dokazi, očekivanja, privatnost i posledice akcije prikazani pre potvrde.
Upotrebljivo za širi krug ljudi
Kontrast, fokus, tastatura, semantički HTML i čitljivost uklanjaju prepreke korisnicima sa različitim potrebama i načinima korišćenja.
STVARNI PROJEKAT · Wise Food Lab
Planiranje obroka nije jedan ekran, već niz zavisnih odluka.
Wise Food Lab povezuje ciljeve, recepte, namirnice, kupovinu i troškove. UX mora da održi kontekst kroz složen proces, a da korisniku ne prikazuje svu složenost sistema odjednom.
Pogledajte UX kontekst projekta
NASTAVITE ISTRAŽIVANJE
Povežite korisnički tok sa razvojem i načinom rada.
ČESTA PITANJA
Pitanja o UX/UI procesu.
Dizajn nije izolovana faza ukrašavanja, već način da se poslovna logika učini razumljivom i upotrebljivom.
Da li prvo dobijamo statične dizajn fajlove?
Naš osnovni proces je design-in-code. Nakon razumevanja cilja i UX planiranja dobijate privatni Live Preview stvarne responzivne verzije koju možete da testirate na telefonu, tabletu i računaru.
Da li radite samo UX/UI bez razvoja?
Moguće je ugovoriti UX i strukturu kao zasebnu fazu kada rezultat ima jasan format i odgovornost za kasniju implementaciju. Ipak, naš glavni proces povezuje dizajn i razvoj kako bi odluke bile proverene u stvarnom interfejsu.
Kako odlučujete šta je primarna akcija?
Polazimo od korisničkog zadatka i poslovnog cilja. Primarna akcija mora da bude logičan sledeći korak u konkretnom kontekstu, a ne samo vizuelno najjače dugme.
Da li testirate pristupačnost?
Kontrast, fokus, tastatura, semantika, veličine interaktivnih elemenata i čitljivost proveravaju se tokom razvoja. Dubina formalnog audita zavisi od obima i zahteva projekta.
SLEDEĆI KORAK
Koju odluku ili zadatak vaš korisnik danas teško završava?
Opišite proces, publiku i mesto na kojem nastaje zabuna. Ne morate unapred imati ekran ili gotovu specifikaciju.
Opišite korisnički problem