Slide 1

Slide 1 text

Introduction to Android Wear By: Ankit Bahuguna (@codekee) M.Sc. Informatics, TU München

Slide 2

Slide 2 text

Agenda • Extending Android to Wearables. • Android Wear – What’s the buzz? • How is development different for Android Wear? • Notification preview using Wear App. • UI Overview (Suggest and Demand). • Design Principles. • Getting Started : DevCentral. • Moto 360. • Demo/ Video. • Links and Resources.

Slide 3

Slide 3 text

Extending Android to Wearables Android Wear extends the Android platform to a new generation of wearable devices. The UX is designed specifically for these devices.

Slide 4

Slide 4 text

Android Wear – What’s the buzz? • Android Wear devices are small and powerful giving users useful information just when they need it. • Watches powered by Android Wear respond to spoken questions and commands to provide info and get stuff done. • These new devices can help users reach their fitness goals and be their key to a multi- screen world.

Slide 5

Slide 5 text

How is development different for Android Wear?

Slide 6

Slide 6 text

Notification Preview using Wear App

Slide 7

Slide 7 text

Updating Notifications is Instant

Slide 8

Slide 8 text

User Interface At a high level, the Android Wear UI consists of two main spaces centered around the core functions of Suggest and Demand.

Slide 9

Slide 9 text

Suggest: The Context Stream

Slide 10

Slide 10 text

Demand: The Cue Card

Slide 11

Slide 11 text

Design Principles Android wear experiences are: 1. Contextually Aware and Smart. 2. Glanceable. 3. Zero/ Low Interaction. 4. Helpful. Thus it is important to: • Be respectful of users' attention and aware of how unnecessary interruptions will reflect on your application’s reputation. • Omit needless text from your notifications. • Design for glanceability, not reading. • Use words and phrases, not sentences. • Show, don't tell: where possible use simple icons, glyphs, and visualizations to convey your message.

Slide 12

Slide 12 text

Notification UI Patterns Actions Images Application Icons

Slide 13

Slide 13 text

Notification UI Patterns Pages

Slide 14

Slide 14 text

Notification UI Patterns Notification Stack Voice Replies

Slide 15

Slide 15 text

Getting Started: DevCentral www.developer.android.com/wear Three Easy Steps!!! 1. Sign up for the Android Wear Preview. 2. Download the System Image for the emulator. 3. Get the companion App on Google Play.

Slide 16

Slide 16 text

Be a good citizen. Notifications which vibrate or sound on your phone will vibrate on your wrist. • Context is everything consider geo-fencing or activity detection. • Sound Vibrate Controls • Use Notification Priority. Notification Design goo.gl/hBJqHp

Slide 17

Slide 17 text

Moto 360 moto360.motorola.com

Slide 18

Slide 18 text

Demo / Video

Slide 19

Slide 19 text

Links and Resources • Android Wear Home: http://developer.android.com/wear/index.html • Developer Preview: http://developer.android.com/wear/preview/start.html • Official Google Plus Community: https://plus.google.com/communities/113381227473021565406 • Android Developers blog introducing Wear: http://android- developers.blogspot.de/2014/03/android-wear-developer-preview.html • Android Notification Design Guidelines: http://developer.android.com/design/patterns/notifications.html • Android Wear Design Principles: http://developer.android.com/wear/design/index.html

Slide 20

Slide 20 text

For further questions write to me: [email protected] #ThankYou