Top Banner
All about SmartWatches How and why to build watch apps with Brian Pullen @wisebeard
44
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: All About Smart Watches

All about SmartWatches

How and why to build watch apps with Brian Pullen @wisebeard

Page 2: All About Smart Watches

A smart watch is just an under powered phone or a digital watch with a few tricks. -Some smartass

Page 3: All About Smart Watches

This is the year that smart watches take off

Page 4: All About Smart Watches

Apple Watch All others

Page 5: All About Smart Watches

The smart watch has five killer features today

NotificationsTime keepingFashion Fitness Payments

Page 6: All About Smart Watches

Your phone is ruining your life. -Jonny Ive

Page 7: All About Smart Watches

Life Get lost in phone

More time for life

Source: @lukew

Page 8: All About Smart Watches

What if you could make a device that you wouldn’t or couldn’t use for hours at a time?-Apple

Page 9: All About Smart Watches

People care about little increases in speed and convenience

A change from 6 sections to 2 seconds is an eternity

Page 10: All About Smart Watches

Your magic key to the world

Page 11: All About Smart Watches

Some of the best applications that will be created will focus

on hardware

Page 12: All About Smart Watches

Source: @lukew

Page 13: All About Smart Watches

SmartWatches are not a stand alone platform rather an extension of mobile

Page 14: All About Smart Watches

So watches are great, how do I make an app?

Page 15: All About Smart Watches

Apple Watch LG Watch UrbanePebble Time Moto 360Huawei Watch Pebble Time LG G Watch R

Samsung Gear S Smart Watch 3 ASUS Zen WatchSamsung Gear 2 Garmin Epix Runcible LG G Watch

Page 16: All About Smart Watches

272x340 320x320144x168 320x290400x400 144x168 320x320

360x480 320x320 320x320320x320 205x148 600x600 280x280

Page 17: All About Smart Watches

Apple Watch LG Watch UrbanePebble Time Moto 360Huawei Watch Pebble Time LG G Watch R

Samsung Gear S Smart Watch 3 ASUS Zen WatchSamsung Gear 2 Garmin Epix Runcible LG G Watch

Page 18: All About Smart Watches

Consolidation will happen quickly

Smartphone, price, features

Page 19: All About Smart Watches

Let’s design an FITC app

Page 20: All About Smart Watches
Page 21: All About Smart Watches

Navigational style

Page 22: All About Smart Watches

Schedule & eventTables, button styles, handoff

Page 23: All About Smart Watches

Design tipsEdgeless design

Rounded corners

Large type

Page 24: All About Smart Watches
Page 25: All About Smart Watches

Context menusGlobal actions

Custom icon

Long tap

Page 26: All About Smart Watches

Design tipLimit inputs

Page 27: All About Smart Watches

Short look

Page 28: All About Smart Watches

Long lookExtend to phone

Auto dismiss button

Basic styling

Page 29: All About Smart Watches

ModalsScroll or swipe

Can’t use NFC

Has to close

Page 30: All About Smart Watches

GlancesStrict layout guides

No interactivity

Single tap

Page 31: All About Smart Watches
Page 32: All About Smart Watches

Screen sizesUnique images

Scalable assets

Page 33: All About Smart Watches

IconsWon’t always have a label

Create various sizes

Page 34: All About Smart Watches

Pro Tips

Page 35: All About Smart Watches

Battery is a big challenge

18 hours 7 days 2 days

Page 36: All About Smart Watches

Data transfer and speed50MB limit, 2mb cache for images. Low energy bluetooth

Page 37: All About Smart Watches

Animation 8-10 fps for pushed animations

30 fps for app bundle animations

Launch animations are not yet possible

Memory constraints

Page 38: All About Smart Watches

An interaction could last only five sections, 10 at most.-Apple designers

Page 39: All About Smart Watches

Don’t create InstagramIt literally takes four taps to “like” a picture

Page 40: All About Smart Watches

Limited SDKHeart rate

Sound

Taptic

Storage

Motion

NFC

Bluetooth

Watch Faces

Page 41: All About Smart Watches

Content Context is king

Page 42: All About Smart Watches

There is no app for thatContext means that rather than opening an app for every

action we can just have the appropriate one available at

the time we need it.

Page 43: All About Smart Watches

Work & Experimentation

TSN Globe & Mail Octee Pet FITC

Page 44: All About Smart Watches

Lets talk about Smartwatches @wisebeard or email me [email protected]

Thanks