Investigating Android Design PatternsArpit Mathur (@arpit)Software guy, Comcast Innovation Labs
CaveatDesign Enthusiast….so not a real designer!!
The search for a world clock…
http://www.challishodge.com/from-experience-to-trust/
Design PatternsInteraction 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.
Sourceshttp://www.youtube.com/watch?v=M1ZBjlCRfz0
1) Getting to all the functionality
Dashboards
Making Dashboards a little more useful
But app (should) resume from the previous saved state
Pivot/Workspace pattern
A slight variant: Panorama
Getting to item specific functionality
Quick Actions
Submenu screens
Long Press Menu
Swipe for submenuWarning: May conflict with Pivot gestures
Long-press actions are harder to discover and hide the contentBut 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
Hidden affordancesFine balance between avoiding clutter and being discoverable
A funny thing happened on my way to share…
Contextually positionedRefresh / StopTap to select textShareAll Windows / New window
Hidden (Dolphin)
Pull to refresh
TweetBot
Quick summaryAvoid dashboards, choose pivotsLong press to get item specific functionalityOr swipe for extra cool pointsPlace action buttons at contextually relevant positionsGroup similar functionalityHide rarely used functionality
Other patternsActionBarSearchWidget
Remember these are just guidelines. To really build fantastic UI, be aware of these and then break ‘em wisely!
Links:Android UI design patterns (Google IO talk): http://www.google.com/events/io/2010/sessions/android-ui-design-patterns.htmlhttp://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.htmlThe Humane Interface: http://www.amazon.com/Humane-Interface-Directions-Designing-Interactive/dp/0201379376

Android Design Patterns