MY ROLES
Research
Wireframing
Prototyping
UI Design
TITLE
UX/UI Designer
DATE
2021.03 - 2021.05
SUMMARY
As a class project for Human Factors in Product Design, our team collaborated with an anonymous client to design an info hub for Advanced Driver Assistance Systems (ADAS) in cars. Our final design of the website provides a centralized way for users to compare and learn about ADAS in different cars.
DESIGN PROBLEM
Hurdle of understanding car features
Imagine you are buying a car for the first time. You hear ‘adaptive cruise control’ and ‘dynamic driving assistance’. What do those even mean? There is a clear hurdle for a person looking to buy a car with advanced driving assistance systems (ADAS) but doesn’t know much about them.
Our aim for this project was to provide a centralized way for users to compare and learn about ADAS in different cars.
MY ROLE
In the design team of four, my specific contributions focused on creating a feature that allowed users to easily view the ADAS features specific to a car. My design helps users quickly identify the ADAS features the car has based on their saved preferences.
I created a journey map to visualize a potential user’s current experience of comparing ADAS in different cars. I iterated on the wireframes and prototypes through multiple rounds of design reviews and a user testing.
DESIGN PROCESS
Driving insights from a user's journey
I created this journey map to highlight a user's experience and frustration while searching for information on ADAS features across various car models. This visualization outlines key moments where the user encounters challenges in finding centralized, accurate data on ADAS features when trying to make an informed car-buying decision.
Task analysis
To further break down breaks down the user's actions and decision-making process during their search, we created a task analysis diagram. This diagram informed the design decisions in later prototyping stages to ensure our solution aligned with the user's needs and behaviors.
Wireframes
Providing trustworthy info on ADAS features
Car buyers often struggle to find clear, digestible info on specific ADAS features because some manufacturers are reluctant to share these details, possibly due to liability concerns. To address this issue, our team conducted an extensive preliminary search on ADAS systems across various car models to ensure the information presented on the website was accurate and reliable.
Usability testing
We conducted a usability testing to gain insight on how users would navigate through our interface to perform their tasks. We used our mid-fidelity prototype to conduct user testing.
Final design
Exploring and comparing cars with different autonomous features

Displaying a categorized list of autonomous features in a car

Measuring the success of our design
We can measure the success of our design by comparing the information retrieval time spent on accomplishing a certain task, e.g., verifying whether Honda Civic 2020 has lane keeping assist. We can compare the results with two experimental conditions: Autopedia and without Autopedia.
Another success metric could be user satisfaction ratings. We could gather this data through a survey on a group of target users. The aim would be to gauge whether they find Autopedia useful for them to compare ADAS in different cars.