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 patterns

2,886 views

Published on

Presentation for @androidAlliancePhilly on UI design patterns, both established and emerging, on the Android platform.

  • Be the first to comment

Android design patterns

  1. 1. Investigating Android Design Patterns<br />Arpit Mathur (@arpit)<br />Software guy, <br />Comcast Innovation Labs<br />
  2. 2. Caveat<br />Design Enthusiast….so not a real designer!!<br />
  3. 3. The search for a world clock…<br />
  4. 4. http://www.challishodge.com/from-experience-to-trust/<br />
  5. 5. Design Patterns<br />Interaction design patterns are a way to describe solutions to common usability or accessibility problems in a specific context.<br />They document interaction models that make it easier for users to understand an interface and accomplish their tasks.<br />
  6. 6. Sources<br />http://www.youtube.com/watch?v=M1ZBjlCRfz0<br />
  7. 7. 1) Getting to all the functionality<br />
  8. 8. Dashboards<br />
  9. 9. Making Dashboards a little more useful<br />
  10. 10. But app (should) resume from the previous saved state<br />
  11. 11. Pivot/Workspace pattern<br />
  12. 12.
  13. 13. A slight variant: Panorama<br />
  14. 14. Getting to item specific functionality<br />
  15. 15. Quick Actions<br />
  16. 16. Submenu screens <br />
  17. 17. Long Press Menu<br />
  18. 18. Swipe for submenu<br />Warning: May conflict with Pivot gestures<br />
  19. 19. Long-press actions are harder to discover and hide the content<br />But it’s a learnt behavior, now built into List?<br />Documentation and UX conversations seem to go pro quick actions but newer Google apps seem to be going to quick actions as well <br />
  20. 20. Hidden affordances<br />Fine balance between avoiding clutter and being discoverable<br />
  21. 21. A funny thing happened on my way to share…<br />
  22. 22. Contextually positioned<br />Refresh / Stop<br />Tap to select text<br />Share<br />All Windows / <br />New window<br />
  23. 23. Hidden (Dolphin)<br />
  24. 24.
  25. 25. Pull to refresh<br />
  26. 26. TweetBot<br />
  27. 27. Quick summary<br />Avoid dashboards, choose pivots<br />Long press to get item specific functionality<br />Or swipe for extra cool points<br />Place action buttons at contextually relevant positions<br />Group similar functionality<br />Hide rarely used functionality<br />
  28. 28. Other patterns<br />ActionBar<br />Search<br />Widget<br />
  29. 29. Remember these are just guidelines. To really build fantastic UI, be aware of these and then break ‘em wisely!<br />
  30. 30. Links:<br />Android UI design patterns (Google IO talk): http://www.google.com/events/io/2010/sessions/android-ui-design-patterns.html<br />http://www.androiduipatterns.com/<br />Twitter for Android: A closer look at Android’s evolving UI patterns: http://android-developers.blogspot.com/2010/05/twitter-for-android-closer-look-at.html<br />The Humane Interface: http://www.amazon.com/Humane-Interface-Directions-Designing-Interactive/dp/0201379376<br />

×