39
Mobile UX Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi Janko Jovanović product designer

Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Embed Size (px)

DESCRIPTION

Predavanje "Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi" koje je Janko Jovanović održao na MobileMonday #6 događ‘aju 30. 04. 2012. godine u Beogradu.

Citation preview

Page 1: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Mobile UX Kako napraviti mobilnu aplikaciju koju

će neko zaista hteti da koristi

Janko Jovanović

product designer

Page 2: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Dobra ideja

+

Dobre funkcionalnosti

+

Dobar izgled

=

Uspeh

Page 3: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Dobra ideja

+

Dobre funkcionalnosti

+

Dobar izgled

Uspeh

Page 4: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

User experience

(doživljaj korisnika)

Page 5: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Šta je uopšte UX?

Korisnikovo unutrašnje stanje (predrasude, očekivanja, potrebe, motivacija, predznanje, raspoloženje...) Karakteristike sistema sa kojim korisnik vrši interakciju (namena, kompleksnost, upotrebljivost, funkcionalnost, izgled...) I kontekst u kojem se interakcija odvija (okruženje, socjalne okolnosti, smisao aktivosti...)

Page 6: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

http://www.edlea.com/blog/

Page 7: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

http://www.edlea.com/blog/

Page 8: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

http://www.edlea.com/blog/

Page 9: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Da li si siguran da si gladan?

Page 10: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Dizajniramo pogrešan proizvod!

Page 11: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi
Page 12: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

68,000 reviews

2 stars average rating

Page 14: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

User-centered design

Research/Analiza

IA, UI, IxDA, UX Vizuelni dizajn

Implementacija

Deploy

Page 15: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

User-centered design

Research/Analiza

IA, UI, IxDA, UX Vizuelni dizajn

Implementacija

Deploy

Page 16: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

User-centered design

Research/Analiza

IA, UI, IxDA, UX Vizuelni dizajn

Implementacija

Deploy

Page 17: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

User-centered design

Research/Analiza

IA, UI, IxDA, UX Vizuelni dizajn

Implementacija

Deploy

Page 18: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

User-centered design

Research/Analiza

IA, UI, IxDA, UX Vizuelni dizajn

Implementacija

Deploy

Page 19: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

User-centered design

Research/Analiza

IA, UI, IxDA, UX Vizuelni dizajn

Implementacija

Deploy

Page 20: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

User-centered design

Research/Analiza

IA, UI, IxDA, UX Vizuelni dizajn

Implementacija

Deploy

Page 21: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Mobilni uređaji

i UX

Page 22: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Mobilni nije isto što i desktop ili

laptop kompjuter

Page 23: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Kompjuter: Predvidivo okruženje, veliki ekran, multi-tasking, tastatura i miš kao inputi

Mobilni: Veoma promnljivo okruženje i kontekst, mali ekran i ograničeno unošenje teksta, UI zauzima ceo ekran, multi-tasking je skoro nemoguć, dodir kao input

Page 24: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Smanjena pažnja, dekoncentracija i

stalni prekidi

Page 25: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Ljudi imaju emotivni

odnos prema svojim

mobilnim uređajima “Ja sam moj telefon”

Page 26: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Saznajte ko su

korisnici motivacija, skrivene potrebe, ciljevi, navike,

relevantno znanje i iskustvo, kulturološke i

socijalne specifičnosti, pa i demografski podaci

Page 27: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Fokusirajte se na

potrebe, a zatim na

konkretne aktivnosti

Page 28: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Fokusirano, ne

minimalizovano

Page 29: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Konzistentnost doživljaja na uređaju, ne

konzistentnost na svim platformama

Page 30: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

- Responsive design

- Native apps/frameworks

- Mobile first

Page 31: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi
Page 32: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi
Page 33: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Veličina JESTE bitna, šta god vi mislili

Veličina direktno utiče na posvećenost aktivnostima

Page 34: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Sudiće vam po izgledu

Page 35: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Neka stvari budu očigledne

Page 36: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Obuzdajte se.

80% korisnika koristi

20% funckionalnosti

Page 37: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Još par kratkih saveta

- “Top-down” dizajn

- Gestures: zanimljivo ali ne i nezamenljivo

- Izbacite podešavanja ako možete

- Save: samo ako je neophodno

- Promena orijentacije

- Interaktivni elementi dovoljno veliki

- Modalni prozori samo kada je baš neophodno

- Trenutni feedback

Page 38: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Zaboravite sve što ste

čuli, idite tamo gde su

korisnici i posmatrajte.

Učestvujte. Crtajte i

prototipujte. Testirajte.

Page 39: Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

Pitajte.

• Web:

www.jankoatwarpspeed.com

• Email:

[email protected]

• Twitter: @jankowarpspeed

ili online:

Sada

Posle, uz piće

Hvala.