$30 off During Our Annual Pro Sale. View Details »

Android UX Anti Patterns

Android UX Anti Patterns

3 Simple tips to avoid a bad user experience on android based on the book Android Design Patterns, by Greg Nudelman

Filipe Mendes

May 07, 2013
Tweet

More Decks by Filipe Mendes

Other Decks in Technology

Transcript

  1. Android UX 
 Anti-Patterns Filipe Mendes - ForkIT 1

  2. Introduction • Majority of programmers have poor graphic and UI

    skills; 2
  3. Introduction • Majority of programmers have poor graphic and UI

    skills; • Very few understand why UX is so important. 3
  4. Bachelor’s final project design

  5. Introduction • Majority of programmers have poor graphic and UI

    skills; • Very few understand why UX is so important. • Sign Up/Sign in - Welcome Experience Keep in mind the following examples may not be accurate today ! 5
  6. Introduction • Majority of programmers have poor graphic and UI

    skills; • Very few understand why UX is so important. • Sign Up/Sign in - Welcome Experience • Crippled Refinement - Sorting & Filtering Keep in mind the following examples may not be accurate today ! 6
  7. Introduction • Majority of programmers have poor graphic and UI

    skills; • Very few understand why UX is so important. • Sign Up/Sign in - Welcome Experience • Crippled Refinement - Sorting & Filtering • Useless Controls - Avoid missing & undesirable results Keep in mind the following examples may not be accurate today ! 7
  8. Sign Up/Sign In Problem: Long sign up forms are against

    any mobile e x p e r i e n c e . A c c e s s t o information in simple and fast way. Example: SitOrSquat
  9. Sign Up/Sign In Problem: Long sign up forms are against

    any mobile e x p e r i e n c e . A c c e s s t o information in simple and fast way. Example: SitOrSquat Solution: Only request what is strictly necessary when strictly necessary to proceed.
  10. Crippled Refinement Problem: Loss of applied filters when we want

    to refine the current search. Example: Amazon
  11. Crippled Refinement Problem: Loss of applied filters when we want

    to refine the current search. Example: Amazon Solution: Keep the applied search in a separate activity or dedicated fragment. Related patterns: Refinement page, Filter Strip
  12. Useless Controls Problem: Applying filters to 0 results. Example: TripAdvisor

  13. Useless Controls Problem: Applying filters to 0 results. Example: TripAdvisor

    Solution: Removal. Related patterns: Did you mean?
  14. Good practices • Simulate the app navigation with a small

    notepad; 14
  15. Good practices • Simulate the app navigation with a small

    notepad; • The less actions, the better; 15
  16. Good practices • Simulate the app navigation with a small

    notepad; • The less actions, the better; • Avoid using too many dialogs; 16
  17. Good practices • Simulate the app navigation with a small

    notepad; • The less actions, the better; • Avoid using too many dialogs; • Keep a stack of activities; 17
  18. Good practices • Simulate the app navigation with a small

    notepad; • The less actions, the better; • Avoid using too many dialogs; • Keep a stack of activities; • Don’t underestimate a user’s confusion; 18
  19. Good practices • Simulate the app navigation with a small

    notepad; • The less actions, the better; • Avoid using too many dialogs; • Keep a stack of activities; • Don’t underestimate a user’s confusion; • Always design specifically to each platform (“pure android”) 19
  20. Conclusion • Always request what necessary when strictly necessary to

    proceed; 20
  21. Conclusion • Always request what necessary when strictly necessary to

    proceed; • Keep the active filters in each consecutive search; 21
  22. Conclusion • Always request what necessary when strictly necessary to

    proceed; • Keep the active filters in each consecutive search; • Stop showing unnecessary controls. 22
  23. Biography • http://gennovacap.blogspot.pt/2013/02/quality-ui-design-in- mobile-devices-why.html, on 6/05/2013 • http://developer.android.com/design/index.html, on 6/05/2013

    • Greg Nudelman, Android Design Patterns, Willey, 2013 23