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 !


Top Related