Android UI Design Trends
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Android UI Design Trends

on

  • 14,478 views

 

Statistics

Views

Total Views
14,478
Views on SlideShare
5,103
Embed Views
9,375

Actions

Likes
40
Downloads
101
Comments
1

6 Embeds 9,375

http://www.abcdef.me 9350
http://127.0.0.1 9
https://twitter.com 9
https://www.rebelmouse.com 4
http://www.linkedin.com 2
http://www.pearltrees.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Android UI Design Trends Presentation Transcript

  • 1. Android UI Design Trends http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 2. http://gigigo.com http://limecreativelabs.com http://gplus.to/antonioleiva @lime_cl http://goo.gl/iEUPpH contact@antonioleiva.com Antonio Leiva Gordillo
  • 3. ICE CREAM SANDWICH (HOLO) http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 4. http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 5. Android UI/UX http://androiduiux.com/free-design-resources/ Android UI Patterns http://www.androiduipatterns.com/ Android Design in Action http://goo.gl/EQpcGd http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 6. BANDHOOK PROTOTYPE http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 7. KEY IDEAS ABOUT DESIGN Screen fragmentation http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 8. KEY IDEAS ABOUT DESIGN Modular structures http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 9. KEY IDEAS ABOUT DESIGN Modular structures http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 10. KEY IDEAS ABOUT DESIGN Modular structures http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 11. KEY IDEAS ABOUT DESIGN Design patterns http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 12. KEY IDEAS ABOUT DESIGN http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 13. PLAY MUSIC (OLD DESIGN) http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 14. PLAY MUSIC (CURRENT DESIGN) http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 15. PLAY MUSIC (CURRENT DESIGN) http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 16. DESIGN PATTERNS Navigation Drawer Action Bar Popup Menu Cards UI Pin progress Sliding up panel http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 17. ACTION BAR 1. App Icon 3. Action Buttons 2. View Control 4. Overflow menu •Native (11+): http://developer.android.com/guide/topics/ui/actionbar.html •ActionBarCompat (7+): http://antonioleiva.com/actionbarcompat-how-to-use/ •ActionBarSherlock: http://actionbarsherlock.com/ http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 18. ACTION BAR Fading Action Bar https://github.com/ManuelPeinado/FadingActionBar http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 19. ACTION BAR Glass Action Bar https://github.com/ManuelPeinado/GlassActionBar http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 20. ACTION BAR Not Boring Action Bar http://flavienlaurent.com/blog/2013/11/20/making-your-action-bar-not-boring/ http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 21. NAVIGATION DRAWER http://developer.android.com/training/implementing-navigation/nav-drawer.html http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 22. NAVIGATION DRAWER http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 23. NAVIGATION DRAWER http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 24. END/RIGHT DRAWER http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 25. SLIDING PANE http://www.limecreativelabs.com/sliding-pane-layout/ http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 26. SLIDING UP PANEL http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 27. SLIDING UP PANEL https://github.com/umano/AndroidSlidingUpPanel http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 28. YOUTUBE SLIDING VIDEO http://flavienlaurent.com/blog/2013/08/28/each-navigation-drawer-hides-a-viewdraghelper/ http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 29. PIN PROGRESS https://code.google.com/p/romannurik-code/source/browse/misc/pinprogress/ http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 30. CARDS UI CardsLib: https://github.com/gabrielemariotti/cardslib CardsUI: https://github.com/Androguide/cardsui-for-android http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 31. POPUP MENU http://developer.android.com/design/patterns/selection.html http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 32. POPUP MENU PopupMenu (11+): http://developer.android.com/reference/android/widget/PopupMenu.html PopupWindow (1+): http://developer.android.com/reference/android/widget/PopupWindow.html PopupMenuCompat: https://github.com/Taig/PopupMenuCompat http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 33. TAB STRIP https://github.com/astuetz/PagerSlidingTabStrip http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 34. SWIPE TO DISMISS SwipeListView: https://github.com/47deg/android-swipelistview http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 35. UNDO EnhancedListView (with undo): https://github.com/timroes/EnhancedListView http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 36. PULL TO REFRESH https://github.com/chrisbanes/ActionBar-PullToRefresh http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 37. • Designing awesome apps is easy using common design patterns – They are proved to work – Well known by users • Good design is essential for an app to succeed • It’s really easy to replicate most used patterns – Included in SDK – Tons of libraries ready to use http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
  • 38. Antonio Leiva Gordillo Android Developer at Gigigo contact@antonioleiva.com http://www.limecreativelabs.com http://www.antonioleiva.com http://gplus.to/antonioleiva @lime_cl http://es.linkedin.com/in/antoniolg http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo