Innocean Toronto -
Hyundai Canada Website
Project Type:
Industry collaboration
Project Length:
8 weeks

How can we improve the usability of Hyundaicanada.com on desktop and mobile devices for young first-time car buyers in their 20s?

Focus Question

TIMELINE

TASK SCENARIO

TECHNOLOGY

PROCESS

TOP FINDINGS

DESKTOP

Gaze Plot of Build & Price Tool:

Displays participant's inability to navigate through each section due to confusing Back and Close buttons

Notifications of conflicting selections

Website conveniently prompts users when conflicting selections are made in choosing accessories

Navigation: Close and Back buttons


Unable to review selected items when choosing accessories.

Unable to locate “Pricing Overview”.


Unclear and lengthy description of "Protection Plan".

Desktop: Build & Price Tool

Desktop: Homepage

Main banner video

Test participants enjoyed watching the video that played on the page's main banner.

Intruding location/language prompt.


Low visibility of the main tools’ icons.

Ambiguous titles with no information.

Excessive scrolling; long homepage with 

no menu in the footer.

Display offers for specific car models
on the homepage.

“Boxing Month Deals” banner was
disregarded by user.

 

User explored page based on car
models rather than deals.

 

Pricing and discounts were difficult to
understand and differentiate.

Desktop: Heat Map of Offer Page

MOBIILE

Mobile: Homepage

Test participants were able to find all the key features of the car in the task scenario from this page.

Test participants were overwhelmed by the amount of information and scrolling.

 

Test participants were unable to locate the “Build & Price” tool.

TEAM:
 
Saba Samizadehyazd
Dhanushka Premarathna
Nadia Khvan 

 
MY ROLE:
 
Recruiting test participants
Facilitating group meetings
Writing task scenario
Writing a usability testing guide
Note taking and timekeeping 
Mapping insights
Making prototype
Designing presentation Deck 
METHODS & ACTIVITIES
 
Usability study of the company’s existing website on desktop and mobile.
Stakeholder presentation
Establishing key audience
Identifying user goals
Determining task scenarios
Recruiting test participant
Conducting moderated in-person user testing sessions in Humber College Usability Lab using TobiiPro eye-tracking equipment.
Performing task analysis using gaze plot and heatmap. 
Data analysis using the System Usability Scale and satisfaction rating.
Mapping qualitative insights 
Prototyping recommendations
Writing report

BACKGROUND: 

 

Today, the majority of car buyers look for their ideal car online, compare prices and read reviews which allows them to avoid lengthy commute to dealerships and sitting through extensive sales pitches. This has made car manufacturers compete to improve the experience of their online platforms for their customers. 


As part of Humber College User Experience Design team, we collaborated with Innocean Toronto to help them improve the usability of Hyundaicanada.com on desktop and mobile devices. My team primarily focused on first-time car buyers between the age of 20 to 30 years old as our target audience. We conducted usability studies of three main areas of Hyundai Canada website which included finde special offers, build and price a vehicle and book a test drive. Three 1 hour long in-person moderated usability testing sessions were held in Humber college mobile usability lab using TobiiPro eye-tracking technology. By analysing the insights discovered from usability sessions, we could identify usability pain-points and make recommendations for improvement.  

Get in Touch !
Toronto, ON Canada
twitter-logo-button.png
linkedin-button.png
2018 by Somayeh (Soma) Aliakbari.