Download - Mobile sketching

Transcript
Page 1: Mobile sketching

MOBILE S

KETCHIN

G.

ANDROID A

ND IOS

DIFFERENCE.

I LYA

LI S

OV

YY

Page 2: Mobile sketching

CHALLENGE

iOS Design

Android Design

Page 3: Mobile sketching

MAKE IT BETTER

Change UX :

- Navigation

- View switching

- Tab bars

- Context - based controls

- Slide Navigation Menus

- Spinners

- View style

Page 4: Mobile sketching

NAVIGATION TOP BAR WITH ACTION BAR

Page 5: Mobile sketching

SLIDE NAVIGATION MENU

Page 6: Mobile sketching

NAVIGATION DRAWER

Page 7: Mobile sketching

BACK NAVIGATION

Page 8: Mobile sketching

BACK NAVIGATION

Page 9: Mobile sketching

VIEW SWITCHING

Page 10: Mobile sketching

TABS WITH BOTTOM BAR

Page 11: Mobile sketching

CONTEXT - BASED CONTROLS IN VIEWS

Page 12: Mobile sketching

CONTEXT - BASED CONTROLS IN VIEWS

Page 13: Mobile sketching

SPINNERS

Page 14: Mobile sketching

SPINNERS

Page 15: Mobile sketching

SPINNERS

Page 16: Mobile sketching

VIEW STYLE

Android

iOS

Windows Phone

Page 17: Mobile sketching
Page 18: Mobile sketching

USEFUL LINKS

Android design principles http://developer.android.com/design/get-started/principles.html

Designing for iOShttps://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/

UX bloghttp://www.uxcentral.com/

Page 19: Mobile sketching

THANK YOU FOR ATTENTION

?

Ilya Lisovyy, Android Developer

[email protected]

ilya.lisovyy

id=227112207


Top Related