I worked on the Hyundai Blue Link App as a capstone project during the last semester of my master's degree program in User Experience Design at Arizona State University's Ira A. Fulton School of Engineering.
YEAR
2020
ROLE
UX Designer
UX Researcher
SERVICES
UX/UI Design
About the project
Problem
The Blue Link mobile application provides Hyundai vehicle owners access to a number of features and services. However, the Blue Link app had user experience issues that needed to be addressed. This project redesign was focused on creating a system where the end users can easily schedule a battery charge, check vehicle status, and customize application homepage functions according to the user’s preference.
VIEW LIVE SITE
Participants
We collected data from five users in total. All users interacted with both the BlueLink app and the wireframe. Observations were done in-person, with the user interacting with the application on a mobile device.
Procedure
For half the subjects, user testing was performed first on the BlueLink application, and then followed with the wireframe. For the other half of the subjects, the wireframe was tested first.
Subjects were given a mobile device with the application being evaluated. Subjects were then requested to complete one of four specific tasks. The research team documented performance measures, satisfaction measures, pathway used, and a post-test questionnaire for each task completed by the subject.
Tasks
1.) Schedule a charging for the battery (BlueLink & Wireframe)
Instruction: Ask the user to set up a day and time to charge the car battery.
2.) Change the vehicle color/personal customization (BlueLink & Wireframe)
Instruction: Ask the user to change the color of the car image that is displayed on the home screen. (For bluelink when they attempt to do this, they should come across the information that says vehicle image doesn’t match in real life, and so they’ll see that they cannot customize and then that’s when they’ll stop the task).
3.) Customize homepage options/add a widget (Wireframe only)
Instructions: Ask the user to customize the available functions on their home screen by trying to add a “car finder” option.
4.) Engage main remote functions (BlueLink & Wireframe) Ask the User in what ways they would want to remotely engage with the app (our expected answers would be: lock it, turn on the lights and/or horn so I can find it). And then tell them to engage those functions, and just observe if they are readily able to find them on the home screen.
Lights
Honking
Trunk
Start Car
*For each of these functions, ask them
If they think they successfully engaged the function and
How do they know?
Results
The usability test results were from Hyundai’s Blue Link application and the wireframe. There were a total of four key findings based on the results.
Recommendations
After gathering and analyzing the usability test results, we came up with eight recommendations based on each of the problems we have found.
Smooth Scroll
This will hide itself!
This will hide itself!
Hyundai Blue Link App
OVERVIEW
I worked on the Hyundai Blue Link App as a capstone project during the last semester of my master's degree program in User Experience Design at Arizona State University's Ira A. Fulton School of Engineering.
VIEW XD PROTOTYPE
YEAR
2020
ROLE
UX Designer
UX Researcher
SERVICES
UX/UI Design
About the project
Problem
The Blue Link mobile application provides Hyundai vehicle owners access to a number of features and services. However, the Blue Link app had user experience issues that needed to be addressed. This project redesign was focused on creating a system where the end users can easily schedule a battery charge, check vehicle status, and customize application homepage functions according to the user’s preference.
VIEW LIVE SITE
Participants
We collected data from five users in total. All users interacted with both the BlueLink app and the wireframe. Observations were done in-person, with the user interacting with the application on a mobile device.
Procedure
For half the subjects, user testing was performed first on the BlueLink application, and then followed with the wireframe. For the other half of the subjects, the wireframe was tested first.
Subjects were given a mobile device with the application being evaluated. Subjects were then requested to complete one of four specific tasks. The research team documented performance measures, satisfaction measures, pathway used, and a post-test questionnaire for each task completed by the subject.
Tasks
1.) Schedule a charging for the battery (BlueLink & Wireframe)
Instruction: Ask the user to set up a day and time to charge the car battery.
2.) Change the vehicle color/personal customization (BlueLink & Wireframe)
Instruction: Ask the user to change the color of the car image that is displayed on the home screen. (For bluelink when they attempt to do this, they should come across the information that says vehicle image doesn’t match in real life, and so they’ll see that they cannot customize and then that’s when they’ll stop the task).
3.) Customize homepage options/add a widget (Wireframe only)
Instructions: Ask the user to customize the available functions on their home screen by trying to add a “car finder” option.
4.) Engage main remote functions (BlueLink & Wireframe) Ask the User in what ways they would want to remotely engage with the app (our expected answers would be: lock it, turn on the lights and/or horn so I can find it). And then tell them to engage those functions, and just observe if they are readily able to find them on the home screen.
Lights
Honking
Trunk
Start Car
*For each of these functions, ask them
If they think they successfully engaged the function and
How do they know?
Results
The usability test results were from Hyundai’s Blue Link application and the wireframe. There were a total of four key findings based on the results.
Recommendations
After gathering and analyzing the usability test results, we came up with eight recommendations based on each of the problems we have found.
Smooth Scroll
This will hide itself!
This will hide itself!
Hyundai Blue Link App
OVERVIEW
I worked on the Hyundai Blue Link App as a capstone project during the last semester of my master's degree program in User Experience Design at Arizona State University's Ira A. Fulton School of Engineering.
VIEW XD PROTOTYPE
YEAR
2020
ROLE
UX Designer
UX Researcher
SERVICES
UX/UI Design
About the project
Problem
The Blue Link mobile application provides Hyundai vehicle owners access to a number of features and services. However, the Blue Link app had user experience issues that needed to be addressed. This project redesign was focused on creating a system where the end users can easily schedule a battery charge, check vehicle status, and customize application homepage functions according to the user’s preference.
VIEW LIVE SITE
Participants
We collected data from five users in total. All users interacted with both the BlueLink app and the wireframe. Observations were done in-person, with the user interacting with the application on a mobile device.
Procedure
For half the subjects, user testing was performed first on the BlueLink application, and then followed with the wireframe. For the other half of the subjects, the wireframe was tested first.
Subjects were given a mobile device with the application being evaluated. Subjects were then requested to complete one of four specific tasks. The research team documented performance measures, satisfaction measures, pathway used, and a post-test questionnaire for each task completed by the subject.
Tasks
1.) Schedule a charging for the battery (BlueLink & Wireframe)
Instruction: Ask the user to set up a day and time to charge the car battery.
2.) Change the vehicle color/personal customization (BlueLink & Wireframe)
Instruction: Ask the user to change the color of the car image that is displayed on the home screen. (For bluelink when they attempt to do this, they should come across the information that says vehicle image doesn’t match in real life, and so they’ll see that they cannot customize and then that’s when they’ll stop the task).
3.) Customize homepage options/add a widget (Wireframe only)
Instructions: Ask the user to customize the available functions on their home screen by trying to add a “car finder” option.
4.) Engage main remote functions (BlueLink & Wireframe) Ask the User in what ways they would want to remotely engage with the app (our expected answers would be: lock it, turn on the lights and/or horn so I can find it). And then tell them to engage those functions, and just observe if they are readily able to find them on the home screen.
Lights
Honking
Trunk
Start Car
*For each of these functions, ask them
If they think they successfully engaged the function and
How do they know?
Results
The usability test results were from Hyundai’s Blue Link application and the wireframe. There were a total of four key findings based on the results.
Recommendations
After gathering and analyzing the usability test results, we came up with eight recommendations based on each of the problems we have found.
Smooth Scroll
This will hide itself!
This will hide itself!