Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Android Design - Dropping iOS Patterns

9,542 views

Published on

An introduction to the differences are between designing for iOS and Android.

Published in: Design
  • Be the first to comment

Android Design - Dropping iOS Patterns

  1. 1. Designing For Android Dropping iOS Patterns @jsonfry
  2. 2. What? • • Designing Specifically for Android How it differs from iOS design
  3. 3. What you might already know?
  4. 4. Basics of designing for small touch screens • • • • • Large tap area, don’t make tiny buttons Prioritise content Minimal user input Intermittent connectivity (Have used an Android device)
  5. 5. Back To Android
  6. 6. Android Design is NOT:
  7. 7. Android Design is NOT:
  8. 8. Android Design is NOT:
  9. 9. Why? • Users’ Learnt Behaviours
  10. 10. Side Note • Don’t make a soft iOS style back button • Up button
  11. 11. Side Note • Don’t make a soft iOS style back button • Up button
  12. 12. Why? • Users’ Learnt Behaviours
  13. 13. View Stack
  14. 14. bit. View Stack ly/i nte nts 2
  15. 15. View Stack • • Like Browser Back Button Subtle Animations
  16. 16. Up Button
  17. 17. Up Button
  18. 18. Up Button
  19. 19. Up Button
  20. 20. So what then?
  21. 21. Navigation Drawers & Action Bars!
  22. 22. Navigation Drawer
  23. 23. Navigation Drawer
  24. 24. Navigation Drawer er raw avd y/n it.l b
  25. 25. Action Bar
  26. 26. Action Bar
  27. 27. Action Bar
  28. 28. Where are tabs useful?
  29. 29. Other ways to filter content
  30. 30. View Control
  31. 31. View Control
  32. 32. Icons
  33. 33. Icons • • • App Icon Notification Icon Context Menu Icons
  34. 34. Icons • • • App Icon Notification Icon Context Menu Icons icons android bit.ly/
  35. 35. Icons • • • App Icon icons android bit.ly/ Notification Icon Context Menu Icons bit.ly/assetstudio
  36. 36. Loading Modal Dialogs
  37. 37. Other Modal Dialogs
  38. 38. NO!
  39. 39. NO!
  40. 40. Toasts
  41. 41. Status Bar Notifications
  42. 42. Ongoing Notifications • • Anything in the background E.g. • • • Music Downloading Updating status
  43. 43. ngoing Notifications • • Anything in the background E.g. • • • Music Downloading Updating status
  44. 44. Ambient Notifications
  45. 45. Expanding Notifications
  46. 46. Expanding Notifications
  47. 47. Lists
  48. 48. Different Screen Sizes & Densities
  49. 49. Different Screen Sizes & Densities screens ndroid bit.ly/a
  50. 50. Other Little Extras
  51. 51. Other Little Extras • • • Don’t use a splash screen Don’t use full screen Double tap is only used for zooming
  52. 52. Other Little Extras • • • Don’t use a splash screen Don’t use full screen bit.ly/A Double tap is only used for zooming ndroidDesig nGuide lines
  53. 53. Thanks! • jasonfry.co.uk • @jsonfry

×