BlueGuardian: Hyundai's Safety Navigation System
BlueGuardian: Hyundai's Safety Navigation System
BlueGuardian: Hyundai's Safety Navigation System
An AI-driven navigation system that enhances driving safety in severe weather
by empowering drivers with accessible & real-time guidance
・Client project with Hyundai USA・
An AI-driven navigation system that enhances driver safety in severe weather by empowering drivers with accessible & real-time guidance
An AI-driven navigation system that enhances driver safety in severe weather by empowering drivers with accessible & real-time guidance
Role
UX Designer
Role
UX Designer
Role
UX Designer
Duration
3 months
Duration
3 months
Duration
3 months
Team
Hyundai USA UX Lead x 1
UX Researcher x 2
UX Designer x 3
Team
Hyundai USA UX Lead x 1
UX Researcher x 2
UX Designer x 3
Team
Hyundai USA UX Lead x 1
UX Researcher x 2
UX Designer x 3
Responsibility
Timeline Management・User Flows・
Wireframing・Usability Testing・
Style Guide・Prototyping
Responsibility
Timeline Management・User Flows・Wireframing・Usability Testing・Style Guide・Prototyping
Responsibility
Timeline Management・User Flows・
Wireframing・Usability Testing・
Style Guide・Prototyping
PROBLEM
PROBLEM
PROBLEM
How can Hyundai vehicles leverage AI
to help drivers navigate unfamiliar routes safely
in severe weather conditions when driving alone?
How can Hyundai vehicles leverage AI to help drivers navigate unfamiliar routes safely in severe weather conditions when driving alone?
How can Hyundai vehicles leverage AI
to help drivers navigate unfamiliar routes safely
in severe weather conditions when driving alone?
APPROACH
APPROACH
APPROACH
We implemented an end-to-end UX design process:
Research → Ideation → Design → Testing
to deliver an intuitive final product.
We implemented an end-to-end UX design process:
Research → Ideation → Design → Testing
to deliver an intuitive final product.
We implemented an end-to-end UX design process:
Research → Ideation → Design → Testing
to deliver an intuitive final product.
Research
WEEK 1-3
Survey, User Interviews,
Stakeholder Interviews
Ideation
WEEK 4-7
Design Concepts, Sitemaps,
User Flows, Concept Testing
Design
WEEK 8-11
Low & Mid-Fi Wireframing, Hi-Fi Prototyping, Design System
Testing
WEEK 12-15
Usability Testing, Stakeholder Feedback, Design Iteration
RESEARCH
RESEARCH
RESEARCH
We gathered insights from:
We gathered insights from:
We gathered insights from:
55
55
55
Survey Responses
Survey Responses
Survey Responses
10
10
10
User Interviews
User Interviews
User Interviews
1
1
1
Stakeholder Interview
Stakeholder Interview
Stakeholder Interview
We learned that:
We learned that:
We learned that:
79% of the respondents feel most unsafe driving in extreme weather (fog, rain, snow)
79% of the respondents feel most unsafe driving in extreme weather (fog, rain, snow)
79% of the respondents feel most unsafe driving in extreme weather (fog, rain, snow)
Drivers need real-time assistance in critical situations
Drivers need real-time assistance in critical situations
Drivers need real-time assistance in critical situations
Drivers prefer multi-modal feedback (audio, visual, haptic)
Drivers prefer multi-modal feedback (audio, visual, haptic)
Drivers prefer multi-modal feedback (audio, visual, haptic)
Drivers trust for AI enhances when data source is transparent
Drivers trust for AI enhances when data source is transparent
Drivers trust for AI enhances when data source is transparent
Stakeholder wants us to design for the future (10+ yrs later)
Stakeholder wants us to design for the future (10+ yrs later)
Stakeholder wants us to design for the future (10+ yrs later)
IDEATION
IDEATION
IDEATION
Based on our research findings, we conducted a Crazy 8s Workshop and came up with 30+ ideas that was synthesized into 3 concepts. 3 concepts were further refined and narrowed to one single concept: the Blue Guardian Navigation System.
Based on our research findings, we conducted a Crazy 8s Workshop and came up with 30+ ideas that was synthesized into 3 concepts. 3 concepts were further refined and narrowed to one single concept: the Blue Guardian Navigation System.
Based on our research findings, we conducted a Crazy 8s Workshop and came up with 30+ ideas that was synthesized into 3 concepts. 3 concepts were further refined and narrowed to one single concept: the Blue Guardian Navigation System.
DESIGN PROCESS
DESIGN PROCESS
DESIGN PROCESS
We went through numerous iterations, fine-tuning the design with every round of testing.
Here's our design process:
Lo-Fi Wireframing → Concept Testing → Mid-Fi Wireframing
→ Stakeholder Feedback → Design System + Hi-Fi Prototyping
→ Usability Testing → Final Design
We went through numerous iterations, fine-tuning the design with every round of testing.
Here's our design process:
Lo-Fi Wireframing
→ Concept Testing
→ Mid-Fi Wireframing
→ Stakeholder Feedback
→ Design System + Hi-Fi Prototyping
→ Usability Testing
→ Final Design
We went through numerous iterations, fine-tuning the design with every round of testing.
Here's our design process:
Lo-Fi Wireframing → Concept Testing → Mid-Fi Wireframing
→ Stakeholder Feedback → Design System + Hi-Fi Prototyping
→ Usability Testing → Final Design
Lo-Fi Wireframes
Lo-Fi Wireframes
Lo-Fi Wireframes
Concept Testing Findings:
Concept Testing Findings:
Concept Testing Findings:
Need credible sources of weather data to trust the system’s alerts or recommendations
Need credible sources of weather data to trust the system’s alerts or recommendations
Need credible sources of weather data to trust the system’s alerts or recommendations
Wording and meaning of icons are unclear
Wording and meaning of icons are unclear
Wording and meaning of icons are unclear
Important alerts should be positioned closer to the driver (to the left of the screen)
Important alerts should be positioned closer to the driver (to the left of the screen)
Important alerts should be positioned closer to the driver (to the left of the screen)
Split screen is too complicated and text-heavy for users to interpret
Split screen is too complicated and text-heavy for users to interpret
Split screen is too complicated and text-heavy for users to interpret
Mid-Fi Wireframes
Mid-Fi Wireframes
Mid-Fi Wireframes
Stakeholder Feedback:
Stakeholder Feedback:
Stakeholder Feedback:
Keep the final design monochromatic
Keep the final design monochromatic
Keep the final design monochromatic
Keep the visual simple and clear to maximize accessibility
Keep the visual simple and clear to maximize accessibility
Keep the visual simple and clear to maximize accessibility
Hi-Fi Version #1
Hi-Fi Version #1
Hi-Fi Version #1
Usability Testing Findings:
Usability Testing Findings:
Usability Testing Findings:
Users found some icons not intuitive enough
Users found some icons not intuitive enough
Users found some icons not intuitive enough
Users appreciated safety alerts & reroute suggestions but found it wordy
Users appreciated safety alerts & reroute suggestions but found it wordy
Users appreciated safety alerts & reroute suggestions but found it wordy
Users had difficulty understanding certain terminology from the alerts
Users had difficulty understanding certain terminology from the alerts
Users had difficulty understanding certain terminology from the alerts
Users didn’t feel safe due to neutral language & lack of clear safety cues
Users didn’t feel safe due to neutral language & lack of clear safety cues
Users didn’t feel safe due to neutral language & lack of clear safety cues
FINAL FEATURES
FINAL FEATURES
FINAL FEATURES
We finalized our design with a set of 5 features:
Customizable System Setup
Smart & Safer Route Selection
Slow Down Alert
Alternate Route Suggestion
Adjustable System Preference
To better demonstrate the use case, I will present the prototypes in a storyboard format.
We finalized our design with a set of 5 features:
Customizable System Setup
Smart & Safer Route Selection
Slow Down Alert
Alternate Route Suggestion
Adjustable System Preference
To better demonstrate the use case, I will present the prototypes in a storyboard format.
We finalized our design with a set of 5 features:
Customizable System Setup
Smart & Safer Route Selection
Slow Down Alert
Alternate Route Suggestion
Adjustable System Preference
To better demonstrate the use case, I will present the prototypes in a storyboard format.
Sarah got the newest Hyundai EV
with a safety navigation system: BlueGuardian
Sarah got the newest Hyundai EV
with a safety navigation system: BlueGuardian
Sarah got the newest Hyundai EV
with a safety navigation system: BlueGuardian
Feature #1: Customizable System Setup
Feature #1: Customizable System Setup
Feature #1: Customizable System Setup
Sarah is about to drive alone from Ann Arbor to
participate in an event held by New York University in Manhattan.
The weather is currently light snow,
but the system shows that the snow will get heavier soon.
She opens BlueGuardian Navigation System and...
Sarah is about to drive alone from Ann Arbor to
participate in an event held by New York University in Manhattan.
The weather is currently light snow,
but the system shows that the snow will get heavier soon.
She opens BlueGuardian Navigation System and...
Sarah is about to drive alone from
Ann Arbor to participate in an event
held by New York University in Manhattan.
The weather is currently light snow,
but the system shows that
the snow will get heavier soon.
She opens BlueGuardian Navigation System and...
Feature #2: Smart & Safer Route Selection
Feature #2: Smart & Safer Route Selection
Feature #2: Smart & Safer Route Selection
Sarah is about 13 hrs into her drive,
and the snow has picked up.
BlueGuardian kindly alerts her to slow down...
Sarah is about 13 hrs into her drive,
and the snow has picked up.
BlueGuardian kindly alerts her to slow down...
Sarah is about 13 hrs into her drive,
and the snow has picked up.
BlueGuardian kindly alerts her to slow down...
Feature #3: Slow Down Alert (Instrument Cluster)
Feature #3: Slow Down Alert (Instrument Cluster)
Feature #3: Slow Down Alert (Instrument Cluster)
Feature #3: Slow Down Alert (Center Console)
*This feature is designed to pair with an audio alert to provide multi-modal feedback to users.
Feature #3: Slow Down Alert (Center Console)
*This feature is designed to pair with an audio alert to provide multi-modal feedback to users.
Feature #3: Slow Down Alert (Center Console)
*This feature is designed to pair with an audio alert to provide multi-modal feedback to users.
As she’s driving, an alert pops up:
There’s a congestion further up her route due to heavy snow
—reported by multiple drivers and verified by local authorities.
BlueGuardian suggests an alternate route that
saves 14 minutes and avoids the congestion area.
As she’s driving, an alert pops up:
There’s a congestion further up her route due to heavy snow
—reported by multiple drivers and verified by local authorities.
BlueGuardian suggests an alternate route that
saves 14 minutes and avoids the congestion area.
As she’s driving, an alert pops up:
There’s a congestion further up her route
due to heavy snow —reported by multiple
drivers and verified by local authorities.
BlueGuardian suggests an alternate route that
saves 14 minutes and avoids the congestion area.
Feature #4: Alternate Route Suggestion
*This feature is designed to pair with an audio alert to provide multi-modal feedback to users.
Feature #4: Alternate Route Suggestion
*This feature is designed to pair with an audio alert to provide multi-modal feedback to users.
Feature #4: Alternate Route Suggestion
*This feature is designed to pair with an audio alert to provide multi-modal feedback to users.
After safely arrived at her destination with the help of BlueGuardian,
Sarah would like to adjust some system preference...
After safely arrived at her destination with the help of BlueGuardian,
Sarah would like to adjust some system preference...
After safely arrived at her destination
with the help of BlueGuardian,
Sarah would like to adjust some system preference...
Feature #5: Adjustable System Preference
Feature #5: Adjustable System Preference
Feature #5: Adjustable System Preference
IMPACT
IMPACT
IMPACT
With an average SUS score of 95 in usability testing,
our design not only proved highly usable,
but also ensured that each feature directly alleviates users’ pain points.
With an average SUS score of 95 in usability testing,
our design not only proved highly usable, but also ensured that each feature directly alleviates users’ pain points.
With an average SUS score of 95 in usability testing,
our design not only proved highly usable,
but also ensured that each feature directly alleviates users’ pain points.
Feature
Feature
Feature
User Needs
User Needs
User Needs
Customized System Setup &
Adjustable System Preference
Customized System Setup &
Adjustable System Preference
Customized System Setup &
Adjustable System Preference
Users want more accessible designs
Users want more accessible designs
Users want more accessible designs
Smart Route Selection
Smart Route Selection
Smart Route Selection
Users want to drive safely & confidently
Users want to drive
safely & confidently
Users want to drive safely & confidently
Slow Down Alert
Slow Down Alert
Slow Down Alert
Users want to enhance awareness of
real-time road conditions
Users prefer multi-modal feedback
Users want to enhance awareness of
real-time road conditions
Users prefer multi-modal feedback
Users want to enhance awareness of
real-time road conditions
Users prefer multi-modal feedback
Alternate Route Suggestion
Alternate Route Suggestion
Alternate Route Suggestion
Users want to navigate with
reliable & weather-related info
Users want to navigate with
reliable & weather-related info
Users want to navigate with
reliable & weather-related info
REFLECTION
REFLECTION
REFLECTION
Stakeholder Engagement & Professionalism
Through weekly 30-minute meetings with our stakeholder, I learned how to create focused agendas that maximize limited time. These sessions also taught me how to communicate effectively with senior UX managers, incorporate their feedback, and build confidence in engaging with experienced professionals. Practicing active listening and asking critical questions became essential skills that helped our project move forward.
Team Collaboration & Communication
Working in a diverse team with different perspectives challenged me to communicate with respect and clarity. By navigating disagreements thoughtfully and building consensus, I discovered that strong, intentional communication was the key driver of our team’s success.
All in all—this project was the most challenging ever, but also the one I’m most proud of! ✨
Stakeholder Engagement & Professionalism
Through weekly 30-minute meetings with our stakeholder, I learned how to create focused agendas that maximize limited time. These sessions also taught me how to communicate effectively with senior UX managers, incorporate their feedback, and build confidence in engaging with experienced professionals. Practicing active listening and asking critical questions became essential skills that helped our project move forward.
Team Collaboration & Communication
Working in a diverse team with different perspectives challenged me to communicate with respect and clarity. By navigating disagreements thoughtfully and building consensus, I discovered that strong, intentional communication was the key driver of our team’s success.
All in all—this project was the most challenging ever, but also the one I’m most proud of! ✨
Stakeholder Engagement & Professionalism
Through weekly 30-minute meetings with our stakeholder, I learned how to create focused agendas that maximize limited time. These sessions also taught me how to communicate effectively with senior UX managers, incorporate their feedback, and build confidence in engaging with experienced professionals. Practicing active listening and asking critical questions became essential skills that helped our project move forward.
Team Collaboration & Communication
Working in a diverse team with different perspectives challenged me to communicate with respect and clarity. By navigating disagreements thoughtfully and building consensus, I discovered that strong, intentional communication was the key driver of our team’s success.
All in all—this project was the most challenging ever, but also the one I’m most proud of! ✨