Car Shopping

5.15.19 - 7.15.19
Improved usability and findability for car shoppers.

Quick Summary

Report
Problem
  • approximately 35% of consumers were not using filters to reduce their results
  • high bounce rate (45%)
TASK
My Actions
  • Examined analytics data to mine quantitative insights
  • Conducted usability tests to fortify/explain quant data
  • Collaborated with Engineering and Product to finalize interaction and visual design
ANALYTICS
Outcome
Conversion
10%
Engagement
8%

Team

  • Product Manager
  • UX Lead
  • Dev Lead
  • Data Analytics Lead
  • Product Owner
  • SEO Lead

People come and go...Wait! Stop!

Autotrader allows car shoppers to search car classifieds anywhere in the continental USA. As a part of that search process, there are a diverse set of filters that allow people to refine their search results pages (SRPs). Our team noticed two potential problems in the data that needed investigation:

  • People were trudging through SRP pages with low engagement with filters
  • A high bounce rate of 45% was concerning

Digging into the what and why

With millions of daily visitors and analytics hooks baked into the product, we had good data to examine. With input from the Data Analytics Lead, I dove into Adobe Analytics to answer some curated questions the team pulled together (see below). Some examples were:

I also wanted to run usability tests to dig into the "why". I composed the test protocol in concert with the Research Lead and moderated each test as follows:

The paths most taken

Our research efforts revealed the following key insights:

  • Approximately 35% of users did not engage with filters. Users mentioned being overwhelmed, opting to simply browse.
  • The most commonly used filters were Make, Model, and Body Style (in ranked order). There was a definite gap between the rest.
  • Users that selected a Make and Model were most likely to generate a lead.

Prior to any pixel pushing

Coming out of the research phase we had identified the problem to solve - filter findability and usability. There were several competing ideas to solve this problem and the team had some difficulty choosing a direction. They all seemed good; pre-opening certain filters, creating a horizontal filter pattern, and reordering our current set. I used a decision matrix to determine the best choice moving forward- suggested filters.

I conducted a competitive analysis to see how others were offering filtering solutions, how they worked, and what the surrounding context was.

After the problem was well defined, it was time to think through functionality. Through collaboration with the rest of the my team and the UX group as a whole, this was my final proposal:

Contenders

Through usertesting.com, I set up usability tests for three concepts. Here are two alternative concepts that did not end up winning. One employed simple brand logos and the other leveraged a cognitive bias where shapes that differ from others get noticed (Von Restorff effect).

Finishing touches

During development, I worked with the development and architecture teams to bring the design to fruition. During this process I owned the following:

Did we move the needle?

Our team measured outcome via analytics after the population reached statistical significance. We determined the following

fast_rewind

In retrospect...

I definitely learned a lot about conducting research in this endeavor. With my Lead UX Researcher in support, I was in charge of creating the test script, launching the test, analyzing videos from usertesting.com, creating any follow up studies, and creating a final report. I found that I very much enjoy being in the learn-build-measure mode as a UX designer.