android design patterns
DESCRIPTION
Presentation given by Arpit Mathur at our secondTRANSCRIPT
![Page 1: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/1.jpg)
Investigating Android Design PatternsArpit Mathur (@arpit)Software guy, Comcast Innovation Labs
![Page 2: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/2.jpg)
Caveat• Design Enthusiast ….so not a real designer!!
![Page 3: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/3.jpg)
The search for a world clock…
![Page 4: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/4.jpg)
http://www.challishodge.com/from-experience-to-trust/
![Page 5: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/5.jpg)
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.
![Page 6: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/6.jpg)
Sources
http://www.youtube.com/watch?v=M1ZBjlCRfz0
![Page 7: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/7.jpg)
1) Getting to all the functionality
![Page 8: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/8.jpg)
Dashboards
![Page 9: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/9.jpg)
Making Dashboards a little more useful
![Page 10: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/10.jpg)
But app (should) resume from the previous saved state
![Page 11: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/11.jpg)
Pivot/Workspace pattern
![Page 12: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/12.jpg)
![Page 13: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/13.jpg)
A slight variant: Panorama
![Page 14: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/14.jpg)
Getting to item specific functionality
![Page 15: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/15.jpg)
Quick Actions
![Page 16: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/16.jpg)
Submenu screens
![Page 17: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/17.jpg)
Long Press Menu
![Page 18: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/18.jpg)
Swipe for submenu
Warning: May conflict with Pivot gestures
![Page 19: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/19.jpg)
• 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
![Page 20: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/20.jpg)
Hidden affordancesFine balance between avoiding clutter and being discoverable
![Page 21: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/21.jpg)
A funny thing happened on my way to share…
![Page 22: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/22.jpg)
Contextually positioned
Refresh / Stop
Share
All Windows / New window
Tap to select text
![Page 23: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/23.jpg)
Hidden (Dolphin)
![Page 24: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/24.jpg)
![Page 25: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/25.jpg)
Pull to refresh
![Page 26: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/26.jpg)
TweetBot
![Page 27: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/27.jpg)
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
![Page 28: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/28.jpg)
Other patterns• ActionBar• Search• Widget
![Page 29: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/29.jpg)
Remember these are just guidelines. To really build fantastic UI, be aware of these and then break ‘em wisely!
![Page 30: Android Design Patterns](https://reader033.vdocument.in/reader033/viewer/2022052411/557b84d5d8b42a333a8b4831/html5/thumbnails/30.jpg)
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