Najčešći izrazi objašnjeni na jednostavnom srpskom jeziku.
- Wireframe
Wireframe je pojednostavlјeni prikaz vašeg web sajta ili aplikacije. Sastoji se od linija i teksta koji mogu da budu ručno nacrtani ili elektronski. Fokus wireframe-a treba da budu strukturni elementi koji predstavlјaju prioritet. U ovoj fazi vizuelni dizajn i boja nisu predstavlјeni. Kao i slika prikazana dole.
Low-fidelity wireframe
- Mockup
Mockup je simulacija proizvoda visoke vernosti. Ima bogatiji vizuelni element od wireframe-a, uklјučujući grafiku, izgled i stil. Mockup se fokusira na to kako će korisnici interpretirati dizajn kroz njegove vizuelne elemente.
Wireframe, mockup i prototype
- Prototype
U poređenju sa wireframe-ovima, prototype su fleksibilniji. Mogu biti odzivni i mogu da sadrže slike ili sadržaj. Prototype su napravlјeni od papira ili digitalnih alata poput Adobe XD. Svi wireframe-ovi su prototype, ali samo male vernosti bez mnogo detalјa. Ali prototype visoke vernosti nije wireframe. Dovodi vas približno do stvarnog prikaza korisničkog interfejsa i korisnicima bi trebalo da se čini kao pravi softver.
Prototyping On A Budget. NATE DESCHAINEP, 2018.
- A/B Testing
A / B testiranje je kontrolisani eksperiment za poređenje dve verzije dizajna. Cilј je utvrditi koji je uspešniji. To je način testiranja hipoteza dizajnera. A / B testiranje im omogućava da potvrde da li će hipoteze dobro funkcionisati ili ne. Pomaže vam u donošenju ispravnih odluka.
A/B testing. Illustration by: Philip Clark
- Affordance
Affordance je osobina predmeta koja je omogućila radnje. Korisnici bi trebalo da razumeju affordance neke karakteristike objekta, a da ne moraju da znaju kako da je koriste. Rečju, cena je nagoveštaj za korisnike da stupe u interakciju sa proizvodom. Na primer, dugme treba da bude dizajnirano tako da izgleda kao da treba da bude pritisnuto.
Primeri affordance-a.
- Accessibility
Accessibility se odnosi na korisnike sa invaliditetom ili posebnim potrebama. Fokusira se na to mogu li ti korisnici da pristupe jednakom korisničkom iskustvu. Uobičajene prepreke problemima pristupačnosti su slepilo u boji, poteškoće sa sluhom, zabrinutost korisnika invalidskih kolica itd.
- Clickstream
Clickstream je način prikuplјanja i analize podataka za praćenje postupaka korisnika. Obično se to dešava tokom interakcije korisnika sa proizvodom. Takođe, to je metoda za dobijanje nepristrasnih kvantitativnih podataka o ponašanju korisnika.
Primer clickstream analiza
- Diary Study
Diary study je način istraživačke metode koja se koristi za prikuplјanje kvalitativnih podataka o ponašanju korisnika tokom vremena. Obično je dizajniran za razumevanje dugoročnog ponašanja i iskustava korisnika.
Vremenska linija aktivnosti koje se odvijaju tokom tične diary study. Nielsen Norman Group, 2020.
- Card Sorting
Card sorting je istraživačka metoda kojom učesnici označavaju beleške prema određenim kriterijumima. Pomaže dizajnerima da strukturiraju sadržaj kojim je se lako kretati unutar informacione arhitekture.
Card sorting primer roditelja koji traže novu školu za njihovo dete
- KPI — Key Performance Indicator
KPI je način praćenja ili merenja napretka ka cilјu. Oxford-ov rečnik kaže da je to merlјiva mera koja se koristi za procenu uspeha organizacije u postizanju cilјeva. Drugim rečima, KPI je način da se pokaže gde su praznine i gde treba usmeriti više pažnje. KPI može da se koristi na svakom nivou u organizaciji za praćenje.
Primer Key Performance Indicator-a
- Mood Board
Mood board je kolekcija funkcija kao što su fontovi, slike, ikone i drugi elementi korisničkog interfejsa. Oni pomažu u definisanju umetničkog pravca projekta. On bi takođe trebalo da bude usredsređen na zadovolјavanje potreba korisnika i rešavanje problema.
Primer mood board-a
- Heat Map
To je mapa koja vam govori na koji deo web stranice je korisnik više fokusiran. Koristi šemu boja u rasponu od toplih boja, poput crvene i plave ka hladnijem kraju spektra boja. Toplija područja kažu da su to područja na koja se korisnici fokusiraju više.
- Eye Tracking
Eye-tracking je merenje aktivnosti očiju na ekranu. Uklјučuje merenje bilo gde je oko fokusirano ili kretanje oka kao pojedinca koji pregledava web stranicu. Možete da dobijete informacije o tome šta korisnici najviše gledaju i kojim redosledom.
Slika iz Don’t Make Me Think od strane Steve Krug, 2013.
- Fishbone Diagram
To je dijagram dizajniran da vizualizuje sve potencijalne uzroke problema radi otkrivanja osnovnog uzroka. Glava ribe navodi problem, a kosti duž kičme predstavlјaju kategorije faktora. Kada se pravilno primeni, osigurava da se bavite stvarnim uzrokom problema.
Fishbone Diagram
- Tech debt
Technical debt ili design debt je trošak više prerade nastao odabirom jednostavnog rešenja sada. Umesto da koristimo bolјi pristup koji bi trajao duže. Na primer, razvojni timovi bi krenuli prečicama da bi brže isporučili funkcionalne proizvode. Zatim bi kasnije ponovo radili na tome kako bi zadovolјili standardni kvalitet.