Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Android design patterns

2.908 visualizaciones

Publicado el

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

  • Sé el primero en comentar

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 />

×