Enhancing Mobile Navigation: A Heatmap Click Test for Account Placement Optimization

Background

Role: Lead UX Researcher

Timeframe: 2 months

Team: Product Manager, Designer, Developers

Overview:
As a UX Researcher for a major retailer, I supported four cross-functional squads, including one focused on user profiles. In this project, the team identified a critical issue: the Account feature was not easily discoverable in the mobile navigation, leading to lower user login rates and reduced engagement with personalized features. My research aimed to evaluate the impact of adding Account to the main navigation to improve usability and drive higher user interaction.

Problem Statement:
The current mobile navigation design limits visibility of the Account feature, resulting in missed opportunities for user login and engagement with personalized functionalities. Introducing Account to the main navigation requires significant changes, such as removing the brand logo or the Saves feature. Determining the optimal solution necessitated understanding how these changes would affect user navigation and interaction.

Research Objectives:

1. Assess whether users can intuitively navigate back to the homepage without the brand logo in the main navigation.

2. Determine user expectations for locating the Saves feature and evaluate whether moving it within the Account section impacts its discoverability and utilization.

Effective Stakeholder Communication & Research Process

1. Research Request & Alignment

The research process begins when I receive a request from a stakeholder, often a Product Manager (PM), Designer, or other key collaborator. Instead of immediately drafting a test plan, I first set up a meeting with the PM to align on the core business problem driving the request. This discussion helps uncover the "why" behind the research, ensuring that we are solving a real user problem rather than just validating an assumption. By digging deeper, I often refine the request to better address the user’s needs while also aligning with business objectives.

Key questions I ask during this phase:

• What assumptions exist about the problem?

• Who are the users in this project?

• How does this project align with company/business goals?

• What research / knowledge do you already possess on this topic?

• What are the success metrics or key outcomes?

• Are there any known constraints or business considerations?

This collaborative discussion allows me to move forward with clarity, ensuring that the research effort is both impactful and aligned with business goals.

2. Determining Methodology & Developing the Test Plan

Once the research objectives are clear, I draft a test plan that outlines the methodology, participant criteria, and research script. I meet with relevant stakeholders—including PMs, Designers, and sometimes Engineers—to review the test plan and determine whether the chosen approach is the best fit for the problem.

In this stage, I consider:

• Methodology selection: Does this require qualitative insights (e.g., moderated usability tests, interviews) or quantitative validation (e.g., surveys, A/B testing)?

• Script refinement: Are the questions structured to avoid bias and extract meaningful insights?

• Participant criteria: Are we targeting the right users for the study?

By involving stakeholders early in the test plan review, I ensure buy-in from the team, reducing the risk of misalignment later on. This collaborative approach also helps teams feel more invested in the research process.

3. Research Execution & Delivering Actionable Insights

Once the study is completed, I synthesize the findings into clear, actionable insights. Rather than delivering a one-size-fits-all report, I tailor my deliverables based on stakeholder needs.

I provide insights in one of the following formats:

• Detailed reports for teams that prefer in-depth documentation.

• Concise decks with high-level takeaways for leadership or fast-moving teams.

• Live walkthroughs or workshops to engage teams and facilitate discussion.

In my final share-out, I go beyond just presenting findings—I tie insights back to business goals, offering clear recommendations that help drive decision-making. Additionally, I ensure that leadership is aligned by summarizing key insights in executive-friendly formats, highlighting critical impact areas.

By structuring my research process in this way, I ensure that my work not only provides valuable user insights but also directly informs strategic business decisions.

Research Plan

Methods & Tools

To evaluate and compare the effectiveness of various design options, I employed a click test as the primary research method. The objective was to assess noticeability, findability, and the time required by users to locate key elements. A click test was chosen for its ability to capture users’ first impressions and instinctive interactions with an interface, providing quantitative insights into user behavior.

Heatmaps were used to track user clicks, offering clear visual data that reflected customer expectations and mental models. These visualizations revealed navigation patterns, highlighting elements that drew user attention and those that were overlooked. By leveraging this data-driven approach, I ensured that the insights gathered aligned closely with user expectations, enabling well-informed design decisions.

Study Design & Tools

I utilized UserZoom for this process, distributing mobile web links to 200 current or potential Abercrombie shoppers who met the demographic and screener criteria. Participants were divided into two groups of 100, with each group exposed to only one design variation to eliminate bias. This between-subject design ensured objective and reliable results, isolating the impact of each design option.

Script Example

Task1: Navigation to Account/Purchase History

Prompt: You’ve landed on this company homepage. Take a moment to review the navigation options available. Imagine you’ve shopped here before and have an account. What would you do next to locate your Purchase History?

Instructions: Click on the area or areas where you expect to find this information. There is no right or wrong answer. After clicking, proceed to the next task.

Follow up Questions:

• Is this where you expected to find it? Why or why not?

• If not, where would you expect it to be located?

• On a scale of 1-5, how easy was it to find this information (1 = not at all easy, 5 = extremely easy)?

• What improvements would you suggest for the navigation content or structure?

Task 2: Navigation to Saves

Prompt: You’ve landed on this company homepage. Imagine you’ve saved items for later. What would you do next to locate your Saved items?

Instructions: Click on the area or areas where you expect to find Saved items. After clicking, proceed to the next task.

Follow up Questions:

• Is this where you expected to find it? Why or why not?

• If not, where would you expect it to be located?

• On a scale of 1-5, how easy was it to find this information? (1 = not at all easy, 5 = extremely easy)?

• What improvements would you suggest for the navigation content or structure?

Process & Findings

Process

I used a structured approach to synthesize insights from the click test:

1. Analyzing Heatmaps: Visual data from heatmaps revealed the most frequently clicked areas, highlighting high-traffic elements and overlooked features.

2. Comparing Design Variations: By comparing click data across variations, I identified which design elements were more intuitive and aligned with user expectations.

3. Identifying Patterns: Recurring themes in user behavior, such as navigation preferences, were grouped to identify broader trends.

4. Highlighting Pain Points: Outliers in the data, such as clicks on unintended areas, uncovered potential usability issues.

5. Synthesizing Insights: I distilled the findings into actionable recommendations, focusing on aligning design elements with user mental models.

Key Findings & Recommendations

1. Account and Saves Placement:

   • Participants expected to find Saved items within the Account/Profile section.

   • When Saves was placed in the main navigation, 30% of participants still clicked on Account/Profile, indicating strong mental models associating saved items with account features.

   • Participants also expected Saved items to be accessible via their shopping bag, highlighting an opportunity to integrate Saves into the Bag feature.

   Recommendations:

   • Add Account to the main navigation and nest Saves within it.

   • Integrate Saved items into the shopping bag for seamless access.

   Relevant Quotes:

   • “It makes sense to be under my account.”

   • “I expected to find it under my profile.”

   • “Yes, I would expect the bag to have saved items.”

2. Homepage Navigation:

   • When the brand logo was removed from the main navigation, 39% of participants resorted to the hamburger menu to navigate back to the homepage, creating confusion.

   • Participants expected the brand/logo to function as a direct link to the homepage.

   Recommendations:

   • Retain the brand/logo in the main navigation as a recognizable and intuitive way to return to the homepage.

   Relevant Quotes:

   • “I always click the logo to get back to the homepage.”

   • “Clicking the brand name logo makes perfect sense.”

Impact & Outcome

By demonstrating the value of aligning design with user mental models, I not only optimized the usability of the Account section but also influenced broader strategic decisions, driving meaningful improvements across the digital experience.

This study significantly improved the user experience by aligning design elements with customer expectations: