When we first think of a beautiful website or app design, we rarely think of content structures, labels, and categories. But that’s exactly where great design and seamless user experiences begin. Beneath fancy fonts, layout, colors, and animations are the real heroes of user-centric design - information architecture and navigation.

Information architecture (IA) is like the blueprint of your website or app - it’s a conceptual content structure of how content is organized and arranged to create seamless interactions. And as useful as your information may be, if your navigation is flawed, users won’t be able to find it. They’ll simply leave your site and look elsewhere.

So, how does navigation and information architecture complement each other to create seamless user experiences?

‍

‍

Understanding Information Architecture (IA)

Information architecture refers to the practice of organizing, structuring, and labeling content and information to enhance the user's understanding and navigation of a website or application. It involves designing an intuitive, user-friendly, and efficient system to help users find and access the information they need easily. Good IA is essential for delivering a positive user experience and ensuring that your users can achieve their goals effectively.
‍

IA is often confused with navigation structure. Navigation is a part of IA, and it refers to the way users move through a website or application. IA involves more than navigation; it encompasses the overall organization, labeling, and structure of content and information.
‍

Three Key Components of IA

There are three key components of IA:

• Organizational structure: Defines how information is organized, including the categories, subcategories, and relationships between them.
• Content structure: The way information is arranged and presented, including the hierarchy of information and the types of content used.
• Navigation structure: Outlines the pathways and components used for navigating through the information, such as menus, links, and search functions.

‍

‍

Navigation: A Vital Element of Information Architecture

Navigation refers to the process of providing users with a means of moving through a website or application to access the information they need. Navigation is an integral part of IA, as it guides users through the organizational structure and content structure of a site, allowing them to find and access the information they require efficiently.
‍

There are several types of navigation, including utility navigation and content navigation. Utility navigation refers to the elements that help users perform specific actions, such as logging in, creating an account, subscribing, or sharing content. Content navigation, on the other hand, refers to the elements used to guide users through the site's content, such as menus, links, and buttons.
‍

Both types of navigation provide users with a roadmap of how the site is organized and how they can access/interact with the information they need. Effective navigation structures are designed to be intuitive and easy to use. The goal is to minimize the time and effort required for users to find and access the information they need.
‍

‍

Key Elements of Effective Navigation

The key elements of effective navigation include clear labeling, logical grouping, and consistency across the site.

• Clear labeling helps users understand what information they can expect to find under each navigation element.
• Logical grouping ensures that related content is grouped together, making it easier for users to find what they need.
• Consistency ensures that users can predict how the site is organized and can find the information they need quickly and easily.

‍

‍

Designing Navigation for a Better User Experience

Since navigation structures need to be intuitive and easy to use, it goes without saying that usability testing is central to determining what is deemed ‘intuitive’ in the first place. What you might deem intuitive, may not be to your target user.
‍

We’ve discussed how clear labeling, logical grouping, and consistency are key elements for designing navigation, but can they be tested and confirmed? One common usability test is called card sorting. Card sorting is a user research technique that helps you discover how people understand, label and categorize information. It involves asking users to sort various pieces of information or content into categories. Researchers use card sorting to inform decisions about product categorization, menu items, and navigation structures. Remember, researching these underlying structures also informs your information architecture - a key factor in determining good website design.
‍

Tree testing is another invaluable research tool for creating intuitive and easy to use navigation structures. Tree testing examines how easy it is for your users to find information using a stripped-back, text-only representation of your website - almost like a sitemap. Rather than asking users to sort information, they are asked to perform a navigation task, for example, “where would you find XYZ product on our site?”. Depending on how easy or difficult users find these tasks gives you a great indication of the strengths and weaknesses of your underlying site structure, which then informs your navigation design.
‍

Combine usability testing and the following tips to nail your next navigation design:
‍

• Keep it simple: Simple navigation structures are easier for users to understand and use. Limit the number of navigation links and group related content together to make it easier for users to find what they need.
• Use clear and descriptive labels: Navigation labels should be clear and descriptive, accurately reflecting the content they lead to. Avoid using vague or confusing labels that could confuse users.
• Make it consistent: Consistency across the navigation structure makes it easier for users to understand how the site is organized and find the information they need. Use consistent labeling, grouping, and placement of navigation elements throughout the site.
• Test and refine: Usability testing is essential for identifying and refining navigation issues. Regular testing can help designers make improvements and ensure the navigation structure remains effective and user-friendly.

‍

‍

Best Practices for Information Architecture and Navigation

Both information architecture and navigation design contribute to great user experience (UX) design by making it easier for users to find the information they need quickly and efficiently. Information architecture helps users understand the relationships between different types of content and how to access them, while navigation design guides users through the content logically and intuitively.
‍

In addition to making it easier for users to find information, great information architecture and navigation design can also help improve engagement and satisfaction. When users can find what they're looking for quickly and easily, they're more likely to stay on your website or application and explore more content. By contrast, poor information architecture and navigation design can lead to frustration, confusion, and disengagement.
‍

So, when it comes to information architecture vs navigation, what are the best practices for design? Great navigation structure generally considers two factors: (1) what you want your users to do and, (2) what your users want to do. Strike a balance between the two, but ultimately your navigation system should focus on the needs of your users. Be sure to use simple language and remember to nest content into user-friendly categories.
‍

Since great navigation design is typically a result of great IA design, it should come as no surprise that the key design principles of IA focus on similar principles. Dan Brown’s eight design principles lay out the best practices of IA design:

• The principle of objects: Content should be treated as a living, breathing thing. It has lifecycles, behaviors, and attributes.
• The principle of choices: Less is more. Keep the number of choices to a minimum.
• The principle of disclosure: Show a preview of information that will help users understand what kind of information is hidden if they dig deeper.
• The principle of examples: Show examples of content when describing the content of the categories.
• The principle of front doors: Assume that at least 50% of users will use a different entry point than the home page.
• The principle of multiple classifications: Offer users several different classification schemes to browse the site’s content.
• The principle of focused navigation: Keep navigation simple and never mix different things.
• The principle of growth: Assume that the content on the website will grow. Make sure the website is scalable.

‍

‍

Summary: How User-Centered Research Elevates Your Information Architecture and Navigation

Information architecture and navigation are the unsung heroes of website design that work in synchrony to create seamless user experiences. Information architecture refers to the practice of organizing and structuring content and information, while navigation guides users through the site's structure and content. Both are integral to creating intuitive user experiences.
‍

In many ways, navigation and information architecture share the same traits necessary for success. They both require clear, logical structure, as well as clear labeling and categorization. Their ability to deliver on these traits often determines how well a website or application meets your users needs. Of course, IA and navigation designs should be anchored by user research and usability testing, like card sorting and tree testing, to ensure user experiences are as intuitive as possible!
‍

That’s where Optimal comes in. As the world’s most loved user insights platform, Optimal empowers teams across design, product, research, and content to uncover how users think, organize, and navigate information. Tools like Card Sorting and Tree Testing help you validate and refine your IA and navigation structures with real users, so you can move from guesswork to confidence. Ready to turn user behavior into better navigation? Try Optimal for free.

‍

Financial regulations exist for good reason: to protect consumers, prevent fraud, and ensure market stability. But for UX professionals in the financial sector, these necessary guardrails often feel like insurmountable obstacles to creating seamless user experiences. How do we balance strict compliance requirements with the user-friendly experiences consumers increasingly demand?

‍

The Compliance vs. UX Tension

‍

The fundamental challenge lies in the seemingly contradictory goals of regulatory compliance and frictionless UX:

• Regulations demand verification steps, disclosures, documentation, and formality
• Good UX principles favor simplicity, speed, clarity, and minimal friction

This tension creates the "compliance paradox": the very features that make financial services trustworthy from a regulatory perspective often make them frustrating from a user perspective.

‍

Research Driven Compliance Design

‍

Addressing regulatory challenges in financial UX requires more than intuition, it demands systematic research to understand user perceptions, identify friction points, and validate solutions. Optimal's research platform offers powerful tools to transform compliance from a burden to an experience enhancer:

‍

Evaluate Information Architecture with Tree Testing

‍

Regulatory information is often buried in complex navigation structures that users struggle to find when needed:

‍

Implementation Strategy:

• Test how easily users can find critical compliance information
• Identify optimal placement for regulatory disclosures
• Compare different organizational approaches for compliance documentation

‍

Test Compliance Flows with First-Click Testing

‍

Understanding where users instinctively look and click during compliance-critical moments helps optimize these experiences:

‍

Implementation Strategy:

• Test different approaches to presenting consent requests
• Identify optimal placement for regulatory disclosures
• Evaluate where users look for more information about compliance requirements

‍

Understand Mental Models with Card Sorting

‍

Regulatory terminology often clashes with users' mental models of financial services:

‍

Implementation Strategy:

• Use open card sorts to understand how users categorize compliance-related concepts
• Test terminology comprehension for regulatory language
• Identify user-friendly alternatives to technical compliance language

‍

Key Regulatory Considerations Affecting Financial UX

‍

KYC (Know Your Customer) Requirements

‍

KYC procedures require financial institutions to verify customer identities, a process that can be cumbersome but is essential for preventing fraud and money laundering.

‍

Design Opportunity: Transform identity verification from a barrier to a trust-building feature by:

• Breaking verification into logical, manageable steps
• Setting clear expectations about time requirements and necessary documents
• Providing progress indicators and save-and-resume functionality
• Explaining the security benefits of each verification step

‍

Data Privacy Regulations (GDPR, CCPA, etc.)

‍

Modern privacy frameworks grant users specific rights regarding their data while imposing strict requirements on how financial institutions collect, store, and process personal information.

This poses a specific ux challenge: privacy disclosures and consent mechanisms can overwhelm users with legal language and interrupt core user journeys.

‍

Design Opportunity: Create privacy experiences that inform without overwhelming:

• Layer privacy information with progressive disclosure
• Use visual design to highlight key privacy choices
• Develop privacy centers that centralize user data controls
• Implement "just-in-time" consent requests that provide context

‍

AML (Anti-Money Laundering) Compliance

‍

AML regulations require monitoring unusual transactions and sometimes interrupting user actions for additional verification.

‍

Design Opportunity: Design for transparency and education:

• Provide clear explanations when additional verification is needed
• Offer multiple verification options when possible
• Create educational content explaining security measures
• Use friction strategically rather than uniformly

‍

Strategies for Compliance-Centered UX Design

‍

1. Bring Compliance Teams into the Design Process Early

‍

Rather than designing an ideal experience and then retrofitting compliance, involve your legal and compliance teams from the beginning. This collaborative approach can identify creative solutions that satisfy both regulatory requirements and user needs.

‍

2. Design for Transparency, Not Just Disclosure

‍

Regulations often focus on disclosure, ensuring users have access to relevant information. But disclosure alone doesn't ensure understanding. Focus on designing for true transparency that builds both compliance and comprehension.

‍

3. Use Progressive Complexity

‍

Not every user needs the same level of detail. Design interfaces that provide basic information by default but allow users to explore deeper regulatory details if desired.

‍

4. Transform Compliance into Competitive Advantage

‍

The most innovative financial companies are finding ways to turn compliance features into benefits users actually appreciate.

‍

Measuring Success: Beyond Compliance Checklists

‍

Traditional compliance metrics focus on binary outcomes: did we meet the regulatory requirement or not? For truly successful compliance-centered UX, consider measuring:

• Completion confidence - How confident are users that they've completed regulatory requirements correctly?
• Compliance comprehension - Do users actually understand key regulatory information?
• Trust impact - How do compliance measures affect overall trust in your institution?
• Friction perception - Do users view necessary verification steps as security features or annoying obstacles?

‍

The financial institutions that will thrive in the coming years will be those that stop viewing regulations as UX obstacles and start seeing them as opportunities to demonstrate trustworthiness, security, and respect for users' rights. By thoughtfully designing compliance into the core experience, rather than bolting it on afterward, we can create financial products that are both legally sound and genuinely user-friendly.

‍

Remember: Compliance isn't just about avoiding penalties, it's about treating users with the care and respect they deserve when entrusting you with their financial lives. And with the right research tools and methodologies, you can transform regulatory requirements from experience detractors into experience enhancers.

‍

‍

After months of invaluable collaboration with our incredible community, we're thrilled to announce that Prototype Testing has officially graduated from beta and is now available to everyone on the Individual+, Team, and Enterprise plans!

‍

Reflecting on the Beta Journey ⭐

‍

The Prototype Testing Beta was launched with a singular mission: to gather feedback from our community to help shape the future of the tool. Over the past few months, we've been privileged to work alongside a diverse group of customers and UX leaders— who provided invaluable feedback, completed many Usability Tests, and helped us refine the tool.

From the initial rollout to the most recent updates, your input has shaped our decisions, from design tweaks to functional improvements. Together, we’ve tackled challenges, explored creative solutions, and built something that truly aligns with user needs.

‍

Highlights from the Beta 🥳
‍

• Figma OAuth Integration: One of our most anticipated features, this seamless integration enabled testers to connect their design workflows directly with our platform, paving the way for smoother collaboration.
  
  
• Improved security with password management: A new "Password settings" button allows users to manage stored passwords, which participants receive before starting their Prototype Study. Additionally, users are prompted for a password when importing protected prototypes.

‍

• Improvements to usability: Your feedback was taken onboard, and we’ve updated the buttons, including "Re-sync to file" and "Change prototype," to improve usability.

‍

• Results sharing: You can now easily share specific sections (e.g., analysis, tasks, clickmaps) via a URL with your stakeholders in just a few clicks. With the added protection of a password for secure access.
  ‍

• Participant data view: To speed up your data analysis and improve your workflows we’ve added task metrics in the "Results > Participants" table, showing tasks completed, skipped, and success percentage.

‍

• Notes tab in analysis: Users can now take notes directly in the Analysis section for Task Results, Click Maps, Paths, and Questionnaires.

‍

What's next for Prototype Testing ❓

‍

Introducing Video Recording

‍

We're thrilled to announce our most requested feature is coming to Prototype Testing: seamless video recording that captures the full depth of user experiences.

‍

A Frictionless Experience

‍

• Browser-based recording - no plugins needed
• Automatic consent management for screen, face, and voice recording
• Seamless integration with your existing test flow
• Secure storage and easy access to recordings

‍

Why video changes everything

‍

Video recording transforms your research by:

• Capturing authentic user reactions and emotions
• Understanding the "why" behind user behaviors
• Sharing compelling user stories with stakeholders
• Building deeper empathy across your team

‍

Beyond video: The road ahead

‍

Your feedback during the beta has shaped an exciting roadmap for 2025 and beyond. While we can't reveal everything just yet, know that every feature and enhancement planned has been inspired by your needs and suggestions.

‍

A thank you from our team 🫶

To our incredible beta participants: your partnership has been invaluable. You've shared your expertise, challenged our assumptions, and helped us build something truly special. Every piece of feedback, every suggestion, and every bug report has contributed to making Prototype Testing a tool that truly serves the UX research community.

‍

Join us on the journey

This is just the beginning of our mission to make expert research accessible to all. Stay tuned for regular updates as we continue to evolve Prototype Testing based on your needs and feedback. Here's to the next chapter of creating exceptional digital experiences together!

‍

If you missed our recent live training on Prototype Testing, don’t worry—we’ve got everything you need right here! You can catch up at your convenience, so grab a cup of tea, put your feet up, and enjoy the show.
‍

In the session, we explored the powerful new features of our Prototype Testing tool, offering a step-by-step guide to setting up, running, and analyzing your tests like a seasoned pro. This tool is a game-changer for your design workflow, helping you identify usability issues and gather real user feedback before committing significant resources to development.

Here’s a quick recap of the highlights:

‍

1. Creating a prototype test from scratch using images

‍

We walked through how to create a prototype test from scratch using static images. This method is perfect for early-stage design concepts, where you want to quickly test user flows without a fully interactive prototype.

‍

2. Preparing your Figma prototype for testing

‍

Figma users, we’ve got you covered! We discussed how to prepare your Figma prototype for the smoothest possible testing experience. From setting up interactions to ensuring proper navigation, these tips ensure participants have an intuitive experience during the test. For more detailed instructions, check out our help article 

‍

3. Seamless Figma prototype imports

‍

One of the standout features of the tool is its seamless integration with Figma. We showed how easy it is to import your designs directly from Figma into Optimal, streamlining the setup process. You can bring your working files straight in, and resync when you need to with one click of a button.

‍

4. Understanding usability metrics and analyzing results

‍

We explored how to analyze the usability metrics, and walked through what the results can indicate on click maps and paths. These visual tools allow you to see exactly how participants navigate your design, making it easier to spot pain points, dead ends, or areas of friction. By understanding user behavior, you can rapidly iterate and refine your prototypes for optimal user experience.

‍

Big things are happening in 2024! 🎉

‍

We’re undergoing a huge transformation in 2024 to deliver more value for our customers with exciting new products like prototype testing, features like video recording, upgrading our survey tool, introducing AI, and improving how we support large organizations and multiple teams managing their accounts. These new products and features mean we need to update our pricing plans to continue innovating and providing top-tier UX research tools for our customers now and in the future.

‍

Say hello to our new pricing plans  👋🏽

‍

Starting July 22, 2024, we’ll be introducing new plans—Individual and Individual+—and updating our Team and Enterprise plans. We’ve reduced the price to join Optimal from $249 a month on the Pro plan to $129 on the new Individual plan. This reduction will help make our tools more accessible for people to do research and includes two months free on the individual annual plan, too.

‍

We’ll be discontinuing some of our current plans, including Starter, Pro, and Pay per Study, and letting customers know about the changes that will affect their account via email and in information on the plans page in the app.

‍

Prototype testing is just around the corner 🛣️ 🥳

‍

The newest edition to the Optimal platform  is  days away, and will be available to use on the Individual+, Team and Enterprise plans from early August.  Prototype testing will allow you to quickly test designs with users throughout the design process, to help inform decisions so you can build on with confidence.  You’ll be able to build your own prototype from scratch using images or screenshots or import a prototype directly from Figma. Keep an eye out in app for this new exciting addition.

‍

Last week Optimal Workshop was delighted to sponsor UXDX USA 2024 in New York. The User Experience event brings together Product, Design, UX, CX, and Engineering professionals and our team had an amazing time meeting with customers, industry experts, and colleagues throughout the conference. This year, we also had the privilege of sharing some of our industry expertise by running an interactive forum on “Measuring the Value of UX Research” - a topic very close to our hearts.

‍

‍

Our forum, hosted by Optimal Workshop CEO Alex Burke and Product Lead Ella Fielding, was focused on exploring the value of User Experience Research (UXR) from both an industry-wide perspective and within the diverse ecosystem of individual companies and teams conducting this type of research today.

‍

The session brought together a global mix of UX professionals for a rich discussion on measuring and demonstrating the effectiveness of and the challenges facing organizations who are trying to tie UXR to tangible business value today.

‍

The main topics for the discuss were: 

• Metrics that Matter: How do you measure UXR's impact on sales, customer satisfaction, and design influence?
• Challenges & Strategies: What are the roadblocks to measuring UXR impact, and how can we overcome them?
• Beyond ROI:  UXR's value beyond just financial metrics

‍

Some of the key takeaways from our discussions during the session were: 

‍

1. The current state of UX maturity and value
   • Many UX teams don’t measure the impact of UXR on core business metrics and there were more attendees who are not measuring the impact of their work than those that are measuring it. 
   • Alex & Ella discussed with the attendees the current state of UX research maturity and the ability to prove value across different organizations represented in the room. Most organizations were still early in their UX research maturity with only 5% considering themselves advanced in having research culturally embedded.

2. Defining and proving the value of UX research
   • The industry doesn’t have clear alignment or understanding of what good measurement looks like. Many teams don’t know how to accurately measure UXR impact or don’t have the tools or platforms to measure it, which serve as core roadblocks for measuring UXRs’ impact. 
   • Alex and Ella discussed challenges in defining and proving the value of UX research, with common values being getting closer to customers, innovating faster, de-risking product decisions, and saving time and money. However, the value of research is hard to quantify compared to other product metrics like lines of code or features shipped.

3. Measuring and advocating for UX research
   • When teams are measuring UXR today there is a strong bias for customer feedback, but little ability or understanding about how to measure impact on business metrics like revenue. 
   • The most commonly used metrics for measuring UXR are quantitative and qualitative feedback from customers as opposed to internal metrics like stakeholder involvement or tieing UXR to business performance metrics (including financial performance). 
   • Attendees felt that in organizations where research is more embedded, researchers spend significant time advocating for research and proving its value to stakeholders rather than just conducting studies. This included tactics like research repositories and pointing to past study impacts as well as ongoing battles to shape decision making processes. 
   • One of our attendees highlighted that engaging stakeholders in the process of defining key research metrics prior to running research was a key for them in proving value internally. 

4. Relating user research to financial impact
   • Alex and Ella asked the audience if anyone had examples of demonstrating financial impact of research to justify investment in the team and we got some excellent examples from the audience proving that there are tangible ways to tie research outcomes to core business metrics including:
   • Calculating time savings for employees from internal tools as a financial impact metric. 
   • Measuring a reduction in calls to service desks as a way to quantify financial savings from research.

5. Most attendees recognise the value in embedding UXR more deeply in all levels of their organization - but feel like they’re not succeeding at this today. 
   • Most attendees feel that UXR is not fully embedded in their orgnaization or culture, but that if it was - they would be more successful in proving its overall value.
   • Stakeholder buy-in and engagement with UXR, particularly from senior leadership varied enormously across organizations, and wasn’t regularly measured as an indicator of UXR value 
   • In organizations where research was more successfully embedded, researchers had to spend significant time and effort building relationships with internal stakeholders before and after running studies. This took time and effort away from actual research, but ended up making the research more valuable to the business in the long run. 

‍

With the large range of UX maturity and the democratization of research across teams, we know there’s a lot of opportunity for our customers to improve their ability to tie their user research to tangible business outcomes and embed UX more deeply in all levels of their organizations. To help fill this gap, Optimal Workshop is currently running a large research project on Measuring the Value of UX which will be released in a few weeks.
‍

Keep up to date with the latest news and events by following us on LinkedIn.