PROJECT TITAN DASHBOARD
Professor Jason Occhipinti IXDS6123 Data Visualization Master of Arts Degree in Interactive Design Lindsey Wilson College, Columbia, Kentucky
By Atif Nagi Presented in M.A. Interactive Design project. Dec 10, 2015
TABLE OF CONTENTS EXECUTIVE SUMMARY PROJECT OVERVIEW
3 4
RESEARCH 5 DEMOGRAPHIC & BEHAVIOURS 6 PERSONAS 7 RESEARCH BOARD 9 MOOD BOARD 10 COMPETITIVE ANALYSIS 11 USER INTERVIEWS 13 USABILITY TESTING 14
EXPLORATION 16 INVENTORY AND TAXONOMY
17
IDEATION 19 SCHEDULE 21 MIND MAP 22 USER JOURNEY 23 SKETCHES 24
SOLUTION DESIGN
28
DESIGN PRINCIPLES 29 WIREFRAMES 30 HI-FI WIREFRAMES 39
CONCLUSION 53 USER CENTERED DESIGN PROCESS 54 REFERENCES 56 22
EXECUTIVE SUMMARY Semi-autonomous and autonomous cars are a rapidly evolving technology which only a few years ago was still considered science fiction. We have reason to believe through initial research* that It’s coming - the Apple car. Known as Project Titan in the industry and throughout the media, the Apple electric car is the most awaited automobile-related launch in decades. It is expected that Apple will place great emphasis on user-experience and emphasize new world thinking.
*References (page 56) 33
PROJECT OVERVIEW My goal was to investigate and research user-experience in automobile industry through competitive analysis, user’s interviews, persona development, target audience, solution design, prototype and usability test interviews. After research I uncovered that almost all major players are already working on electric semi-autonomous cars and heading towards fully autonomous vehicles. The real challenge would be to apply Apple’s legendary user experience and take driving experience to the next level. There is a need to design on-demand UI that only shows when user needs to see it. This is not an airplane cockpit. We need to make simpler and easy experience. Later in document you will uncover that Jason and Elena (personas) are design savvy, early adaptors and looking forward for breakthrough experience in automobile industry. Semi-Autonomous and smart safety technology already exists. My challenge would be to utilize the technology to design a user experience through UI, voice control and haptic feedback to make an easy and intuitive experience for Jason and Elena. Based on my findings I am proposing to extend Apple’s OS experience to dashboard to increase the usability and user experience of the vehicle.
4
RESEARCH
5
RESEARCH
DEMOGRAPHIC & BEHAVIOURS Primary target audience: Business executives and entrepreneurs
Secondary target audience: Working Professionals
Gender: Male and female
Gender: Male and female
Age: 35 – 45
Age: 25 – 38
Income: 150k+
Income: 65 – 100k
Background: Successful baby boomers/
Background: Gen X/Gen Y young
Gen X business executives and
professionals that are looking for an entry-
entrepreneurs who are also city dwellers that
level luxury electric autonomous car. These
are tech savvy and green friendly. These are
people are tech savvy and looking for eco-
wealthy and early adopters, whose income
friendly luxury vehicles. The echo friendly
levels put them in the upper-middle class
electric car’s interior really attracts tech savvy
segment. They are suitable for high end Titan
people. These young entry-level users will
product line.
lead to future sales of high end Titan product line.
6
RESEARCH
Primary persona: Jason Bradford Age: 40 Occupation: Entrepreneur Income: 150K Status: Married Location: Palo Alto, CA Goals • Stress free commute drive • Save time and make commute time productive • Take right choices to make world greener
“I WISH THERE WAS A GREEN ELECTRIC VEHICLE WITH INTUITIVE Technology IT and Internet Software
USER-EXPERIENCE SO THAT I DON’T HAVE TO STRESS ON THE ROAD, INSTEAD I ENJOY THE EXPERIENCE.”
Jason Bradford
Mobile Apps Social Networks
Frustrations • Few electric car choices in the market • Lack of in-car intuitive user experience Bio Jason is successful entrepreneur. He is the co-founder of successful Mobil analytical app based in Palo Alto, CA. His passion is technology and Internet of things. He is heavy user of email, chat/IM, social media, health bands, smart products and smart phones. He is an early technology adopter and he is not afraid to try new ideas. Jason lives in suburb with his wife and a daughter. His daily commute is a 45 miles from home to downtown office. His drive can be a nightmare in case of rush hour traffic jam.
7
RESEARCH
Secondary persona: Elena Rose Age: 32 Occupation: Marketing Income: 80K Status: Single Location: New York, NY Goals • Safe driving experience • Stay connected while driving
“I WISH TECHNOLOGY CAN HELP ME TO KEEP CYCLIST AND PEDESTRIAN Technology IT and Internet Software
SAFE ON THE ROAD. I HOPE THERE ARE AFFORDABLE AUTONOMOUS OR SEMI-AUTONOMOUS VEHICLES AVAILABLE IN THE MARKET. ”
Elena Rose
Mobile Apps Social Networks
Frustrations • Expensive electric car choices • Lack of in-car intuitive safety features
Bio Elena is a successful marketer. She works in a leading advertising agency in Manhattan. She works and lives in downtown. She never hesitates to learn something new. She is a design savvy and eco-friendly person. She appreciates clean design in decor, architecture, technology, products and appliances. She interacts with technology i.e. solar devices, (Hardware) macpro, Ipad, Ipod, Ipod mini, Iphone, smart tv, (Apps) Songza; Allrecipies, Lose it, Maps, Netflix, Weathernetwork; Whatsapp on daily basis. Elena enjoys downtown life style but she don’t like to drive in downtown. One has to be mindful of pedestrian and cyclist on congested roads. She wants stress free driving experience. Her secondary goal is to get extra help from technology, which enables her to drive safe, and stay connected online while driving to enjoy quality time with her family and friends. 8
RESEARCH
RESEARCH BOARD I researched current and future automobile concepts. I also explored data visualization through multiple digital devices of physical world. Pinterest board links: •
www.pinterest.com/atifnagi/auto-dashboard
•
www.pinterest.com/atifnagi/automobile-dashboard-2/
9
RESEARCH
MOOD BOARD The mood board consist of Apple’s OS UI elements, typography, concept sketches, nature, science fiction and history. I want to continue Apple’s legacy but I am also inspired by science fiction concepts of Minority report, Tron, and transparency of Jelly fish and deep sea. Pinterest pin link: •
www. pinterest.com/pin/427982770818046504/
10
RESEARCH
COMPETITIVE ANALYSIS I used qualitative research interviews and
Tier 1 competitor
Tier 2 competitor
online search to uncover strengths and weakness as well opportunities and threats to Project Titan. After online search I uncovered Tesla, Google car, BMW, Mercedes, Audi, Cadillac are major player in luxury semi-autonomous and autonomous automobile. Industry leaders are forecasting, on average most of major brand models capable of autonomous highway driving will be available to the market by 2020. Source: www.driverless-future.com/?page_id=384
11
RESEARCH
Competitor comparison
Brands
Autonomous
Semi-autonomous
Electric
Safety
Titan
X
X
X
X
X
X
X
X
X
X
X
Mercedes
X
X
X
BMW
X
X
X
X
Tesla
UX X
X
SWOT Based on research and competitive analysis I uncovered strengths, weaknesses, opportunities and threats analysis: Strengths: Apple’s strong User experience design background. Weaknesses: New to industry, Apple is entering to automobile industry first time with a little experience in automotive industry. Opportunities: There is a gap of intuitive user experience in automobile industry. Threats: Automobile big players can catch-up to Apple’s vision very quickly. 12
RESEARCH
USER INTERVIEWS NEIL
I would like to see information that helps me on my current journey: notifications of accidents/ road closures up ahead and then suggestions for alternate routes. If I am low on gas directions to the nearest gas station would be helpful if I am in an area I am not familiar with. If I am heading into an area that is experiencing bad weather alerts could be helpful.
SONIA
DEAN
CHRIS
Quick, at a glance interface showing my speed, fuel level and any important notifications that could affect the performance of my vehicle.
I would like all my diagnostic information available to me ondemand, so they would all need to be factored into the design. For example: Gas gauge, engine temperature, tire pressure, RPMs, odometer etc. I would also like to be able to control when they would appear on the screen (i.e. gas gauge appears at the half mark).
The ones I focus on the most are speed and fuel. I rarely find myself paying attention to the temperature gauge or battery voltage. While these do have their place, it would be nice if I only saw them if something were going wrong.
13 13
RESEARCH
USABILITY TESTING NEIL
95%
SONIA
100%
I am a design savvy person and I loved the simplicity, consistency, colors, affordance of interface.
80%
DEAN
100%
I like the simplicity and learnability of the interface. The interface is self-explanatory and intuitive like my personal iPhone.
90%
FARAH
100%
I am so comfortable with overall Apple OS familiarity, icons, color, and on demand driving and engine process feedback.
Low fidelity prototype results
100%
100%
I can’t wait to see Apple’s Titan in action. I wish I can drive one soon.
Hi fidelity prototype results
14 14
RESEARCH
USABILITY TESTING
on primary, secondary persona and
Hi-Fi wireframes:
availability of evaluator resources. I selected
• Improve overall icons of interface.
7 evaluators based on their previous
• Reduce elements from information cluster.
Usability research goals
experience with Apple products and driving
• Make “Siri” icon prominent on centre plate.
Goal 1
skills. Each user was given a list of tasks to
• Improve data visualization, make them
complete. They were scored based on their
intuitive and easy to understand on
ability to complete the task. Participants
information cluster.
were family, friends and coworkers of
• Full function phone screen will only appear
this researcher therefore no recruitment
in parking mode on centre plate.
techniques were employed.
• Reorganize Apps hierarchy list in central
To determine if there are any major usability issues. Research should identify usability pain points. Goal 2 To determine if the user interface is intuitive,
display unit.
providing the appropriate affordances for
Outcomes
• Add seat heating and on/off button in
ease of use.
I arranged user testing in two phase --
climate control.
Lo-Fi paper and Hi-Fi interactive prototype
• Add vertical seat controls.
evaluation.
• Enlarge mirror control buttons.
the information delivered through information
Lo-Fi evaluation
cluster, center plate and central display unit.
Hi-Fi evaluation
User testing through Lo-Fi paper prototype
After applying Lo-Fi evaluation
revealed major pain points in usability
recommendations, I achieved 100%
and enhanced interface features of the
effectiveness, efficiency and satisfaction
information cluster, center plate and central
through user flow interactions, intuitive UI,
display unit. Based on evaluator’s feedback,
labels, and icons of the website. There were
I recommend the following improvements for
no usability issues found in Hi-Fi evaluation.
Goal 3 To determine if the users are satisfied with
Research methods and usability procedures The research method used was microusability testing by observational research. The evaluator selection criteria was based
15
EXPLORATION
16
EXPLORATION
INVENTORY AND TAXONOMY
Google Docs: https://docs.google.com/spreadsheets/d/18mzKByZbumHhz-QF2-VH_cRTld8liQoeG0Eqn-9qIYU/edit#gid=0
17
EXPLORATION
INVENTORY AND TAXONOMY
18
EXPLORATION
IDEATION Initial thoughts
The ease with which new users can begin effective interaction and achieve maximal performance. (Predictability, Synthesizability, Familiarity, Generalizability, Consistency)
• IxD = A + B Group “A” represents human presence and
- Flexibility
properties. This is fundamentally the “user-
The multiplicity of ways the user and
experience” - these include:
system exchange information. (Dialogue
1) Cognitive (COG)
initiative, Multithreading, Task migratability,
2) Sensual (SEN)
Substitutivity, Customizability)
3) Physical (PHY) 4) Emotional (EMO)
- Robustness (Observability, Recoverability,
Group “B” represents the devices, systems,
Responsiveness, Task conformance)
services, products and so on - these include: 1) Environmental (ENV)
• Norman’s 7 principle
2) Systems (SYS)
1. Real-world knowledge, 2. Simplify Tasks,
3) Communicative (COM)
3. Make visible, 4. Mapping, 5. Power of
4) Industrial (IND)
constraints, 6. Design for error, 7. Standardize
• Usability principles
• Nielsen’s ten heuristics
- Learnability
• Universal design principle 19
EXPLORATION
• Four golden rules
• Taxonomy
1. Where you are 2. What you can do 3. Where
GOMS (Goals, Operators, Methods and
you are going 4. What will happen 5. Where
Selection)
you’ve been
- What user wants to achieve - Actions user performs
• Demographics
- Decomposition of a goal into sub goals/
Primary persona: Male, 30-45, hi-tech, CA
operators
Secondary persona: Female, 35-50, family, NY
- Means of choosing between competing methods.
• Physical devices Controls, Display, Output, Feedback
• Features - Innovation
• Competitive Analysis
- Intelligent drive
Tier 1 - Google
- Performance
Tier 2 - Tesla, BMW, Audi
- Convenience - Design
• Task Analysis
- Safety
Task decomposition
(Active lane assist, blindspot assist,
HTA (Hierarchy task analysis)
Prebreak, Satellite vision, seat-belts, airbags, attention, environment.)
20
EXPLORATION
SCHEDULE
Phase 1 Phase 2 Phase 3 Phase 4 Phase 5
Phase 6
26-31 Oct
3-9 Dec
2-8 Nov
9-15 Nov
Research
Ideation
Wireframes 1
Personas
Inventory
Usability Testing 1
Mood Board
Taxonomy
Research Board
IA
Competitive Analysis
Sketches
16-25 Nov
Prototype 1 Visual design
26 Nov -2 Dec
Wireframes 2
Design document
Prototype 2
Presentation
Usability Testing 2
User Interviews
21
EXPLORATION
MIND MAP
22
EXPLORATION
USER JOURNEY
23
EXPLORATION
SKETCHES
24
EXPLORATION
SKETCHES Applied 20-80 rule to cut down the unnecessary options and focused on persona needs. Users can find critical information controls on centre plate and information feedback on information cluster. Non-critical and luxury information controls are available in central display unit. Voice activated Siri is always available as primary source of navigation. Users can find important information through intuitive explicit, pattern, hidden and metaphorical affordance interface which gives learnability, predictability, flexibility and robustness to the users.
25
EXPLORATION
SKETCHES
26
EXPLORATION
SKETCHES
27
SOLUTION DESIGN
28
SOLUTION DESIGN
DESIGN PRINCIPLES CLEAR
AFFORDANCE
CONSISTENT
The information of the system is straightforward & understandable with clear interface buttons, navigation, simple language (labels), and icons.
I used Explicit Affordance signalled action buttons by language, Negative Affordance, Contextual menu, Metaphor Affordance by using a real-world menu icons as a metaphor.
The consistent use of Apple OS affordance, navigation, labels, language, colors, icons and user interface patterns.
FOCUS
ACCESSIBILITY
WAYFINDING
The UI is singular and focused. It is intuitive because it focuses on basic tasks of persona e.g. Speedometer, RPM, battery and on-demand alert feedback.
Applied W3C standards e.g. high contrast, B/W design, Font size readability and visual hierarchy.
Users can find their way by landmark icons, well-structured paths, and fewer choices. They know where they are, what they can do, where they are going and where they’ve been through navigation.
29
SOLUTION DESIGN
WIREFRAMES
30
SOLUTION DESIGN
WIREFRAMES
LAUNCH PROTOTYPE Start engine
I converted sketches into digital wireframe by using Axure. I simplified central plate to 3 basic options: 1. Comfort 2. Eco 3. Sports So that user can only have necessary choices for easy cognitive load. If user don’t choose an option in few seconds then system will select most frequent/ recent/default mode. Voice activation is the primary source of command however user have choice to use touch UI or Siri for voice commands for all features and functionality.
31
SOLUTION DESIGN
WIREFRAMES
LAUNCH PROTOTYPE Comfort mode
Simplified central plate to 3 basic options: 1. Cruise 2. Autopilot 3. Phone So that user can focus on driving and road not on central plate. Separated volume and option buttons from central plate unit to steering for easy access. It also make central plate much simpler and safe. The focus is on the speedometer (users interview feedback) with smart road scan, battery life and mileage to end information.
32
SOLUTION DESIGN
WIREFRAMES
LAUNCH PROTOTYPE Eco mode
Sports mode
The focus is on battery load, consumption, speedometer with smart
The focus is on speedometer and RPM with smart road scan and
road scan. Although users can switch optional side small dial to
battery life status. Users can switch optional side small dial to other
other options e.g. time, RMP etc.
options e.g. time, temperature etc. 33
SOLUTION DESIGN
WIREFRAMES Autopilot mode
LAUNCH PROTOTYPE Cruise control
Information cluster’s focus is on smart road scan, which gives 360
Central plate will give users options to set or cancel cruise. Users
road information with speed and battery life status. Central plate will
can accelerate or deaccelerate from left up/down buttons. Cruise
give users access to cancel autopilot at any time for safety reasons.
icon will display as a feedback on information cluster. 34
SOLUTION DESIGN
WIREFRAMES
LAUNCH PROTOTYPE
Phone mode
Apple OS phone full features will only available through voice activation or in park mode. In drive mode user can access favorites, recent and receive calls. 35
SOLUTION DESIGN
WIREFRAMES
LAUNCH PROTOTYPE Dashboard
Climate
Compact view of most used 4 apps for quick access. User can
Added more details and give users option to control temperature,
adjust the preferences from system settings.
fan, directions, dual/single and settings. 36
SOLUTION DESIGN
WIREFRAMES
LAUNCH PROTOTYPE Seat
Mirror
Users can adjust seat setting for multiple profiles by using Front-
Users can adjust mirror setting for multiple profiles by using Front-
Back and Up-Down controls.
Back and Up-Down controls. 37
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
I applied paper prototype usability test recommendation to improve the user experience by: • Improving overall icons design of interface. • Reduced elements from information cluster. • Made “Siri” icon prominent on centre plate. • Improved data visualization, made them intuitive and easy to understand on information cluster. • Reorganized apps hierarchy in the central display unit. • Added seat heating and on/off button in the climate control.
38
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
START ENGINE
39
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
COMFORT MODE
40
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
ECO MODE
41
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
SPORTS MODE
42
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
AUTOPILOT MODE
43
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
PHONE - COMFORT MODE
44
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
CRUISE - COMFORT MODE
45
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
PHONE - PARK - COMFORT MODE
46
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
PHONE - PARK - COMFORT MODE
47
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
DASHBOARD VIEW
48
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
CLIMATE CONTROL
49
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
SEAT CONTROL
50
SOLUTION DESIGN
HI-FI WIREFRAMES
LAUNCH PROTOTYPE
MIRROR CONTROL
51
CONCLUSION
52
CONCLUSION
USER CENTERED DESIGN PROCESS
1. Research & ideation
4. Information architecture
2. Persona and task analysis
5. Concept evolution (2-3 iterations)
3. Competitive analysis
6. Design evolution
(2-3 wireframe iterations) 53
CONCLUSION
Conclusion A full UX interactive design process was explored in the project Titan interface design from research, ideation, exploration, define, design, prototype and usability validation. The three-cycle interactive process with paper and interactive prototype usability 7. Concept & design validation (Paper prototype usability testing)
8. Hi-Fi design evolution (2-3 visual design iterations)
validation refined the product. After multiple iterations I achieved 100% effectiveness, efficiency and satisfaction through user flow interactions, intuitive UI, labels, and icons of the interface, which was supported and validated by usability tests. To extend the Titan’s interface design to next level, we will need to build on this research with detailed features and
9. Hi-Fi design validation
(Interactive prototype usability testing)
10. Hi-Fi design
conceive the whole user interface design of the vehicle. 54
RESEARCH
REFERENCES • www.driverless-future.com/?page_id=384 • www.google.com/selfdrivingcar • www.mercedes-benz.com/en/mercedes-benz/innovation/innovation-overview • www.bmw.com/com/en/newvehicles/i/i3/2013/showroom • www.bmwusa.com/bmw/BMWi • www.teslamotors.com • www.youtube.com/watch?v=TsaES--OTzM&list=PLc2496NnT82vRe1dXzsfK1gsFiGEu_ty8&index=4&feature=iv&src_ vid=bOdHf2qiPoc&annotation_id=annotation_1513127645 • www.youtube.com/watch?v=TsaES--OTzM&list=PLc2496NnT82vRe1dXzsfK1gsFiGEu_ty8&index=4&feature=iv&src_ vid=bOdHf2qiPoc&annotation_id=annotation_1513127645 • www.theguardian.com/technology/2015/may/22/uber-self-driving-car-pittsburgh • www.nytimes.com/2015/09/02/technology/personaltech/google-says-its-not-the-driverless-cars-fault-its-other-drivers.html?_r=0 • www.technologyreview.com/news/539731/how-to-help-self-driving-cars-make-ethical-decisions • www.bbc.com/news/technology-34423292 • www.technologyreview.com/view/542626/why-self-driving-cars-must-be-programmed-to-kill • www.macworld.co.uk/news/apple/will-apple-make-icar-project-titan-rumour-roundup-bmw-3425394 • www.macworld.co.uk/news/apple/report-apple-and-bmw-started-talking-about-an-icar-collaboration-last-year-3621644 • www.ibtimes.co.uk/project-titan-apple-car-story-so-far-1515835 • www.engadget.com/2015/10/23/Tesla-autopilot-regulators/ 55