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.

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. ?
24. ?
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