Android UI design trends
•
6 j'aime•4,008 vues
Ponencia ofrecida por Antonio Leiva en DroidconMAD 2013. Sinopsis: En la actualidad, debido a la agresiva competencia en el mundo de las aplicaciones Android, diseñar una interfaz intuitiva y visualmente atractiva para los usuarios no es una opción si queremos tener alguna oportunidad de éxito. En esta charla repasaremos cuáles son los patrones de diseño de interfaces más utilizados y trataremos algunos otros emergentes, así como las pautas para implementarlos de la forma más sencilla.
Recommandé
Contenu connexe
En vedette
Similaire à Android UI design trends
Similaire à Android UI design trends (20)
Plus de Droidcon Spain
Plus de Droidcon Spain (20)
Dernier
Dernier (20)
Android UI design trends
- 1. Android UI Design Trends http://gplus.to/antonioleiva @lime_cl contact@antonioleiva.com Antonio Leiva Gordillo
- 3. ICE CREAM SANDWICH (HOLO) 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 2. View Control 3. Action Buttons 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
- 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
- 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
- 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
- 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
- 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