We design and develop great software for mobile and web.

Android Wear UIIvan Kocijan

Why are we here?

• What is Android Wear?

• What can you do with Android Wear?

• How to support Android Wear?

• UI elements

What is Android Wear?

• Android operating system designed for smartwatches (and other wearables)

• It’s UI is heavily based on Cards

• Android 4.3+

What can you do with it?

You can do 3 things…

• Watch Faces

• Contextual card in the stream

• Full screen app

…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

Watch Faces• DevBytes - Watch Faces

• Android Developers - Watch Faces

What is card stream?

Bridged notifications• They are boring

• If your app is using Android notifications then it already supports them

Contextual notifications• Show them when user is doing something.

Full Screen - 2d picker• A design pattern

• Available as GridViewPager component

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

Set up your projectbuild.grade

Android Manifest

Watchview stub

BoxInsetLayout

Default CardLayout

Custom CardLayout

Extending CardFragment

A lot more…

• WearableListView

• GridViewPager

• DelayedConfirmationView

• DismissOverlayView

“Android Wear is helpful, respectful, and responsive”

- A guy (or a girl) who writes Android documentation

Watch first, toy later

Want to know more?

• http://developer.android.com/design/wear/index.html

• http://android-wear-docs.readthedocs.org/en/latest/index.html