CHI*A CHI Atlanta September Showcase: Zach Pousman

Case Study:Telematics DashboardZach PousmanDirector of Strategy & UX@thinky on twitter

IQ Agencywww.iqagency.com

http://www.iqagency.com


What do drivers care about?Involving them in the processUX deliverablesFinal app design

Motto:People are not robots.”

“

Efficiency?

Do they want to have fun?

Understanding drivers

Photo credit: 'Bruce Weiner Microcar Museum' (Isetta 1958)

Understanding driversUnderstanding drivers


Photo credit: http://www.flickr.com/photos/toastforbrekkie/

OMG Awesome, amirite?!

http://www.flickr.com/photos/toastforbrekkie/

http://www.flickr.com/photos/toastforbrekkie/

Understanding drivers


[Current Application]

[Current Application]

Copyright © 2011 by IQ Agency

Create meaning from raw data

12

ME

AN

ING

DATA

INFORMATION

WISDOM

KNOWLEDGE


... and match with deeper interactions

13

VIEW

UNDERSTAND

ACTION

CONFIDENCE

EN

GA

GE

ME

NT

ME

AN

ING

DATA

INFORMATION

WISDOM

KNOWLEDGE

Copyright © 2011 by IQ Agency 14

Target Audiences

HOUSEHOLD ‘FLEET’ MANAGER

PASSIONATE DRIVER

SUSTAINABILITY-MINDED

Many multi-car households assign someone to be in charge of the vehicle sphere. Especially with teen drivers, parents have concerns about whether their children’s vehicles are in good working order. As well, they have worries about how well their kids drive, asking rhetorical questions like “Did they arrive safely?” “Are they (still) speeding around town?” and, to a lesser extent “Are they breaking their curfew or going places they shouldn’t?”

Parents spend a lot of time and energy building trust with their teens, so adding in-Drive is delicate, since it can harm the balance of trust.

A younger audience, and predominantly men, is focused on driving as an activity. They purchase cars because of how well they handle. They care about acceleration, g-forces, and their driving habits for their own sake.

Predominantly urban, and mostly female, this population is concerned with maximizing their mileage per gallon, their driving efficiency, and use these metrics as a way to quantify how well or poorly they (and their friends) drive.

Includeend-users

Includeend-users?

Design is messy

User as design partner

Traditional usability testing

Co-creation & Co-design

User as experimental subject

Move up the design hierarchy

Functional

Reliable

Usable

Convenient

Pleasurable

Meaningful

From Stephen Anderson [poetpainter.com]


APPLICATION DESIGN MAXIMS

19

ELEGANT The aesthetic is clean, almost spartan. Our job is to bring a user’s data to life, to let it speak. The data should be the hero, and a user should feel excited and engaged as he or she explores.

Data should be labeled, so that a user knows what is being shown and data tables should be available.

Fonts matter and the little function icons are also important. The colors scheme(s) should enhance the experience, not be an experience, so we recommend a minimal or monochrome main palette. We reserve red-yellow-green for status indicators.

FASTThe app should load quickly. The first screen an inspiring zen-like dashboard. It should be fast to get an overview (and move on with life) or, sparked by something interesting or an alert, dig in and explore.

HELPFULThe app is cheerful and helpful. We want it to feel nearly clairvoyant, which is the sum total of the UX, the design, and the app features. The app doesn't talk down to users but it does help them when they ask for it.

The application should be chock full of tips and tricks, helping people to use the data that’s collected, and leverage ‘smart defaults’ for settings.

SIMPLEThe app is as complicated as necessary but no more. The experience should be easy and it should always be clear what do to next. Features are where they should be -- when you look for a feature, the first place you look should be the place it's found.

If there is a simpler way to do something we do it (even if that means a 0.01% edge case is frustrating or even impossible).

FUN / ENJOYABLEThis is an up-market product. Drivers will come here with needs and tasks to accomplish, but they’ll return again and again if we make the experience fun and give the app a bit of personality.

HOT TIP!

Card sort &Dashboard Design

J. Rode et al.ʻFuzzy FeltʼEthnography

5 participants 40-60 year old women Moms of teen drivers High HH income Savvy but not ‘techy’








‘Safety’


‘Guilt’


‘Trust’


Wireframes + Final Design

img<F.Name, L.Name>

<Year Make Model>

Dashboard

Driving Reports

Vehicle Health

Family Monitor

Overview Diagnostics Diagnostics Summary

All Other Systems OK

Emissions lorem ipsumService Required

Breaks: 20%

Oil: 10%

Next Oil Change30% OFF

Next Scheduled Maintenance10% OFF

Family Monitoring

imgNancy<Year Make Model>

Current Location

+

Michelangelo<Year Make Model>

Current Location

imgLucy<Year Make Model>

Current Location

+ +

Arrived: 45min ago<Fence Name>

Arrived: 3hrs ago<Fence Name>

On the go: 10min ago

My Driving - Nancy | This Week

img

Battery

Powertrain Breaks

Tires

Mechanical

Wiring

Emissions

ElectricalRadiator

3 Alerts2 Alerts4 Alerts

Vehicle Health - Nancy

Week Stats

263miTotal Miles:

43mphAvg. Speed:

87mphMax Speed:

34miAvg. Trip:33Combined MPG:

20WED

32mi

50

40

30

21THU

40mi

50

22FRI

63mi

23SAT

20mi

30

40

50

24SUN

30mi

40

50

25MON

38mi

40

50

26TODAY

40mi

50

2 Trips 4 Trips 4 Trips 2 Trips 2 Trips 4 Trips 4 TripsMiles / Day Map It Map It Map It Map It Map It Map It Map ItMiles / Day

Map It! Map It! Map It! Map It! Map It! Map It! Map It!

Tip lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.

- Family

SatelliteSatelliteSatellite

FooterIQ Interactive 280 Interstate North Circle SE, Suite 300, Atlanta GA 30339 p 404.255.3550 f 770.956.8014 iqinteractive.comCopyright 2011 IQ Interactive Confidential and Proprietary

designed byP.10 Dashboard - Multi CarHTI_InDrive_Wireframes_v2.3 |Modified on Fri May 20 2011

My Account | Logout

Car Selector:

Feature shall only be available on accounts with multiple cars. On Click, system shall display a drop drown list with other available vehicles to select:

AThis page is available for Mercedes Benz

NOTES | PSD 2c | PSD 2b - MB

img<F.Name L.Name>

<Year Make Model>Change Car

img<F.Name L.Name>

<Year Make Model>

img<F.Name L.Name>

<Year Make Model>

img<F.Name L.Name>

<Year Make Model>

A

A

img<F.Name, L.Name>

<Year Make Model>

Dashboard

Driving Reports

Vehicle Health

Family Monitor

Overview Diagnostics Diagnostics Summary

All Other Systems OK

Emissions lorem ipsumService Required

Breaks: 20%

Oil: 10%

Next Oil Change30% OFF

Next Scheduled Maintenance10% OFF

Family Monitoring


Current Location

+


Current Location


Current Location

+ +

img

Battery

Powertrain Breaks

Tires

Mechanical

Wiring

Emissions

ElectricalRadiator

3 Alerts2 Alerts4 Alerts

Vehicle Health - Nancy

Tip lorem ipsum


- Family


P.10 Dashboard - Multi CarHTI_InDrive_Wireframes_v2.3 |Modified on Fri May 20 2011

My Account | Logout

A

NOTES | PSD 2c | PSD 2b - MB

A

Family Monitoring


Current Location

+


Current Location


Current Location

+ +




My Driving - Nancy | This Week

img3 Alerts2 Alerts4 Alerts

Week Stats

263miTotal Miles:

43mphAvg. Speed:

87mphMax Speed:


20WED

32mi

50

40

30

21THU

40mi

50

22FRI

63mi

23SAT

20mi

30

40

50

24SUN

30mi

40

50

25MON

38mi

40

50

26TODAY

40mi

50

Tip lorem ipsum


- Family


A




My Driving - Nancy | This WeekWeek Stats

263miTotal Miles:

43mphAvg. Speed:

87mphMax Speed:


20WED

32mi

50

40

30

21THU

40mi

50

22FRI

63mi

23SAT

20mi

30

40

50

24SUN

30mi

40

50

25MON

38mi

40

50

26TODAY

40mi

50

2 Trips 4 Trips 4 Trips 2 Trips 2 Trips 4 Trips 4 TripsMiles / Day Map It Map It Map It Map It Map It Map It Map ItMiles / Day

Map It! Map It! Map It! Map It! Map It! Map It! Map It!

Footer

A

Dashboard

Driving Reports

Vehicle Health

Family MonitoringFamily Monitor

Today's Family Snapshot

Alert History

+ Refresh

Home

Work

College

Boyfriend

imgLucy<Year Make Model>On the go10min ago

Michelangelo<Year Make Model>img At Airport20min ago

imgNancy<Year Make Model>At College3hrs ago

ON OFFFence(s):

ON OFFTrack:

ON OFFFence(s):

ON OFFTrack:

ON OFFFence(s):

ON OFFTrack:

Boyfriend

Airport

HideShow

HideShow

HideShow

Satellite

View Full History

1/1/10 4:30pmLeft <Fence Name or Address


Alerts - Last 5

1/1/10 4:30pm


Fences

S, M, T, W. T, F, S

10:00pm - 10:00am

• Exit

Name

Boyfriend

Status

Edit

DeleteHome

Edit

Enabled

S, M, T, W. T, F, S

10:00pm - 10:00amEnabled

Edit

Edit

Delete

• Enter

• Email

• Enter, Exit

• SMS, Email

Type

S, M, T, W. T, F, S

College

Days / Times

Disabled

Add Fence+ Fence Alerts

My Account | Logout

A

B

Thanks! Questions?

Zach PousmanDirector of Strategy & UX@thinky on twitter

Technology

CHI*A CHI Atlanta September Showcase: Zach Pousman