Hyundai Blue Link App
view Mobile Prototype
Software: adobe xd
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.
Project Summary
As the final stage in a four phase MyHyundai with Blue Link application redesign project, my team and I identified four tasks which may benefit the user and application efficiency through an improved design. The team developed a wireframe and carried out a usability test on each task. These tasks are as follows:
Schedule a battery charging
Change the vehicle color/personal customization
Customize application homepage functions/add a widget
Interact with main remote functions
Participants
We collected data from five users in total. All users interacted with both the BlueLink app and the Wireframe produced by my team and I. 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 created by my team and I. 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.
