designing ui/ux for mobile-connected devices

24
Mobile-Connected Device User Experience 1

Upload: erin-pfiffner

Post on 05-Dec-2014

516 views

Category:

Design


1 download

DESCRIPTION

Designing interfaces that interact with bluetooth- and internet-enabled devices introduces new UX challenges for designers and product managers to tackle. Hitting a home run with wearables and other connected products requires designers to find elegant ways to push technology out of the way. Learn from leading and failing UX examples dealing with device syncing, detecting battery life, iBeacons, and more to ensure you make informed UX decisions that truly make these devices a welcomed extension of your users' mobile experience.

TRANSCRIPT

Page 1: Designing UI/UX for Mobile-Connected Devices

Mobile-Connected Device User Experience

1

Page 2: Designing UI/UX for Mobile-Connected Devices
Page 3: Designing UI/UX for Mobile-Connected Devices
Page 4: Designing UI/UX for Mobile-Connected Devices

Background

Page 5: Designing UI/UX for Mobile-Connected Devices

Wearables and Beyond

Page 6: Designing UI/UX for Mobile-Connected Devices

Internet [Personal Network] of Things

Page 7: Designing UI/UX for Mobile-Connected Devices

Experience

Page 8: Designing UI/UX for Mobile-Connected Devices

Features

Behaviors

Behavior-Driven

Page 9: Designing UI/UX for Mobile-Connected Devices

Behavioral Life Cycle

Pairing Wearing Synching Charging

Page 10: Designing UI/UX for Mobile-Connected Devices

Pairing

Page 11: Designing UI/UX for Mobile-Connected Devices

Account CreationPairing

Page 12: Designing UI/UX for Mobile-Connected Devices

!

Need to know which device is yours…

Think hard… Do you need complex discovery and pairing

Pairing

Page 13: Designing UI/UX for Mobile-Connected Devices

Wearing

Page 14: Designing UI/UX for Mobile-Connected Devices

Wearing

Constantly Connected On Demand

Page 15: Designing UI/UX for Mobile-Connected Devices

Device UXInteraction (Input)

• Accelerometer (taps)

• Vibration

• Beeps/Tones

• Physical Buttons

• Small Display

• Touch Screens (not typical yet)

Wearing

Page 16: Designing UI/UX for Mobile-Connected Devices

App UXWearing

Page 17: Designing UI/UX for Mobile-Connected Devices

Synching

Page 18: Designing UI/UX for Mobile-Connected Devices

Am I Synched???Synching

Page 19: Designing UI/UX for Mobile-Connected Devices

Am I Synching???Synching

Page 20: Designing UI/UX for Mobile-Connected Devices

Charging

Page 21: Designing UI/UX for Mobile-Connected Devices

BatteryCharging

Page 22: Designing UI/UX for Mobile-Connected Devices

(Source: nerdery.com)

iBeacon Teaser

• Where am I? What am I near?

• Push an alert

• Bring a pass to the lock screen

• Transparently log information

Page 23: Designing UI/UX for Mobile-Connected Devices

@StateOfMobileDC

!

Microlocation Breakout Session

Next Thurs 4/24 6:45pm

Page 24: Designing UI/UX for Mobile-Connected Devices

23

@jlafollette!!@Citrrus !