mobile sketching

19
MOBILE SKETCHING. ANDROID AND IOS DIFFERENCE. ILY A LI SOVYY

Upload: ciklum

Post on 15-Jan-2015

216 views

Category:

Technology


1 download

DESCRIPTION

The First Ciklum DP Android Practice Leaders Community Meet-Up. By Ilya Lisovoy, Android developer with 2+ years of experience, who loves amazing apps with innovations and best UX practices. Mobile prototypes for Android and iOS,- the difference between them, and why is it bad to make universal design for all platforms; adapting the design of one mobile platform to another; simple tips for designers from developers.

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