Imagine walking into a library with no catalog, no signs, and books piled up haphazardly. Frustrating, right? That’s exactly what poor findability feels like in a digital interface – users are left struggling to find information, complete tasks, or explore content, often leading to frustration and abandonment.
Findability is all about making it easy for users to locate the content, tools, or features they need. It’s about mapping their journey based on the tasks they want to accomplish. By creating smooth, intuitive pathways, findability delivers a cohesive and straightforward user experience.
Don’t confuse it with discoverability. Later in the article, we’ll dive into our approach to separating these two terms.
Core aspects of Findability are:
1.1. Clear and Logical Structure of Sections
1.2. Cross-Location of Items
1.3. Smooth Navigation Back and Forth
1.4. Easy Access to Search
1.5. Supporting Information and Tips
1.6. Optimal User Flow Length
Let’s break down the Findability principle with real-world examples that highlight the DOs and DON’Ts of effective interface design.
1.1 Clear and Logical Structure of Sections
Users should be able to easily understand how the interface is organized and quickly find what they need.
A well-organized interface acts as a map, guiding users effortlessly to their destinations. When sections are labeled clearly and grouped logically, users can intuitively understand where to go. On the other hand, a chaotic structure is like entering a maze with no signposts – pure confusion, waste of time, and poor UX.
Tips for Clear and Logical Structure
- Group related items together, this helps users find similar options in one place.
- Use simple and clear labels, avoid confusing or technical terms for section names.
- Organize sections logically, arrange items so users can navigate without guessing.
- Prioritize important sections with larger fonts, bold text, or distinct colors.
- Include intuitive categories, structure menus or sections based on user expectations.
- Avoid overloading sections, keep each category focused to prevent overwhelming users.
Now, let’s get practical and look at some examples of findability done right (and wrong).
Project: Vancity, corporate website
Platform: Desktop
✅ This credit union website provides a navigation menu designed around user needs. By understanding its audience’s goals and context – such as finding bank services or investment options – they ensure that each section is easy to locate and logically structured. This approach reduces the cognitive load on users.
Project: Desjardins, corporate website
Platform: Desktop
✅ The Desjardins website categorizes content based on user goals – credit cards, wealth management, insurance and more. Simple language, clear labels and icons help users find relevant information quickly without second-guessing.
Project: Stripe, corporate website
Platform: Desktop
✅ Stripe’s corporate site is a great example of breaking down solutions into user-specific contexts. It doesn’t overwhelm visitors with one long list of options but instead groups features by developer tools, payment solutions, and business services.
Project: EventyApp, events app
Platform: Mobile
❌ EventyApp has a confusing structure with 2 sections both named “Details.” This duplication creates uncertainty for users, as they cannot immediately tell which section contains the primary information.
1.2. Cross-Location of Items
Place items in multiple relevant categories to suit different user perspectives and improve content findability.
Users approach search differently. Some look through categories, while others use keywords. Cross-location helps both groups find what they need. Placing items in multiple logical categories makes everything easier to locate. For example, “high-heeled shoes” can be cross-located as “footwear” and “festive clothing”.
Tips for Effective Cross-Location
- Place items in multiple relevant sections, users may think differently about where something belongs.
- Avoid duplicates with the same name in one place, it can confuse users if sections overlap.
- Test user paths, check how users expect to find items and adjust accordingly.
Project: IKEA, eCommerce website
Platform: Desktop
✅ The IKEA website shows how cross-location works. For example, office chairs can be found under the “Products” tab or through the “Rooms” in the navigation menu. This makes it easy for both focused and curious users to find what they need.
1.3. Smooth Navigation Back and Forth
Navigation should feel seamless, like flipping through the pages of a well-organized book. Users should always feel in control of their journey, knowing exactly where they are and how to return to previous steps.
A “Back” button and breadcrumbs work together to help users retrace their steps, offering both a clear visual trail and the option to return to a previous stage.
Additional elements for positive user experience like numbered steps, collapsible menus, and highlighted tabs help users track their position and understand the process at a glance. These tools work together to create a stress-free navigation experience.
Tips for Smooth Navigation
- Add a visible “Back” button, users need a simple way to return to the previous page.
- Use breadcrumbs that show the user’s path, making it easier to go back to earlier sections.
- Avoid dead ends, ensure users can always navigate to a previous page or another useful section.
- Provide multiple navigation paths, users may prefer using menus, search bars, or shortcuts to move back.
- Enable undo actions and let users reverse changes or decisions without a need to restart from the very beginning.
- Include clear labels; buttons like “Next,” “Previous,” or “Cancel” should be easy to understand.
- Maintain the user’s context; if they go back, keep their previous inputs or selections intact to avoid frustration.
Project: Gov.uk, government website
Platform: Desktop
✅ The British government’s website uses breadcrumbs to help users track their path. Clearly labeled trails show where users are and how they got there. This makes it easy to backtrack without getting lost, which is especially helpful for navigating the site’s large amount of pages.
Project: TD Bank, corporate website
Platform: Desktop
✅ TD Bank’s website solves a common problem with its “Back to Top” button. On content-heavy pages, this feature prevents endless scrolling and gives users a quick reset point, saving time and effort.
Project: Airbnb, travel app
Platform: Mobile
✅ In Airbnb’s host flow, users adding an apartment can freely move between steps – making adjustments or reviewing information. This flow ensures a sense of progress while avoiding the risk of feeling trapped at any point.
Project: Gov.uk, government website
Platform: Desktop
✅ The Gov.uk website includes a “Back” link positioned at the top of every page. This makes it easy for users to return to the previous step without searching for any other navigation options.
1.4. Easy Access to Search
For users who know exactly what they’re looking for, search is their compass. A well-placed, easy-to-spot search bar is like a fast lane on a busy highway, letting drivers reach their destination faster and with less hassle.
Tips for Easy Access to Search
- Place the search bar in a prominent location. It should be easy to spot, like at the top of the page or in the main menu.
- Keep the search function visible on all pages. Users should be able to search from anywhere in the interface.
- Use clear placeholder text in the search bar. Phrases like “Search for products” or “Type a keyword” guide users on what to do.
- Make the search button distinct, use an icon like a magnifying glass and ensure it stands out visually.
- Enable relevant search suggestions or autocomplete to save users time.
Project: Gov.uk, government website
Platform: Desktop
✅ This website provides a prominent, hard-to-miss search bar on the homepage to help users browse through a large amount of information. The search function is findable, easily accessible on all pages, making it simple for users to quickly find what they need, even if they don’t know where to start.
Project: Zoom, SaaS app
Platform: Desktop
✅ Zoom allows users to quickly find specific transcript text using its search bar. This feature helps locate important moments in meetings, making it easier to review and revisit key discussions. It’s a clear example of thoughtful design and great usability.
Project: Joshua Three National Park, corporate website
Platform: Desktop
❌ Despite offering a wealth of information about park activities and tours, this site lacks a global search bar. Visitors may struggle to find specific details, such as event schedules or trail maps. Adding a search feature would improve findability UX significantly.
1.5. Supporting Information and Tips
Complex interfaces often require a helping hand. Tooltips, contextual help, and explanatory text make it easier for users to find information and navigate the interface by clarifying complex concepts and terms – even in unfamiliar territory.
Tips for Supporting Information
- Use tooltips for clarification; provide short, helpful explanations.
- Make explanations visible and upfront, don’t hide them behind clicks or hovers.
- Include contextual help, add hints or examples directly within forms or processes to guide users.
- Add icons or visual cues, use symbols or graphics to explain actions or concepts.
- Explain technical terms or abbreviations, use plain language or add definitions to prevent confusion.
- Provide small previews or examples, show users what to expect from choices, such as previews of templates or layouts.
Project: Wikipedia, informational website
Platform: Desktop
✅ Known for its dense content and information, Wikipedia makes use of explanatory prompts for technical terms or abbreviations. These small yet powerful additions help users explore topics without feeling overwhelmed by complex terms or jargon.
Project: Desjardins, corporate website
Platform: Desktop
✅ The bank’s website provides hints to guide users and explain the details of a complex process. These hints not only guide users and improve findability but also reduce the likelihood of errors.
Project: Notion, SaaS app
Platform: Desktop
✅ When browsing database visualization options, Notion provides small previews that make it easier for users to choose the right database format. This smart feature speeds things up and makes decision-making less stressful.
Project: MacOS, operating system
Platform: Desktop
✅ MacOS adds an ellipsis in the middle of a sentence rather than at the end to distinguish file versions. For example, file additions like “_final” are placed clearly in the filename. This way the important remarks are visible at a glance, helping users quickly spot the correct files and differentiate them.
1.6. Optimal User Flow Length
Every step in a process should serve a purpose. Too many steps, and users lose patience; too few, and they might feel rushed or confused. Striking the right balance is key to creating a smooth and satisfying user journey.
Tips for Optimal User Flow Length
- Minimize steps to complete tasks, reduce the number of actions users need to take.
- Avoid unnecessary input fields, ask only for information that is essential.
- Combine steps where possible, merge simple actions into a single step to save time.
- Provide shortcuts for frequent users, allow experienced users to bypass some steps.
- Enable users to skip steps, make non-mandatory actions optional, such as filling out additional details.
- Save user progress; allow users to pause and return without losing their inputs.
- Use smart defaults; pre-fill fields or suggest options based on user data to speed up the process.
- Use progress indicators; show users how far they’ve come and how many steps remain.
Project: Expedia, travel app
Platform: Mobile
✅ On Expedia’s homepage, users are immediately offered popular travel destinations. This straightforward approach minimizes unnecessary steps, letting users book a trip without hassle. A great example of a positive user experience.
Project: Adobe, corporate website
Platform: Desktop
❌ Adobe’s subscription cancellation process includes 4 steps, requiring users to answer questions before moving forward. This makes it annoying for users who just want to skip the questions and complete the task – cancel the subscription – quickly.
Project: Etsy, eCommerce website
Platform: Desktop
❌ Setting up a shop on Etsy involves an overly long process with too many steps and a lot of content. This may discourage new sellers and increase abandonment rates.
Findability vs. Discoverability: What’s the Difference?
At first glance, findability and discoverability might seem interchangeable. Both relate to how users interact with digital interfaces, but their focus and scope are quite different. To understand the distinction, let’s get back to a bookstore or library example. Findability in UX is akin to knowing exactly where a book is and being able to navigate directly to it. Discoverability in UX, on the other hand, is about stumbling upon a new, unexpected bestseller while browsing the shelves.
Findability: Precision and Purpose
Findability is all about making specific content, tools, or features easy to locate. It focuses on ensuring that users can achieve their immediate goals without confusion or unnecessary effort. This principle thrives on clarity, logical organization, and direct pathways. Whether users are looking for account settings, a product catalog, or contact information, content findability ensures these elements are accessible and intuitive to navigate.
Discoverability: Curiosity and Exploration
Discoverability, in contrast, is about enabling users to uncover features, content, or options they didn’t know existed. It’s less about precision and more about exploration. While content findability supports immediate, goal-driven tasks, discoverability enhances the overall experience by introducing users to new possibilities.
Think of discoverability as the digital equivalent of window shopping. It’s the process of exposing users to unexpected opportunities or secondary features that may enhance their journey.
Thus:
- Findability focuses on the here and now: It addresses immediate needs by ensuring users can locate specific content or complete tasks with minimal effort.
- Discoverability enhances the broader experience: It introduces users to additional features, new tools, or innovative content that adds long-term value.
How Findability and Discoverability Interact
Findability is often discussed alongside Discoverability. We, at Craft Innovations, believe that these aspects differ, while they are complementary. A well-designed interface balances both to provide a seamless user experience.
Imagine visiting a platform where you can quickly find the exact feature you need (findability), but also encounter a helpful suggestion or overlooked tool along the way (discoverability). Together, these elements create an environment that feels intuitive and engaging.
We explore Discoverability under the usability principle User engagement – 4.6. Encouraging further interaction, so feel free to read on!
In the context of Craft Innovations’ Usability Principles, findability is a primary focus because it forms the foundation of a positive user experience. If users can’t locate the basics, discoverability won’t matter. It’s like building a house – you need a solid foundation (findability) before you can think about the decor and ambiance (discoverability).
