SlideShare a Scribd company logo
1 of 40
Download to read offline
Case Study:
Telematics Dashboard
Zach Pousman                       IQ Agency
                            www.iqagency.com
Director of Strategy & UX
@thinky on twitter
What do drivers care about?
Involving them in the process
UX deliverables
Final 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 drivers
Photo credit: 'Bruce Weiner Microcar Museum' (Isetta 1958)
OMG Awesome, amirite?!
Photo credit: http://www.flickr.com/photos/toastforbrekkie/
Understanding drivers
Photo credit: 'Bruce Weiner Microcar Museum' (Isetta 1958)
[Current Application]
[Current Application]
Create meaning from
       raw data

                      WISDOM
        MEANING




                     KNOWLEDGE


                     INFORMATION


                       DATA



Copyright © 2011 by IQ Agency      12
... and match with deeper
       interactions

                      WISDOM            CONFIDENCE




                                                     ENGAGEMENT
        MEANING




                     KNOWLEDGE              ACTION


                     INFORMATION        UNDERSTAND


                       DATA                  VIEW




Copyright © 2011 by IQ Agency      13
Target Audiences
                                HOUSEHOLD ‘FLEET’ MANAGER
                                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.



                                PASSIONATE DRIVER
                                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.


                                SUSTAINABILITY-MINDED
                                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.




Copyright © 2011 by IQ Agency                   14
Include
 end-users
Include
 end-users?
Design is messy




    Co-creation & Co-design
      User as design partner
                               Traditional usability testing
                                 User as experimental subject
Move up the design hierarchy
From Stephen Anderson [poetpainter.com]



                                                       Meaningful

                                                       Pleasurable

                                          Convenient

                                            Usable

                                           Reliable

                                          Functional
H
                                                                                                                        O
                                                                                                                            T
                                                                                                                                TI
       APPLICATION DESIGN MAXIMS
                                                                                                                                  P!


       ELEGANT                                 FAST                                  SIMPLE
       The aesthetic is clean, almost          The app should load quickly. The      The app is as complicated as
       spartan. Our job is to bring a          first screen an inspiring zen-like    necessary but no more. The
       user’s data to life, to let it speak.   dashboard. It should be fast to get   experience should be easy and it
       The data should be the hero, and a      an overview (and move on with         should always be clear what do to
       user should feel excited and            life) or, sparked by something        next. Features are where they
       engaged as he or she explores.          interesting or an alert, dig in and   should be -- when you look for a
                                               explore.                              feature, the first place you look
       Data should be labeled, so that a                                             should be the place it's found.
       user knows what is being shown          HELPFUL
       and data tables should be               The app is cheerful and helpful.      If there is a simpler way to do
       available.                              We want it to feel nearly             something we do it (even if that
                                               clairvoyant, which is the sum total   means a 0.01% edge case is
       Fonts matter and the little             of the UX, the design, and the app    frustrating or even impossible).
       function icons are also important.      features. The app doesn't talk
       The colors scheme(s) should             down to users but it does help        FUN / ENJOYABLE
       enhance the experience, not be an       them when they ask for it.            This is an up-market product.
       experience, so we recommend a                                                 Drivers will come here with needs
       minimal or monochrome main              The application should be chock       and tasks to accomplish, but
       palette. We reserve red-yellow-         full of tips and tricks, helping      they’ll return again and again if we
       green for status indicators.            people to use the data that’s         make the experience fun and give
                                               collected, and leverage ‘smart        the app a bit of personality.
                                               defaults’ for settings.



Copyright © 2011 by IQ Agency                                  19
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’




J. Rode et al.
ʻFuzzy Feltʼ
Ethnography
‘Guilt’




J. Rode et al.
ʻFuzzy Feltʼ
Ethnography
‘Trust’




J. Rode et al.
ʻFuzzy Feltʼ
Ethnography
Wireframes + Final Design
P.10 HTI_InDrive_Wireframes_v2.3 | Dashboard - Multi Car                                                                                                                                               Modified on Fri May 20 2011
                                                                                                                                                                                                                                     NOTES | PSD 2c | PSD 2b - MB                     designed by
                                                                                                                                                                                                                                           This page is available for Mercedes Benz

                                                                                                                                                                 <F.Name, L.Name>                                                      A   Car Selector:
                                                                                                                                                                  <Year Make Model>                                   img
                                                                                                                                                                                                                                           Feature shall only be available on accounts with
                                                                                                                                                                                                                                           multiple cars. On Click, system shall display a
                                                                                                                                                                                                                                           drop drown list with other available vehicles to
                                                                                            A                                                                                                                                              select:
                                                                                                                                                                                                      My Account | Logout
                                              Vehicle Health                          - Nancy
   Dashboard
   Overview                                   Diagnostics                                                                                                        Diagnostics Summary
                                                                                                                                                                                                                                             <F.Name L.Name>
                                                                                                                                                                                                                                               <Year Make Model>               img
                                                                                                                                                                                                                                                   Change Car
   Driving Reports                                 Radiator                                                    Electrical                                                  Service Required
                                                                                                                                           Wiring                          Emissions lorem ipsum

                                                                                                                                                                           Breaks: 20%
   Vehicle Health                                                                                                                                                                                                                            <F.Name L.Name>
                                                                                                                                                                                                                                               <Year Make Model>               img
                                                Battery
                                                                                                                                                                           Oil: 10%
   Family Monitor                                                                                                                                Emissions
                                                                                                                                                                           All Other Systems OK

                                                                                                                                                                                                                                             <F.Name L.Name>
                                                                                                                                            Tires                          30% OFF                                                              <Year Make Model>              img
                                                                                                                                                                           Next Oil Change
                                                                                                                                                                           10% OFF
                                                Powertrain
                                                                                      Mechanical                                        Breaks                             Next Scheduled Maintenance
                                                                                                                                                                                                                                             <F.Name L.Name>
                                                                                                                                                                                                                                                <Year Make Model>              img

                                              Family Monitoring - Family
                                                                    Nancy                                                         Michelangelo                                                 Lucy
    Tip lorem ipsum                                                 <Year Make Model>                                             <Year Make Model>                                            <Year Make Model>
                                                         img                                                       img                                                          img
                                                                        4 Alerts                                                        2 Alerts                                                   3 Alerts
     Lorem ipsum dolor sit
     amet, consectetur                        Current Location                                                 Current Location                                        Current Location
     adipisicing elit, sed
                                                     +                        Satellite                            +                          Satellite                         +                           Satellite
     do eiusmod tempor
     incididunt.




                                                 Arrived: 45min ago                                             Arrived: 3hrs ago                                        On the go: 10min ago
                                                 <Fence Name>                                                   <Fence Name>


                                                                                  A

                                              My Driving - Nancy                                     | This Week
                                                 Week                    Total Miles:            263mi                  Max Speed:          87mph
                                                 Stats                     Avg. Trip:            34mi                  Avg. Speed:          43mph
                                                                                                                                                                                    Combined MPG:                      33
                                              WED                  20 THU                    21      FRI               22     SAT                23    SUN              24      MON                25       TODAY           26
                                                   50                       50                                                    50                       50                           50                      50



                                                   40                                                                             40                       40                           40



                                                   30                                                      63mi                   30

                                                                                                                                                                                                                  40mi
                                                                              40mi                                                                                                        38mi
                                                                                                                                                             30mi
                                                         32mi
                                                                                                                                    20mi
                                                         2 Trips                  4 Trips                  4 Trips                  2 Trips                  2 Trips                     4 Trips                 4 Trips
                                             Miles / Day
                                             Miles / Day       Map It                       Map It                   Map It                   Map It                   Map It                      Map It                   Map It

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




                                                                                                     Footer
IQ Interactive 280 Interstate North Circle SE, Suite 300, Atlanta GA 30339              p 404.255.3550           f 770.956.8014          iqinteractive.com
Copyright 2011 IQ Interactive  Confidential and Proprietary
Modified on Fri May 20 2011



                                                                                              <F.Name, L.Name>
                                                                                               <Year Make Model>              img


                                                  A
                                                                                                                     My Account | Logout
                        Vehicle Health        - Nancy
Dashboard
Overview                Diagnostics                                                           Diagnostics Summary

Driving Reports            Radiator                        Electrical                              Service Required
                                                                            Wiring                 Emissions lorem ipsum

                                                                                                   Breaks: 20%
Vehicle Health
                         Battery
                                                                                                   Oil: 10%
Family Monitor                                                                    Emissions
                                                                                                   All Other Systems OK


                                                                              Tires                30% OFF
                                                                                                   Next Oil Change
                                                                                                   10% OFF
                         Powertrain
                                              Mechanical                 Breaks                    Next Scheduled Maintenance




                        Family Monitoring - Family
                                      Nancy                             Michelangelo                           Lucy
Tip lorem ipsum                       <Year Make Model>                 <Year Make Model>                      <Year Make Model>
                            img                                img                                   img
                                       4 Alerts                          2 Alerts                                  3 Alerts
Lorem ipsum dolor sit
amet, consectetur       Current Location                   Current Location                      Current Location
adipisicing elit, sed
                            +               Satellite          +               Satellite            +                   Satellite
do eiusmod tempor
incididunt.
Family Monitoring - Family
                                   Nancy                                     Michelangelo                               Lucy
Tip lorem ipsum                    <Year Make Model>                         <Year Make Model>                          <Year Make Model>
                           img                                    img                                        img
                                    4 Alerts                                      2 Alerts                                3 Alerts
Lorem ipsum dolor sit
amet, consectetur       Current Location                       Current Location                         Current Location
adipisicing elit, sed
                           +               Satellite              +                  Satellite               +                 Satellite
do eiusmod tempor
incididunt.




                         Arrived: 45min ago                     Arrived: 3hrs ago                        On the go: 10min ago
                         <Fence Name>                           <Fence Name>


                                           A

                        My Driving - Nancy              | This Week
                         Week           Total Miles:   263mi          Max Speed:     87mph
                         Stats           Avg. Trip:    34mi           Avg. Speed:    43mph
                                                                                                                 Combined MPG:         33
                        WED      20 THU           21    FRI           22   SAT        23     SUN        24   MON          25   TODAY        26
                          50              50                                 50                  50                50             50



                          40                                                 40                  40                40



                          30                                  63mi           30

                                                                                                                                   40mi
                                           40mi                                                                    38mi
                                                                                                 30mi
Arrived: 45min ago                                            Arrived: 3hrs ago                                        On the go: 10min ago
   <Fence Name>                                                  <Fence Name>


                                    A

My Driving - Nancy                                     | This Week
    Week                   Total Miles:            263mi                  Max Speed:        87mph
    Stats                    Avg. Trip:            34mi                  Avg. Speed:        43mph
                                                                                                                                 Combined MPG:                     33
 WED                 20 THU                    21      FRI              22      SAT              23      SUN             24      MON            25       TODAY          26
      50                      50                                                    50                       50                      50                      50



      40                                                                            40                       40                      40



      30                                                     63mi                   30

                                                                                                                                                               40mi
                                40mi                                                                                                   38mi
                                                                                                               30mi
           32mi
                                                                                      20mi
           2 Trips                  4 Trips                  4 Trips                  2 Trips                 2 Trips                 4 Trips                 4 Trips
Miles / Day
Miles / Day      Map It                       Map It                   Map It                   Map It                  Map It                  Map It                  Map It

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




                                                       Footer
My Account | Logout
                    Today's Family Snapshot
Dashboard                                                                                     Satellite                     Nancy
                       +       Refresh
                                                                                                               img
                                                                                                                            <Year Make Model>

Driving Reports                                                                                                             At College
                                                                                                                            3hrs ago

Vehicle Health                                                  College                                         Fence(s):          ON     OFF
                                                                                A   Home
Family Monitoring
       Monitor                                                                                                        Track:    Show
                                                                                                                                 ON      Hide
                                                                                                                                         OFF

 Alert History
                                                                                                                            Michelangelo
                                                                                                                            <Year Make Model>
                                                                                                                img
                                                                                                                            At Airport
                                                                                                                            20min ago


                                                                                                                Fence(s):          ON     OFF

                                                                                             Work                     Track:    Show
                                                                                                                                 ON      Hide
                                                                                                                                         OFF
                                   Boyfriend

                                                                                                                            Lucy
                                                                                                                            <Year Make Model>
                                                                                                                img
                                                                                                                            On the go
                                                                                                                            10min ago
                                                                                       Boyfriend
                                                                                                                Fence(s):          ON     OFF

                                                    Airport
                                                                                                                      Track:    Show
                                                                                                                                 ON      Hide
                                                                                                                                         OFF




                       Fences                                         +   Add Fence                       Fence Alerts           View Full History
                    Name      Days / Times            Type            Status        Edit                  Alerts - Last 5
                              S, M, T, W. T, F, S     • Enter, Exit                 Edit                  1/1/10 4:30pm
                    Home                                              Enabled                             Left <Fence Name or Address
                              10:00pm - 10:00am • SMS, Email                        Delete
                                                                                                          1/1/10 4:30pm
                              S, M, T, W. T, F, S     • Enter                       Edit                  Left <Fence Name or Address
                    College                                           Enabled
                                                                                                          1/1/10 4:30pm                              B
                              10:00pm - 10:00am • Email                             Delete
                                                                                                          Left <Fence Name or Address
                              S, M, T, W. T, F, S     • Exit                        Edit
Thanks!
Questions?



Zach Pousman
Director of Strategy & UX
@thinky on twitter

More Related Content

Viewers also liked

The Supply Chain Index: Evaluating the Healthcare Value Network
The Supply Chain Index: Evaluating the Healthcare Value NetworkThe Supply Chain Index: Evaluating the Healthcare Value Network
The Supply Chain Index: Evaluating the Healthcare Value NetworkLora Cecere
 
Embedding Design in a Mental Health Network - Pierri, Warwick, Garber
Embedding Design in a Mental Health Network - Pierri, Warwick, GarberEmbedding Design in a Mental Health Network - Pierri, Warwick, Garber
Embedding Design in a Mental Health Network - Pierri, Warwick, GarberServDes
 
Creating Pleasurable Experiences, Zach Pousman, ReMIX Atlanta
Creating Pleasurable Experiences, Zach Pousman, ReMIX AtlantaCreating Pleasurable Experiences, Zach Pousman, ReMIX Atlanta
Creating Pleasurable Experiences, Zach Pousman, ReMIX AtlantaZach Pousman
 
Mapping care: a case study of dementia service provision in the North East of...
Mapping care: a case study of dementia service provision in the North East of...Mapping care: a case study of dementia service provision in the North East of...
Mapping care: a case study of dementia service provision in the North East of...ServDes
 
Closing ServDes 2016 - Nicola Morelli
Closing ServDes 2016 - Nicola MorelliClosing ServDes 2016 - Nicola Morelli
Closing ServDes 2016 - Nicola MorelliServDes
 
Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX
Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUXPursuing Elegance - Introduction to Elegance in Digital Product Design @amUX
Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUXZach Pousman
 
How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!Zach Pousman
 
Tom Haslow - Strategic Planning Portfolio
Tom Haslow - Strategic Planning PortfolioTom Haslow - Strategic Planning Portfolio
Tom Haslow - Strategic Planning PortfolioTom Haslow
 
Moving Towards Service Dominant Logic in Manufacturing Sector: Development of...
Moving Towards Service Dominant Logic in Manufacturing Sector: Development of...Moving Towards Service Dominant Logic in Manufacturing Sector: Development of...
Moving Towards Service Dominant Logic in Manufacturing Sector: Development of...ServDes
 
Service Pathway: a Case Study of Business Model Design in Healthcare - Ooster...
Service Pathway: a Case Study of Business Model Design in Healthcare - Ooster...Service Pathway: a Case Study of Business Model Design in Healthcare - Ooster...
Service Pathway: a Case Study of Business Model Design in Healthcare - Ooster...ServDes
 

Viewers also liked (10)

The Supply Chain Index: Evaluating the Healthcare Value Network
The Supply Chain Index: Evaluating the Healthcare Value NetworkThe Supply Chain Index: Evaluating the Healthcare Value Network
The Supply Chain Index: Evaluating the Healthcare Value Network
 
Embedding Design in a Mental Health Network - Pierri, Warwick, Garber
Embedding Design in a Mental Health Network - Pierri, Warwick, GarberEmbedding Design in a Mental Health Network - Pierri, Warwick, Garber
Embedding Design in a Mental Health Network - Pierri, Warwick, Garber
 
Creating Pleasurable Experiences, Zach Pousman, ReMIX Atlanta
Creating Pleasurable Experiences, Zach Pousman, ReMIX AtlantaCreating Pleasurable Experiences, Zach Pousman, ReMIX Atlanta
Creating Pleasurable Experiences, Zach Pousman, ReMIX Atlanta
 
Mapping care: a case study of dementia service provision in the North East of...
Mapping care: a case study of dementia service provision in the North East of...Mapping care: a case study of dementia service provision in the North East of...
Mapping care: a case study of dementia service provision in the North East of...
 
Closing ServDes 2016 - Nicola Morelli
Closing ServDes 2016 - Nicola MorelliClosing ServDes 2016 - Nicola Morelli
Closing ServDes 2016 - Nicola Morelli
 
Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX
Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUXPursuing Elegance - Introduction to Elegance in Digital Product Design @amUX
Pursuing Elegance - Introduction to Elegance in Digital Product Design @amUX
 
How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!How to focus - design your new app in 60 minutes!
How to focus - design your new app in 60 minutes!
 
Tom Haslow - Strategic Planning Portfolio
Tom Haslow - Strategic Planning PortfolioTom Haslow - Strategic Planning Portfolio
Tom Haslow - Strategic Planning Portfolio
 
Moving Towards Service Dominant Logic in Manufacturing Sector: Development of...
Moving Towards Service Dominant Logic in Manufacturing Sector: Development of...Moving Towards Service Dominant Logic in Manufacturing Sector: Development of...
Moving Towards Service Dominant Logic in Manufacturing Sector: Development of...
 
Service Pathway: a Case Study of Business Model Design in Healthcare - Ooster...
Service Pathway: a Case Study of Business Model Design in Healthcare - Ooster...Service Pathway: a Case Study of Business Model Design in Healthcare - Ooster...
Service Pathway: a Case Study of Business Model Design in Healthcare - Ooster...
 

Similar to CHI*A CHI Atlanta September Showcase: Zach Pousman

Customer Experience in a Digital & Complex World
Customer Experience in a Digital & Complex WorldCustomer Experience in a Digital & Complex World
Customer Experience in a Digital & Complex WorldRelax In The Air
 
UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-DDoralin Kelly
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile SolutionsDMI
 
Mobile User Experience – A key to successful strategies in the mobile market
Mobile User Experience – A key to successful strategies in the mobile marketMobile User Experience – A key to successful strategies in the mobile market
Mobile User Experience – A key to successful strategies in the mobile marketHenrik Hedegaard
 
Dribbble inkod 2013
Dribbble inkod 2013Dribbble inkod 2013
Dribbble inkod 2013Ilan Dray
 
Visual design - a key part of mobile apps
Visual design - a key part of mobile appsVisual design - a key part of mobile apps
Visual design - a key part of mobile appsHenrik Hedegaard
 
Designing Software With the User in Mind - Symbio
Designing Software With the User in Mind - SymbioDesigning Software With the User in Mind - Symbio
Designing Software With the User in Mind - SymbioEmily Chong
 
Siyuan Fang Portfolio 2016
Siyuan Fang Portfolio 2016Siyuan Fang Portfolio 2016
Siyuan Fang Portfolio 2016Siyuan Fang
 
Mobile App Design @ ITU 2012
Mobile App Design @ ITU 2012Mobile App Design @ ITU 2012
Mobile App Design @ ITU 2012Henrik Hedegaard
 
10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App DevelopersJigyasa Makkar
 
Serendipity - UX & Digital Marketing
Serendipity - UX & Digital MarketingSerendipity - UX & Digital Marketing
Serendipity - UX & Digital MarketingAudrey Ang
 
Animating the UI - Angie Terrell
Animating the UI - Angie TerrellAnimating the UI - Angie Terrell
Animating the UI - Angie TerrellAngie Terrell
 
Portfolio david serrault 2015
Portfolio david serrault 2015Portfolio david serrault 2015
Portfolio david serrault 2015David Serrault
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile AppsKamil Zieba
 
Eye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business RequirementEye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business RequirementStephen Anderson
 
Overcoming Barriers to Adopting a Mobile or Tablet App
Overcoming Barriers to Adopting a Mobile or Tablet AppOvercoming Barriers to Adopting a Mobile or Tablet App
Overcoming Barriers to Adopting a Mobile or Tablet AppGuideOne Mobile
 
App Design – Size Makes a difference
App Design – Size Makes a difference App Design – Size Makes a difference
App Design – Size Makes a difference Henrik Hedegaard
 

Similar to CHI*A CHI Atlanta September Showcase: Zach Pousman (20)

Customer Experience in a Digital & Complex World
Customer Experience in a Digital & Complex WorldCustomer Experience in a Digital & Complex World
Customer Experience in a Digital & Complex World
 
UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-D
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
 
Mobile User Experience – A key to successful strategies in the mobile market
Mobile User Experience – A key to successful strategies in the mobile marketMobile User Experience – A key to successful strategies in the mobile market
Mobile User Experience – A key to successful strategies in the mobile market
 
Dribbble inkod 2013
Dribbble inkod 2013Dribbble inkod 2013
Dribbble inkod 2013
 
Visual design - a key part of mobile apps
Visual design - a key part of mobile appsVisual design - a key part of mobile apps
Visual design - a key part of mobile apps
 
Designing Software With the User in Mind - Symbio
Designing Software With the User in Mind - SymbioDesigning Software With the User in Mind - Symbio
Designing Software With the User in Mind - Symbio
 
Siyuan Fang Portfolio 2016
Siyuan Fang Portfolio 2016Siyuan Fang Portfolio 2016
Siyuan Fang Portfolio 2016
 
Mobile App Design @ ITU 2012
Mobile App Design @ ITU 2012Mobile App Design @ ITU 2012
Mobile App Design @ ITU 2012
 
10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers
 
Marketing and distribution
Marketing and distributionMarketing and distribution
Marketing and distribution
 
Serendipity - UX & Digital Marketing
Serendipity - UX & Digital MarketingSerendipity - UX & Digital Marketing
Serendipity - UX & Digital Marketing
 
Animating the UI - Angie Terrell
Animating the UI - Angie TerrellAnimating the UI - Angie Terrell
Animating the UI - Angie Terrell
 
Portfolio david serrault 2015
Portfolio david serrault 2015Portfolio david serrault 2015
Portfolio david serrault 2015
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
 
Eye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business RequirementEye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business Requirement
 
Aisha hanif
Aisha hanifAisha hanif
Aisha hanif
 
Vc info park
Vc  info parkVc  info park
Vc info park
 
Overcoming Barriers to Adopting a Mobile or Tablet App
Overcoming Barriers to Adopting a Mobile or Tablet AppOvercoming Barriers to Adopting a Mobile or Tablet App
Overcoming Barriers to Adopting a Mobile or Tablet App
 
App Design – Size Makes a difference
App Design – Size Makes a difference App Design – Size Makes a difference
App Design – Size Makes a difference
 

Recently uploaded

Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
costume and set research powerpoint presentation
costume and set research powerpoint presentationcostume and set research powerpoint presentation
costume and set research powerpoint presentationphoebematthew05
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Neo4j
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfngoud9212
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 

Recently uploaded (20)

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
costume and set research powerpoint presentation
costume and set research powerpoint presentationcostume and set research powerpoint presentation
costume and set research powerpoint presentation
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptxVulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort ServiceHot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdf
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 

CHI*A CHI Atlanta September Showcase: Zach Pousman

  • 1. Case Study: Telematics Dashboard Zach Pousman IQ Agency www.iqagency.com Director of Strategy & UX @thinky on twitter
  • 2. What do drivers care about? Involving them in the process UX deliverables Final app design
  • 5. Do they want to have fun?
  • 6. Understanding drivers Photo credit: 'Bruce Weiner Microcar Museum' (Isetta 1958)
  • 7. Understanding drivers Photo credit: 'Bruce Weiner Microcar Museum' (Isetta 1958)
  • 8. OMG Awesome, amirite?! Photo credit: http://www.flickr.com/photos/toastforbrekkie/
  • 9. Understanding drivers Photo credit: 'Bruce Weiner Microcar Museum' (Isetta 1958)
  • 12. Create meaning from raw data WISDOM MEANING KNOWLEDGE INFORMATION DATA Copyright © 2011 by IQ Agency 12
  • 13. ... and match with deeper interactions WISDOM CONFIDENCE ENGAGEMENT MEANING KNOWLEDGE ACTION INFORMATION UNDERSTAND DATA VIEW Copyright © 2011 by IQ Agency 13
  • 14. Target Audiences HOUSEHOLD ‘FLEET’ MANAGER 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. PASSIONATE DRIVER 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. SUSTAINABILITY-MINDED 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. Copyright © 2011 by IQ Agency 14
  • 17. Design is messy Co-creation & Co-design User as design partner Traditional usability testing User as experimental subject
  • 18. Move up the design hierarchy From Stephen Anderson [poetpainter.com] Meaningful Pleasurable Convenient Usable Reliable Functional
  • 19. H O T TI APPLICATION DESIGN MAXIMS P! ELEGANT FAST SIMPLE The aesthetic is clean, almost The app should load quickly. The The app is as complicated as spartan. Our job is to bring a first screen an inspiring zen-like necessary but no more. The user’s data to life, to let it speak. dashboard. It should be fast to get experience should be easy and it The data should be the hero, and a an overview (and move on with should always be clear what do to user should feel excited and life) or, sparked by something next. Features are where they engaged as he or she explores. interesting or an alert, dig in and should be -- when you look for a explore. feature, the first place you look Data should be labeled, so that a should be the place it's found. user knows what is being shown HELPFUL and data tables should be The app is cheerful and helpful. If there is a simpler way to do available. We want it to feel nearly something we do it (even if that clairvoyant, which is the sum total means a 0.01% edge case is Fonts matter and the little of the UX, the design, and the app frustrating or even impossible). function icons are also important. features. The app doesn't talk The colors scheme(s) should down to users but it does help FUN / ENJOYABLE enhance the experience, not be an them when they ask for it. This is an up-market product. experience, so we recommend a Drivers will come here with needs minimal or monochrome main The application should be chock and tasks to accomplish, but palette. We reserve red-yellow- full of tips and tricks, helping they’ll return again and again if we green for status indicators. people to use the data that’s make the experience fun and give collected, and leverage ‘smart the app a bit of personality. defaults’ for settings. Copyright © 2011 by IQ Agency 19
  • 20. Card sort & Dashboard Design J. Rode et al. ʻFuzzy Feltʼ Ethnography
  • 21. 5 participants 40-60 year old women Moms of teen drivers High HH income Savvy but not ‘techy’
  • 22. ‘Safety’ J. Rode et al. ʻFuzzy Feltʼ Ethnography
  • 23. ‘Guilt’ J. Rode et al. ʻFuzzy Feltʼ Ethnography
  • 24. ‘Trust’ J. Rode et al. ʻFuzzy Feltʼ Ethnography
  • 26. P.10 HTI_InDrive_Wireframes_v2.3 | Dashboard - Multi Car Modified on Fri May 20 2011 NOTES | PSD 2c | PSD 2b - MB designed by This page is available for Mercedes Benz <F.Name, L.Name> A Car Selector: <Year Make Model> img Feature shall only be available on accounts with multiple cars. On Click, system shall display a drop drown list with other available vehicles to A select: My Account | Logout Vehicle Health - Nancy Dashboard Overview Diagnostics Diagnostics Summary <F.Name L.Name> <Year Make Model> img Change Car Driving Reports Radiator Electrical Service Required Wiring Emissions lorem ipsum Breaks: 20% Vehicle Health <F.Name L.Name> <Year Make Model> img Battery Oil: 10% Family Monitor Emissions All Other Systems OK <F.Name L.Name> Tires 30% OFF <Year Make Model> img Next Oil Change 10% OFF Powertrain Mechanical Breaks Next Scheduled Maintenance <F.Name L.Name> <Year Make Model> img Family Monitoring - Family Nancy Michelangelo Lucy Tip lorem ipsum <Year Make Model> <Year Make Model> <Year Make Model> img img img 4 Alerts 2 Alerts 3 Alerts Lorem ipsum dolor sit amet, consectetur Current Location Current Location Current Location adipisicing elit, sed + Satellite + Satellite + Satellite do eiusmod tempor incididunt. Arrived: 45min ago Arrived: 3hrs ago On the go: 10min ago <Fence Name> <Fence Name> A My Driving - Nancy | This Week Week Total Miles: 263mi Max Speed: 87mph Stats Avg. Trip: 34mi Avg. Speed: 43mph Combined MPG: 33 WED 20 THU 21 FRI 22 SAT 23 SUN 24 MON 25 TODAY 26 50 50 50 50 50 50 40 40 40 40 30 63mi 30 40mi 40mi 38mi 30mi 32mi 20mi 2 Trips 4 Trips 4 Trips 2 Trips 2 Trips 4 Trips 4 Trips Miles / Day Miles / Day Map It Map It Map It Map It Map It Map It Map It Map It! Map It! Map It! Map It! Map It! Map It! Map It! Footer IQ Interactive 280 Interstate North Circle SE, Suite 300, Atlanta GA 30339 p 404.255.3550 f 770.956.8014 iqinteractive.com Copyright 2011 IQ Interactive Confidential and Proprietary
  • 27. Modified on Fri May 20 2011 <F.Name, L.Name> <Year Make Model> img A My Account | Logout Vehicle Health - Nancy Dashboard Overview Diagnostics Diagnostics Summary Driving Reports Radiator Electrical Service Required Wiring Emissions lorem ipsum Breaks: 20% Vehicle Health Battery Oil: 10% Family Monitor Emissions All Other Systems OK Tires 30% OFF Next Oil Change 10% OFF Powertrain Mechanical Breaks Next Scheduled Maintenance Family Monitoring - Family Nancy Michelangelo Lucy Tip lorem ipsum <Year Make Model> <Year Make Model> <Year Make Model> img img img 4 Alerts 2 Alerts 3 Alerts Lorem ipsum dolor sit amet, consectetur Current Location Current Location Current Location adipisicing elit, sed + Satellite + Satellite + Satellite do eiusmod tempor incididunt.
  • 28. Family Monitoring - Family Nancy Michelangelo Lucy Tip lorem ipsum <Year Make Model> <Year Make Model> <Year Make Model> img img img 4 Alerts 2 Alerts 3 Alerts Lorem ipsum dolor sit amet, consectetur Current Location Current Location Current Location adipisicing elit, sed + Satellite + Satellite + Satellite do eiusmod tempor incididunt. Arrived: 45min ago Arrived: 3hrs ago On the go: 10min ago <Fence Name> <Fence Name> A My Driving - Nancy | This Week Week Total Miles: 263mi Max Speed: 87mph Stats Avg. Trip: 34mi Avg. Speed: 43mph Combined MPG: 33 WED 20 THU 21 FRI 22 SAT 23 SUN 24 MON 25 TODAY 26 50 50 50 50 50 50 40 40 40 40 30 63mi 30 40mi 40mi 38mi 30mi
  • 29. Arrived: 45min ago Arrived: 3hrs ago On the go: 10min ago <Fence Name> <Fence Name> A My Driving - Nancy | This Week Week Total Miles: 263mi Max Speed: 87mph Stats Avg. Trip: 34mi Avg. Speed: 43mph Combined MPG: 33 WED 20 THU 21 FRI 22 SAT 23 SUN 24 MON 25 TODAY 26 50 50 50 50 50 50 40 40 40 40 30 63mi 30 40mi 40mi 38mi 30mi 32mi 20mi 2 Trips 4 Trips 4 Trips 2 Trips 2 Trips 4 Trips 4 Trips Miles / Day Miles / Day Map It Map It Map It Map It Map It Map It Map It Map It! Map It! Map It! Map It! Map It! Map It! Map It! Footer
  • 30. My Account | Logout Today's Family Snapshot Dashboard Satellite Nancy + Refresh img <Year Make Model> Driving Reports At College 3hrs ago Vehicle Health College Fence(s): ON OFF A Home Family Monitoring Monitor Track: Show ON Hide OFF Alert History Michelangelo <Year Make Model> img At Airport 20min ago Fence(s): ON OFF Work Track: Show ON Hide OFF Boyfriend Lucy <Year Make Model> img On the go 10min ago Boyfriend Fence(s): ON OFF Airport Track: Show ON Hide OFF Fences + Add Fence Fence Alerts View Full History Name Days / Times Type Status Edit Alerts - Last 5 S, M, T, W. T, F, S • Enter, Exit Edit 1/1/10 4:30pm Home Enabled Left <Fence Name or Address 10:00pm - 10:00am • SMS, Email Delete 1/1/10 4:30pm S, M, T, W. T, F, S • Enter Edit Left <Fence Name or Address College Enabled 1/1/10 4:30pm B 10:00pm - 10:00am • Email Delete Left <Fence Name or Address S, M, T, W. T, F, S • Exit Edit
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40. Thanks! Questions? Zach Pousman Director of Strategy & UX @thinky on twitter