This document discusses best practices for designing mobile user experiences that transition between iOS and Android platforms. It emphasizes that iOS and Android have different design philosophies and patterns that must be understood. Specifically, it notes that iOS focuses on simplicity, clarity and depth while Android follows Material Design principles of bold graphics and intentional motion. Directly porting an iOS design to Android is discouraged as the two platforms have different navigation, buttons, notifications and other interface conventions. The document provides an overview of major Android design components and patterns to consider when adapting a mobile experience for both platforms.

1. Mobile UX:
Fruit or Delicious Sweets

2. Yonatan Levin

3. > 10M users
Ruby, Golang,
Python,
Android, iOS
52 cities

4. > 1000
members
Largest
StudyJam
in the World
Android
Academ
y

5. Our menu?
➔How to convert iOS to Android
➔Know the rules
➔Talk language of your users
➔Design Patterns

6. How to convert iOS to Android?

7. Real story:
Product: We have new feature
Design: Here the mockup
Android Developer: It’s iOS mockup
Design: No problem. Use the same for Android.

8. You don’t!

9. Really,
Don’t!

10. Really,
Don’t!

11. “It’s important to understand the idioms and behaviors of each platform
before you start design and development.”

12. iOS & Android Different Patterns

13. General Style
iOS - flatter design style driver by 3 core
philosophies: deference, clarity and depth.
Content is a king

14. Android - Material Design

15. Material is the metaphor Motion provides
meaning
Bold, graphic,
intentionally
Principles

17. Trello
“One of our guiding themes during the
Material redesign was simplicity, and we
think this paid off nicely.”
Hamid
Mobile Lead

18. Trello
10% increase in sessions per user
per week.
42% more boards created per
session.
63% more people added to boards
per session.

19. So if i convinced you,
Let’s start a work :)

20. Real Buttons

21. Status Bar

22. Status Bar & ToolBar
Material Design

23. Navigation

24. https://design.google.com/articles/design-from-ios-to-android/

26. Cards

27. Typography
Roboto San Francisco

28. Grids - ‫קווי‬‫מתאר‬
Multipliers of 8dp

29. Button styles

30. Dropdown - Android only

31. Segmented controls

32. Dialogs

33. Icons

34. UI Controllers - Loading

35. Notifications

36. Notifications - the cool part

37. Gestures - Long Press

38. So , what so special about Android

39. Apps vs. Activities
Let’s ask some one else to work hard

40. Designing for multiple screen

41. DP - density independent pixels

42. SP - same as DP but scaleable
Normal Large Huge

43. 9 patch

44. Widgets

45. So… Now you know all
major components

46. Don’t afraid to experiment

48. Good sources
Google Material Design (General)
Google Material Design (Patterns)
androidux.com
pttrns.com
materialup.com

49. levinyon@gmail.com
facebook.com/levin.yonatan