Currently there are only few Android wear devices on the market and, guess what, they all have different size and shape. In this talk we'll discuss how to create custom UI which will support both round and square watches, as well as their different sizes.

1. We design and develop great
software for mobile and web.

2. Android Wear UI
Ivan Kocijan

3. Why are we here?
• What is Android Wear?
• What can you do with Android Wear?
• How to support Android Wear?
• UI elements

4. What is Android Wear?
• Android operating system designed for
smartwatches (and other wearables)
• It’s UI is heavily based on Cards
• Android 4.3+

5. What can you do with it?

6. You can do 3 things…
• Watch Faces
• Contextual card in the stream
• Full screen app

7. …while keeping an eye on 5 things
• 5 second rule
• Use large elements because size does matter
• Think about using contextual card
• Everything needs to be fast, really fast
• Do not use vibration too much

8. Watch Faces
• DevBytes - Watch Faces
• Android Developers - Watch Faces

9. What is card stream?

10. Bridged notifications
• They are boring
• If your app is using Android notifications then it
already supports them

11. Contextual notifications
• Show them when user is doing something.

12. Full Screen - 2d picker
• A design pattern
• Available as GridViewPager component

13. Full screen - custom layouts
• Only when you can not use Cards
• Shouldn’t look like Card unless you use 2d picker
• Think how will user exit the app

14. Set up your project
build.grade
Android Manifest

15. Watchview stub

17. BoxInsetLayout

18. Default CardLayout

20. Custom CardLayout

22. Extending CardFragment

23. A lot more…
• WearableListView
• GridViewPager
• DelayedConfirmationView
• DismissOverlayView

24. “Android Wear is helpful, respectful, and
responsive”
- A guy (or a girl) who writes Android documentation
Watch first, toy later

25. Want to know more?
• http://developer.android.com/design/wear/
index.html
• http://android-wear-docs.readthedocs.org/en/latest/
index.html