Category Navigation Menu

[Image]

Category navigation menus help users explore financial products and services efficiently. For product designers and managers, the challenge is structuring categories in a way that matches user expectations, supports key journeys, and reduces time spent searching for information.

Fintech Category Navigation Menu Testing uses a design stack of UX metrics: usability, comprehension, and satisfaction to measure how effectively users can locate and understand navigation options. This approach replaces subjective opinions with measurable insights.

With these findings, designers and managers can make informed design decisions, prioritize improvements, and demonstrate the impact of changes on business outcomes. For example, testing Bank of America’s website navigation categories revealed strong comprehension but weaker usability, showing where grouping and labeling could be refined to better support account-related tasks.

---

Define Goals for Your Fintech Category Navigation Menu

A fintech category navigation menu should balance user needs like clarity, organization, and trust with business goals such as discoverability, engagement, and cross-sell opportunities. Users want to easily find the right financial products or services, while businesses aim to guide customers to high-value destinations that meet their needs. Measuring navigation success ensures the menu structure supports both intuitive exploration and business growth.

**Audience:**

This concept was tested with bank members and banking consumers in the United States who explored the Bank of America website’s main navigation menu. Participants were asked to locate common banking actions and products — such as credit cards, loans, and savings options — while sharing impressions of clarity, confidence, and ease of navigation.

User Needs
As a customer using a fintech website’s navigation menu, the five most important needs would be:

1. Key categories and links should be easy to locate and clearly labeled (menus should be Findable).

2. The menu design should be simple to interact with, working consistently across devices (nav should be Usable).

3. The organization should match how users naturally think about banking products and services (interactions should be Intuitive).

4. The navigation should minimize the time and effort needed to reach important content (interactions should be Useful).

5. The structure and tone should reinforce trust in the institution’s professionalism and reliability (categories should feel Credible).

These five ensure the navigation feels straightforward, logical, and trustworthy, helping users find what they need with confidence.

Business Goals
Here are the five most important business goals for a fintech category navigation menu:

1. Increase Product Discoverability – Surface key offerings like loans, cards, and investment products more effectively.

2. Drive Conversions – Lead users to high-value destinations such as account sign-ups, product pages, or service tools.

3. Promote Cross-Sell Opportunities – Encourage exploration across related categories to deepen customer relationships.

4. Reinforce Brand Credibility – Reflect the institution’s reliability through consistent, well-structured navigation design.

5. Collect Behavioral Insights – Track navigation clicks and dwell time to inform menu optimization and IA improvements.

These goals help the business guide users to the right products, build trust, and increase engagement through clear and effective navigation design.

---

Choose Metrics to Test Your Category Navigation Menu

For Bank of America’s website navigation menus, a design stack of three UX metrics was chosen to measure how effectively the navigation helps users locate key banking categories and understand the available services. This stack — Usability, Effort, and Sentiment — was established by mapping user needs directly to measurable outcomes:

• Findable & Usable → Usability

  The navigation should make it simple for users to explore different product categories without hesitation. Usability measures whether participants can easily identify and select the correct menu items on their first attempt.

• Efficient → Effort
  Navigating between sections should feel smooth and straightforward. Effort evaluates how easy or difficult participants found it to reach their intended destinations, reflecting how streamlined the experience feels.

• Insightful & Valuable → Sentiment

  The menu should communicate a sense of clarity and organization that enhances user trust. Sentiment captures how participants emotionally respond to the navigation — whether it feels logical, cluttered, or confidence-building.

---

Establish Hunches to Direct Your Testing

Navigation menus on banking websites are pivotal moments for orientation and trust. Users need to locate relevant categories—like loans, accounts, and credit cards—quickly and confidently, without cognitive strain. Bank of America’s navigation structure provides depth across multiple service lines, but how intuitive that structure feels can vary depending on user goals (e.g., personal banking vs. business). These hunches focus on usability, effort, and emotional reassurance as users explore the primary navigation.

Example: Bank of America Website Nav Categories

<table xmlns="http://www.w3.org/1999/xhtml" style="min-width: 75px;"><colgroup><col style="min-width: 25px;"><col style="min-width: 25px;"><col style="min-width: 25px;"></colgroup><tbody><tr><th colspan="1" rowspan="1"><p>Hunch</p></th><th colspan="1" rowspan="1"><p>Question</p></th><th colspan="1" rowspan="1"><p>UX Metric</p></th></tr><tr><td colspan="1" rowspan="1"><p>The primary nav bar (“Checking,” “Savings & CDs,” “Credit Cards,” etc.) uses clear financial categories, but the number of options may overwhelm new users, increasing scanning time before taking action.</p></td><td colspan="1" rowspan="1"><p>How easy was it to quickly find the right category for what you wanted to do?</p></td><td colspan="1" rowspan="1"><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://glare.helio.app/define/ux-metrics/behavioral-metrics/success">Success</a></p></td></tr><tr><td colspan="1" rowspan="1"><p>The dropdown behavior (multiple nested submenus) could improve depth navigation, yet users may find too many similar terms (“Savings” vs. “CDs,” “Loans” vs. “Investing”) confusing or redundant.</p></td><td colspan="1" rowspan="1"><p>How confident were you that you understood the difference between the menu options?</p></td><td colspan="1" rowspan="1"><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://glare.helio.app/define/ux-metrics/behavioral-metrics/comprehension">Comprehension</a></p></td></tr><tr><td colspan="1" rowspan="1"><p>The “Personal / Business / Wealth Management” top toggle gives a sense of scale, but users might not realize it affects the rest of the page’s navigation context, leading to disorientation.</p></td><td colspan="1" rowspan="1"><p>How clear was it that switching between ‘Personal’ and ‘Business’ changes the site content?</p></td><td colspan="1" rowspan="1"><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://glare.helio.app/define/ux-metrics/behavioral-metrics/usability">Usability</a></p></td></tr><tr><td colspan="1" rowspan="1"><p>The search icon and ‘Better Money Habits’ link offer alternative entry points for guidance, but they might draw attention away from primary conversion paths (e.g., opening accounts or applying for cards).</p></td><td colspan="1" rowspan="1"><p>How likely would you be to use the search or learning sections instead of navigating through the menus?</p></td><td colspan="1" rowspan="1"><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://glare.helio.app/define/ux-metrics/behavioral-metrics/intent">Intent</a></p></td></tr><tr><td colspan="1" rowspan="1"><p>The visual emphasis on the red promotional banner (“Cash offer up to $500”) may help drive action but also disrupts the logical path of users coming to sign in or browse accounts.</p></td><td colspan="1" rowspan="1"><p>How focused or distracted did you feel when trying to find your intended section?</p></td><td colspan="1" rowspan="1"><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://glare.helio.app/define/ux-metrics/attitudinal-metrics/sentiment">Sentiment</a></p></td></tr></tbody></table>

These hunches explore whether Bank of America’s main navigation effectively balances clarity, hierarchy, and motivation, helping users feel confident moving deeper into the site rather than hesitating at the top level.

---

Turn Hunches into Test Questions

Turning these metrics into participant questions transforms design assumptions into measurable signals. Each metric uses a specific question type paired with a clear example from Bank of America’s site navigation experience:

• Sentiment **(Multiple-choice impressions)**

  Question type: Impression checklist.

  Example: “Which of the following words best describe your impression of this navigation menu?”
 (Positive: Organized, Clear, Helpful, Professional. Negative: Confusing, Cluttered, Overwhelming, Dull)

[Image]

• Effort **(7-pt scale of difficulty)**

  Question type: Difficulty rating scale.

  Example: “How easy or difficult was it to find the information you were looking for using these menu categories?”
 (1 = Very Easy → 7 = Very Difficult)

[Image]

• Usability **(Average success across multiple click directives)**

  Question type: Multi-task click test.

  Example: “Where would you click to find information about checking accounts?” followed by “Where would you click to locate credit card options?”
 (Success rate is averaged across tasks)

[Image]

---

Calculate UX Metric Scores from User Feedback

For Bank of America’s website navigation menus, user feedback was analyzed to determine how easily visitors could locate product information and understand the bank’s service offerings through its top-level category structure. The design stack for this test included Usability, Effort, and Sentiment — metrics that evaluate how intuitive the navigation system is, how efficiently users reach their goals, and how they feel about the overall browsing experience. Each score was calculated on a 0–100% scale using the following benchmarks:

• Very Good = 90% and above

• Good = 70%–89%

• Average = 50%–69%

• Poor = 30%–49%

• Very Poor = below 30%

Once the individual UX metric scores are calculated, the average of those scores are used to determine the overall score for the user experience.

Bank of America’s Results

• Usability (95% — Very Good): Participants found the navigation well-organized, with clear category names and logical grouping of services. The drop-down menus offered strong visibility into key products, reducing guesswork when browsing.

• Effort (98% — Very Good): The navigation experience was exceptionally efficient, allowing users to reach desired content with minimal steps. Most participants completed their tasks without hesitation, citing “fast access to what I need” and “clear hierarchy” as highlights.

• Sentiment (98% — Very Good): Users responded positively to the design’s visual consistency and professional tone. The experience reinforced trust in Bank of America’s brand and gave visitors confidence in their ability to explore or open accounts online.

[Image]

These outcomes resulted in an overall test score of Very Good at 97%, demonstrating that Bank of America’s navigation system delivers an excellent balance of clarity, speed, and reassurance. Its well-structured category hierarchy provides a model for financial sites looking to simplify complex product ecosystems while maintaining a strong, trustworthy brand presence.

Click here to check out the raw survey data and UX for Bank of America’s website nav categories.

---

Draw Signals from Your Design Stack

Here’s how signals were surfaced from the Bank of America nav test results by following these five steps:

1. Focus on poorly scoring metrics

[Image]

Bank of America’s navigation menu scored an exceptional 97% overall, with Usability (95%), Effort (98%), and Sentiment (98%) all rated Very Good. No clear weaknesses emerged in performance, meaning this test represents a best-practice benchmark. Still, the signals worth drawing focus on how clarity, confidence, and speed combine to shape trust and navigation satisfaction.

2. Identify patterns across metrics

[Image]

The pattern across metrics suggests a tight relationship between simplicity and brand credibility. The design’s high usability indicates that the navigation system feels obvious and stable, while the strong sentiment score shows users associate that clarity with trust and professionalism. Together, these reinforce that Bank of America’s information architecture succeeds by being predictable—not flashy—and aligns perfectly with financial users’ mental models.

3. Determine if user needs are being met

[Image]

• Findable: Exceeded — key product areas are easily discoverable from the top-level navigation.

• Usable: Exceeded — the interaction design works consistently across devices and contexts.

• Intuitive: Exceeded — organization mirrors how customers naturally browse financial tools.

• Efficient: Exceeded — users reach desired pages with minimal effort.

• Credible: Exceeded — the tone and layout project reliability and brand strength.

4. Compare outcomes to your business goals

• Increase Product Discoverability: Fully achieved — users can access core products quickly.

• Drive Conversions: Supported — clear pathways improve the likelihood of deeper product exploration.

• Promote Cross-Sell Opportunities: Supported — visible secondary categories invite exploration.

• Reinforce Brand Credibility: Fully achieved — the IA and tone project confidence.

• Collect Behavioral Insights: Supported — interaction data from this structure can guide refinement without redesign.

5. Surface signals & establish a direction
**
Signals derived from the data:**

1. Simplicity builds trust — the clear hierarchy and reliable function lead to emotional confidence.

2. Navigation feels invisible in the best way — users accomplish goals without friction or second-guessing.

3. Consistency equals credibility — strong alignment across devices amplifies perceived stability.

**Direction based on business context:**

To leverage this success and maintain leadership in usability and brand perception, next steps could include:

• Applying this navigation clarity pattern across new digital products or microsites.

• Integrating personalized shortcuts that maintain simplicity while surfacing relevant actions.

• Using behavioral analytics to identify emerging cross-sell opportunities based on click depth and dwell time.

Based on the signals and design direction, we created an updated version of the design with the expected UX metric improvement:

[Image]

The signal is clear: Bank of America’s navigation system exemplifies confidence through clarity—showing that effortless usability is the strongest driver of trust.