Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Android UI/UX design - Best Practices

Android UI/UX design - Best Practices

Me and my friend Eugen Arbuleac presented at Droidcon Bucharest 2012 the way you can take advantage of native Android components together with the latest innovations in mobile design in order to make your app not just useful, but great. As a case study, we will take an autochthonous app from Google Play and will give it a new twist.

245b117cb79b469cbec69e01a408af9b?s=128

Andrei Catinean

November 03, 2012
Tweet

More Decks by Andrei Catinean

Other Decks in Technology

Transcript

  1. CASE STUDY: ANDROID UI/UX DESIGN - BEST PRACTICES Eugeniu Arbuleac

    @arbuleac arbuleac.ev@gmail.com Andrei Catinean @electryc andrei.catinean@gmail.com
  2. AGENDA UI Patterns Case study

  3. WHY?

  4. WHY? Simplicity Images provided by Androidify.com

  5. WHY? Beauty Simplicity Images provided by Androidify.com

  6. WHY? Beauty Simplicity Functionality Images provided by Androidify.com

  7. AMAZING APP !!! Images provided by Androidify.com

  8. AGENDA UI Patterns Case study

  9. ACTION BAR

  10. ACTION BAR Main action bar

  11. ACTION BAR Contextual action bar

  12. ACTION BAR Bottom action bar

  13. http://developer.android.com/design/patterns/actionbar.html

  14. Jake’s Wharton ActionBarSherlock http://actionbarsherlock.com/

  15. VIEW PAGER & TAB INDICATOR

  16. FLY-IN APP MENU SLIDE-OUT MENU SIDE NAVIGATION SLIDE MENU ...

  17. Cyril’s Mottier Fly-in app menu http://android.cyrilmottier.com

  18. AGENDA UI Patterns Case study

  19. CASE STUDY STIRILE PROTV.RO

  20. ?

  21. ?

  22. None
  23. None
  24. ?

  25. None
  26. None
  27. None
  28. None
  29. WRAPPING UP

  30. WRAPPING UP Simple + Beautiful + Functional = Amazing

  31. WRAPPING UP Simple + Beautiful + Functional = Amazing Common

    UI patterns for design and navigation
  32. WRAPPING UP Simple + Beautiful + Functional = Amazing Common

    UI patterns for design and navigation Originality ≠ Breaking consistency
  33. WRAPPING UP Simple + Beautiful + Functional = Amazing Common

    UI patterns for design and navigation Originality ≠ Breaking consistency Native components!
  34. QUESTIONS ?

  35. THANK YOU ! Eugeniu Arbuleac @arbuleac arbuleac.ev@gmail.com Andrei Catinean @electryc

    andrei.catinean@gmail.com