uvod u ux dizajn 2. deo
TRANSCRIPT
![Page 1: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/1.jpg)
uvod u ux dizajn 2. deoNovi Milenković · UX Evangelist · novi.xyz · yskra.com
![Page 2: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/2.jpg)
uvod u UX dizajn
osnove informacione arhitekture
card sorting
user flow
korisničke priče i persone
prototip
lean metoda
testiranje
dark patterns
![Page 3: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/3.jpg)
information architectureOrganizacija podataka i bibliotekarstvo
Označavanje, kategorizacija i taksonomija
Navigacija i pretraga
Usmeravanje korisnika ka cilju
![Page 4: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/4.jpg)
![Page 5: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/5.jpg)
card sortingKvantitativna istraživačka metoda
Organizacija proizvoda ili usluga u kategorije
Otvoreno ili zatvoreno
Individualno ili grupno
![Page 6: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/6.jpg)
user flowsled koraka ili klikova kroz koje prolazi korisnik da bi
od prve interakcije sa proizvodom došao do cilja
![Page 7: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/7.jpg)
user storykratak opis tipičnog korisnika i njegove potrebe ili
problema
![Page 8: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/8.jpg)
Ja volim da vežbam, ali provodim puno vremena na poslu. Treba mi lak
i brz način da pratim i organizujem svoje treninge.
![Page 9: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/9.jpg)
personaArhetip korisnika
Zasnovana na podacima ili proto persona
Ime, slika, citat, opis
![Page 10: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/10.jpg)
![Page 11: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/11.jpg)
Ime STAV:Cilj, potreba, želja. Zašto radi šta radi? Kakvi su stavovi, očekivanja, shvatanja proizvoda. Šta motiviše personu da koristi proizvod? Koji trendovi, shvatanja i razmišljanja su primenjivi na personu?
PONAŠANJE:Kako se ponaša dok koristiproizvod? Šta funkcioniše dobro za njega, kakve probleme može da ima sa proizvodom? Da li reaguje brzo ili sporo? Donosi odluke emotivno ili na osnovu činjenica?Kako izgleda prosečan dan persone?
Godine
Profesija
Edukacija
“Citat koji opisuje ovu personu.Korisnička priča.”
Bračno stanje
Ličnost
Veštine
Interesovanje
![Page 12: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/12.jpg)
prototipBilo šta sa čim korisnik može da ima interakciju
Papirni ili mockups, HTML, Keynote/Powerpoint,
aplikacije
Sketch, Invision, Principal, Axure, Balsamiq
Uvek stavljamo pravi tekst
![Page 13: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/13.jpg)
lean UXPrvo treba definisati pravo pitanje pa onda pronaći
odgovor
Proizvod se sastoji samo iz opcija koje su neophodne
da prepoznamo da li je naša pretpostavka tačna
Napredak se meri naučenim lekcijama
![Page 14: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/14.jpg)
google design sprint
![Page 15: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/15.jpg)
pripremaVeliki problem
Bez drugih obaveza
Ljudi, prostor, oprema i podaci
Zakazivanje testa sa korisnicima pre početka
![Page 16: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/16.jpg)
Ponedeljak
Otvaranje
Utorak
Skice
Sreda
Odluka
Četvrtak
Prototip
Petak
Test
![Page 17: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/17.jpg)
otvaranjeBrainstorming
HMW
User story
Postavljanje cilja i uspeha
![Page 18: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/18.jpg)
merge & pick ideas
no one is in charge
prepare relevant
datain advance
there are no rules,be crazy
don’t rush ideas,don’t
discard them
too soon
avoid hive-mind
behavior
don’t criticize,
don’t judge
![Page 19: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/19.jpg)
skiceMind Map (10-15 min)
Crazy 8s (5 min)
Storyboard (10-20 min)
Silent Critique (5-10 min)
Critique (3 min / idea)
Super Vote (5 min)
Repeat (2-3x)
Odabir korisnika za test
![Page 20: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/20.jpg)
odlukaRazličita mišljenja
Analiza konflikta
Najbolje rešenje ili najjednostavnije rešenje
Odabir učesnika u testu
![Page 21: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/21.jpg)
prototipBilo šta sa čim korisnik može da ima interakciju
Papirni ili mockups, HTML, Keynote/Powerpoint,
aplikacije
Sketch, Invision, Principal, Axure, Balsamiq
Uvek stavljamo pravi tekst
make-a-prototype-in-powerpoint
Pregled sa nekim van tima
![Page 22: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/22.jpg)
testTest prototipa u timu
1 on 1
Beleške i šeme
Webcam, livestream (Skype, Hangouts, GoToMeetings,
CamTasia, IceCream SR…)
![Page 23: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/23.jpg)
test upotrebljivostiTokom celog procesa razvoja
Jednom mesečno
Jutarnje testiranje, zatim analiza i odluka do kraja
dana
Minimum 3 korisnika
Opušten sistem nalaženja ispitanika
On-site testing
![Page 24: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/24.jpg)
Moderated – Unmoderated
Scripted – Nonscripted
Remote – On-site
Contextual – Out of context
![Page 25: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/25.jpg)
UX labOn-site test
Kombinacija intervjua i testa
Moderated & scripted
One person with user, other watch live feed
Computer or device, webcam, internet
![Page 26: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/26.jpg)
![Page 27: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/27.jpg)
uspehJasno definisan cilj testa i parametri uspeha
Potvrda zakazanih termina dan ranije
Potvrda pretpostavke ili kauzalnosti
Prepoznavanje šema u ponašanju i stavu, i način na
koji šeme utiču na korišćenje proizvoda
![Page 28: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/28.jpg)
problemiNedefinisan cilj
Predugo trajanje testa i previše podataka
Neiskusan intervjuer
Svaki test je neuspešan
Testiranje usporava rast
![Page 29: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/29.jpg)
dark patternsCilj je da nateramo korisnika da učini nešto što inače
ne bi želeo
Trik pitanja, default opt-in, skrivanje opcija, prisiljen
produžetak, UX hell…
![Page 30: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/30.jpg)
![Page 31: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/31.jpg)
![Page 32: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/32.jpg)
![Page 33: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/33.jpg)
![Page 34: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/34.jpg)
![Page 35: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/35.jpg)
![Page 36: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/36.jpg)
![Page 37: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/37.jpg)
optimalworkshop.com
usertesting.com
konceptapp.com
unbounce.com
crazyegg.com
clicktale.com
usabilityhub.com
openhallway.com
optimizely.com
![Page 38: Uvod u UX dizajn 2. deo](https://reader030.vdocuments.pub/reader030/viewer/2022021423/589b8b631a28abc0098b5429/html5/thumbnails/38.jpg)
nngroup.com
smashingmagazine.com
uxpin.com
medium.com
uxdesign.cc
blog.intercom.com
usertesting.com/blog