Uploaded byFernando Cejas
Android Design Patterns
The document discusses user interface, user experience, and usability in the context of Android app design. It defines these terms and outlines important Android design patterns like the action bar, navigation patterns, card UI, and more. The presentation provides examples of these patterns and advice for Android developers to follow principles of usability and match user expectations in their app designs.
More Related Content
Similar to Android Design Patterns
Android Design Patterns
- 1.
- 2. Who am I? •Barcelona GDG Organizer • NFC, Android and Agile Geek • Android10.org • NFC Actions App • Flojack (@flomio) • @fernando_cejas • http://www.fernandocejas.com/
- 3. Agenda • User Interface • User Experience • Usability • Android Design Patterns • Examples • Advices
- 4.
- 5.
- 6.
- 7. What is UserInterface? (UI) • A common boundary or surface between the interactive system and the user • All elements which provide communication between the interactive system and the user
- 8. Elements of aUser Interface
- 9. What is UserInterface Design? • User interface design is the process of supporting the tasks (goals) of the user, ideally in a friendly and articulate manner
- 10. What about UserExperience (UX)? • “A person’s perceptions and responses that result from the use or anticipated use of a product, interactive system, or service.” –ISO9241-210
- 11. What is Usability? •Usability means that a person using a system finds it easy to understand and use • A usable system allows a person to focus on their tasks, and not on the system itself • A usable system most often does what a! person expects
- 12. Usability Iceberg Visuals Cues, feedback, and aesthetics Interaction Techniques Keyboard and mouse mappings, menus, feedback, etc.
- 13.
- 14. What is aDesign Pattern? • It’s a design solution to a recurring problem • It’s also about not reinventing the wheel. • People want to use what they have learnt already using the phone
- 15.
- 16. Ice Cream Sandwich!Android 4.0 • A big quality step • Mature, stable and elegant
- 17. For Smartphones andTablets • Different devices have different usability
- 18. Android Main Themes •Holo Light and Holo Dark
- 19.
- 20.
- 21.
- 22. Navigation with Backand Up
- 23.
- 24. Action Bar • Considersplit it when having many elements
- 25.
- 26.
- 27. Swipe Views • Navigatewith gestures through the content
- 28.
- 29. Sliding Menu • Replacesthe dashboard? (deprecated?)
- 30.
- 31.
- 32. UI/UX Examples Beautiful… Sweeeet!!!!
- 33.
- 34.
- 35.
- 36. Useful Links • AndroidDesign Official • ActionBar Sherlock • Nine Old Androids • Android UI Patterns
- 37. Some advice… • Don'tport the UI from other platforms • Don't override the behavior of system buttons • Know your user and get feedback from him • Test on real users, early and often • Do what the user expects • The most common operations should be visible • Don't reinvent the wheel
- 38.
- 39. Thanks! When you lookat the dark side, careful you must be ... for the dark side looks back. @fernando_cejas www.fernandocejas.com