Wearables, Things & Apps - Mobile Dev + Test '15

39
Wearables, Things & Apps Chris Beauchamp Developer @WhitewaterLabs Evangelist @Crittercism @cjbeauchamp Using apps to help users experience IOT devices bit.ly/CritterDevTest

Transcript of Wearables, Things & Apps - Mobile Dev + Test '15

Page 1: Wearables, Things & Apps - Mobile Dev + Test '15

Wearables, Things & Apps

Chris BeauchampDeveloper @WhitewaterLabsEvangelist @Crittercism@cjbeauchamp

Using apps to help users experience IOT devices

bit.ly/CritterDevTest

Page 2: Wearables, Things & Apps - Mobile Dev + Test '15

The Disconnected Thing

• Disconnected from all other

things

• Limited functionality

– Data collection

• Wearables, sensors

– User control

• Automation, functional controls

• Some things have WiFi or connections

• Large, expensive, not always feasible

Page 3: Wearables, Things & Apps - Mobile Dev + Test '15

The Connected Thing

• Connected to many other things

– Wifi, Bluetooth, NFC, etc

Page 4: Wearables, Things & Apps - Mobile Dev + Test '15

Making the connection

• BLE enables data transfer to/from phone

• NFC (Near Field Communication)

• Wired options (plugging into USB port)

• Headphone jacks

Page 5: Wearables, Things & Apps - Mobile Dev + Test '15

Interfacing with the thing

• We have two devices and a data

connection between them, what next?

• Need to install our own logic on both

devices to add value

Page 6: Wearables, Things & Apps - Mobile Dev + Test '15

Custom Logic :: Thing

• Keep the logic lightweight

• Resource constrained

– CPU

– Memory

– Storage

– Battery

• Keep the thing doing what it does best

• Data transmission

Page 7: Wearables, Things & Apps - Mobile Dev + Test '15

Custom Logic :: Hub [Phone]

• Receive data from the thing

• Do… something… with it

– Display data

– Communicate with services

– Store information

– Configuration

Page 8: Wearables, Things & Apps - Mobile Dev + Test '15

Why an app?

• Functional

– Apps and phones are a powerful and flexible

combination – leverage them!

• CPU, memory, push, GPS, large batteries

• Engage users

– Always one touch away

– Larger interface than most wearables

and things

• [Relatively] easy to develop

Page 9: Wearables, Things & Apps - Mobile Dev + Test '15

So. Many. Apps.

There’s an app for everything… there needs

to be an app for YOUR thing!

Page 10: Wearables, Things & Apps - Mobile Dev + Test '15

Apple Watch

BREAKING NEWS: APPLE LAUNCHING SMART WATCH

Page 11: Wearables, Things & Apps - Mobile Dev + Test '15

Apple Watch

• Requires the presence of an iPhone

– GPS/Cell Data/Wifi

– Battery life

• Multiple types of application interfaces

– App, Glance and Notification

– Allows various use cases & variable

investment

• Easy-to-use APIs for interface between

watch & app / device

Page 12: Wearables, Things & Apps - Mobile Dev + Test '15

Apple Watch

Page 13: Wearables, Things & Apps - Mobile Dev + Test '15

Communicating with the iPhone

Page 14: Wearables, Things & Apps - Mobile Dev + Test '15

Responding to the watch request

Page 15: Wearables, Things & Apps - Mobile Dev + Test '15

Learn More

Full Demo (w/ Source Code) available at:

bit.ly/CritterDevTest

Page 16: Wearables, Things & Apps - Mobile Dev + Test '15

General Structure

=> Hub

IOT Device

Page 17: Wearables, Things & Apps - Mobile Dev + Test '15

Phone App Use Cases (pt1)

• Thing generates data – show it!

• Managing and connecting user accounts

– Somebody’s gotta do it

• Thing configuration and updates

– Push changes to keep the thing current

Page 18: Wearables, Things & Apps - Mobile Dev + Test '15

Phone App Use Cases (pt2)

• Use the phone to upload and download

data to and from the cloud

– Data processing, sharing, analysis, etc

– Offloads CPU cycles, memory, battery from

the thing

– Use this data to ‘teach’ the device about the

user so it’s customized to them

Page 19: Wearables, Things & Apps - Mobile Dev + Test '15

Use Case :: SPG (Starwood Hotels)

• Get reservation info• Check in• Unlock door

Page 20: Wearables, Things & Apps - Mobile Dev + Test '15

Use Case :: American Airlines

• Flight Status• Check in• Boarding pass

Page 21: Wearables, Things & Apps - Mobile Dev + Test '15

Use Case :: Nike Running

• Start/manage workout• Check times/status• Easy access

Page 22: Wearables, Things & Apps - Mobile Dev + Test '15

What do these apps have in common?

Form

– Users should love using your app

• A lot of engineers here… hug your designers!

– Keep it simple

• You have lots of cool content and functionality…

highlight it!

• Don’t make the user do too much – or squint!

Page 23: Wearables, Things & Apps - Mobile Dev + Test '15

• Make smart use of space

• Swipe instead of a button? Pinch instead of a slider?

• Only show what’s necessary!

not actual size*

Page 24: Wearables, Things & Apps - Mobile Dev + Test '15

What do these apps have in common?

Function

– Quick, easy-to-use

information

– Alerts and

notifications keep

interactions fast

– Formatted data

allows for easy

access

Page 25: Wearables, Things & Apps - Mobile Dev + Test '15

What do these apps have in common?

Leverage Data

– What do users really want to see/do?

– Can’t add it all, so use data tools to see

what’s most popular

Page 26: Wearables, Things & Apps - Mobile Dev + Test '15

What do these apps have in common?

PerformanceHow they interact with

the outside world

Page 27: Wearables, Things & Apps - Mobile Dev + Test '15

What happens when things break?

Page 28: Wearables, Things & Apps - Mobile Dev + Test '15

Performance Monitoring

• What happens if your deployed app…

– Breaks on a user?

– Runs slow?

– Drops a connection with your thing?

– Crashes?

• Left in the dark unless the user tells you

– Bad reviews are no good!

Page 29: Wearables, Things & Apps - Mobile Dev + Test '15

App Store Feedback & Analysis

Page 30: Wearables, Things & Apps - Mobile Dev + Test '15

SDK for App Performance

Page 31: Wearables, Things & Apps - Mobile Dev + Test '15

Crittercism

• Remotely diagnose issues happening with

your app

• Make it more stable, faster, more reliable

• Provide your users with a great user

experience

Page 32: Wearables, Things & Apps - Mobile Dev + Test '15

Crittercism – Crash Reporting

Page 33: Wearables, Things & Apps - Mobile Dev + Test '15

Crittercism – Crash Reporting

Page 34: Wearables, Things & Apps - Mobile Dev + Test '15

Crittercism + Apple Watch

SDK automatically

monitors connections

Page 35: Wearables, Things & Apps - Mobile Dev + Test '15

Crittercism – Transaction Monitoring

Page 36: Wearables, Things & Apps - Mobile Dev + Test '15

Crittercism – Transaction Monitoring

Page 37: Wearables, Things & Apps - Mobile Dev + Test '15

Make it work!

• Connectivity between devices is key

– Have a solid layer to manage exceptions,

errors and interference or device malfunctions

• Test, test, test, test, sleep, test

– Devices, settings, configurations, everything

Page 38: Wearables, Things & Apps - Mobile Dev + Test '15

Breakdown

• Leverage smartphones and apps – they’re

powerful!

• Don’t forget about design

• Test until you can’t test anymore – and then test!

• Leverage tools to help you get feedback and fix

issues

Page 39: Wearables, Things & Apps - Mobile Dev + Test '15

Finishing Up

http://crittercism.com

bit.ly/CritterDevTest

Chris BeauchampDeveloper @WhitewaterLabsEvangelist @Crittercism@cjbeauchamp