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

1. Investigating Android Design Patterns Arpit Mathur (@arpit) Software guy, Comcast Innovation Labs

2. Caveat Design Enthusiast….so not a real designer!!

3. The search for a world clock…

4. http://www.challishodge.com/from-experience-to-trust/

5. Design Patterns Interaction design patterns are a way to describe solutions to common usability or accessibility problems in a specific context. They document interaction models that make it easier for users to understand an interface and accomplish their tasks.

6. Sources http://www.youtube.com/watch?v=M1ZBjlCRfz0

7. 1) Getting to all the functionality

8. Dashboards

9. Making Dashboards a little more useful

10. But app (should) resume from the previous saved state

11. Pivot/Workspace pattern

13. A slight variant: Panorama

14. Getting to item specific functionality

15. Quick Actions

16. Submenu screens

17. Long Press Menu

18. Swipe for submenu Warning: May conflict with Pivot gestures

19. Long-press actions are harder to discover and hide the content But it’s a learnt behavior, now built into List? Documentation and UX conversations seem to go pro quick actions but newer Google apps seem to be going to quick actions as well

20. Hidden affordances Fine balance between avoiding clutter and being discoverable

21. A funny thing happened on my way to share…

22. Contextually positioned Refresh / Stop Tap to select text Share All Windows / New window

23. Hidden (Dolphin)

25. Pull to refresh

26. TweetBot

27. Quick summary Avoid dashboards, choose pivots Long press to get item specific functionality Or swipe for extra cool points Place action buttons at contextually relevant positions Group similar functionality Hide rarely used functionality

28. Other patterns ActionBar Search Widget

29. Remember these are just guidelines. To really build fantastic UI, be aware of these and then break ‘em wisely!

30. Links: Android UI design patterns (Google IO talk): http://www.google.com/events/io/2010/sessions/android-ui-design-patterns.html http://www.androiduipatterns.com/ 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 The Humane Interface: http://www.amazon.com/Humane-Interface-Directions-Designing-Interactive/dp/0201379376