Talk at Code Motion Tel Aviv about what's the difference between iOS and Android, how it's affecting UX and why every developer should worry about it

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
Academy

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 meaningBold, 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