29
The makings of Tesla Watch Apps Ostap Andrusiv

Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Embed Size (px)

Citation preview

Page 1: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

The makings of Tesla Watch Apps

Ostap Andrusiv

Page 2: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

~4 millions watches sold in first 3 months

Page 3: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)
Page 4: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Building apps for...

iPhone Watch OS 1 Watch OS 2

Page 5: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Features● Open/Close/Lock/Lights/Beep● Charging ● Climate● Location

The Goal

Page 6: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Searching for inspiration

Page 7: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Reality & Limitations

Apple Watch design guidelines

+

Page 8: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Building apps for...

Phone Watch

Page 9: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

The Result#open-sourced

Page 10: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Lesson #1

Do not copy mobile app.

Page 11: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Lesson #2

Keep interactions short.

Page 12: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Lesson #3

Minimize actions per screen.

Page 13: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Lesson #4

Use context.

Page 14: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Android Wear

Page 15: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Killer Feature - Watchface85% of app functionality

Page 16: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Feature #2 - Smart Notificationsanother 10% of functionality

Page 17: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Last 5% - The App

Page 18: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Some cool UI patterns

Page 19: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Mistakes on the way...

Page 20: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Lesson #5

Iterate. Fast.

P.S. synonyms to this phrase from

Lviv IT Arena 2015 presentations:#ebash

#візьмиізроби#простофигачить

Page 21: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Difference #1 - Home Screen

app-first notification-first

Page 22: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Difference #2 - Interaction methods

Voice ControlDigital CrownForce Touch

People Button

Voice ControlContext Awareness

Page 23: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Why we skipped voice control

ok google... (wait 2 seconds)

start MyTeslaApp... (wait 3 seconds)

Lock the car... (wait for it...)

Done!

Page 24: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Why we skipped voice control

ok google... (wait 2 seconds)

start MyTeslaApp... (wait 3 seconds)

Lock the car... (wait for it...)

Done!

“Lock my Tesla”...?

Page 25: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Perfect Use Case

Page 26: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

Perfect Use Case

Page 27: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

The one that influences end users’ decision making.

Perfect Use Case

Page 28: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

The one that influences end users’ decision making.

Perfect Use Case

Like buying Tesla because of Apple Watch app :)

Page 29: Making Tesla Smartwatch Apps (Ostap Andrusiv Technology Stream)

www.eleks.com

The simplest one is the sturdiest.*Thank you!

[email protected]@p1f

*Nokia 3310 rule