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.

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?
Simplicity Beauty
Images provided by Androidify.com

6. WHY?
Simplicity Beauty 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. Bottom action bar
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 Andrei Catinean
@arbuleac @electryc
arbuleac.ev@gmail.com andrei.catinean@gmail.com