Make it Easy on the User: Designing for Discoverability within Mobile Apps
- 746 shares
- 1 year ago
Discoverability refers to how easily users can find features, information, or functionalities within a product, service, or system. In the context of user interface (UI) and user experience (UX) design, it's about making all necessary options and tools visible or easily retrievable for users when needed.
Good discoverability ensures users don't feel lost, frustrated, or confused when navigating a digital product or physical space.
In this video, Netflix Product Design Lead Niwal Sheikh talks about how to define discoverability.
Discoverability is a fundamental aspect of user experience design that affects how efficiently and effectively users navigate and use a product or system.
In this video, Niwal Sheikh compares the consequences of high and low discoverability.
When designers prioritize discoverability, they ensure that important features and information are easily accessible. This enhances user satisfaction and engagement and contributes to a product's overall success and adoption.
There are several reasons why discoverability is paramount:
User Efficiency: It allows users to complete tasks more quickly by minimizing the time spent searching for functions or information.
User Satisfaction: Easy-to-find features and information lead to a more satisfying user experience.
Reduction in Learning Curve: Good discoverability means new users can get up to speed and become productive with minimal effort.
Increased Engagement: When users find what they need, they're more likely to explore additional features and content, leading to deeper engagement.
Designers should leverage user research and information architecture (IA) to enhance the discoverability of a product.
User Needs and Behaviors: User research reveals what users need, how they think, and their goals. Designers must understand these aspects to design a product that aligns with user expectations for finding and interacting with content and features.
Design Decisions: User research insights should guide content and functionality prioritization to ensure the most essential elements are the most discoverable.
Mental Models: Designers need to understand how users categorize information in their minds to align the product's structure to user expectations and make discovery more intuitive.
Reduce Assumptions: Direct feedback and observations from users reduce reliance on guesswork, which leads to a design that accommodates real user behaviors and preferences, enhancing discoverability.
Organize Content: Effective information architecture organizes content logically and predictably, which makes it easier for users to find information or features.
Straightforward Navigation: IA informs navigation design, ensuring menus, categories, and links are user-friendly and intuitive. Well-structured navigation significantly improves discoverability.
Support Scalability: Robust IA accommodates additional content or features without clutter or confusion, maintaining discoverability as the product evolves.
Consistency: Consistent labeling, categorization, and organization across the product make it easier for users to learn and remember where to find things, enhancing discoverability.
User-Centric Terminology: IA employs language and terms familiar to the users, not just technical or industry-specific jargon. This ensures users can easily find what they seek.
Together, user research and information architecture provide a solid foundation for a design that is intuitive and easy to navigate. Designers need to implement insights from user research and structure content and features effectively through information architecture to significantly enhance the discoverability of their products.
Designers confront several challenges when they aim to enhance discoverability. Key challenges include:
Information Overload: The increasing content volume can overwhelm users, leading to the paradox of choice, where the abundance of options hinders decision-making.
Poor Navigation and Search Functions: Ineffective navigation or search capabilities significantly hinder users from locating the content or products of interest.
Lack of Personalization: Generic content recommendations or search results lead to irrelevant options for users and make the discovery process tedious and less effective.
Content Quality and Relevance: Ensuring discoverable content is of high quality and relevant to users poses a significant challenge.
Changing User Expectations: As technology evolves, so do user expectations. Keeping pace with these changing preferences and the preferred content discovery methods is challenging.
Designers can address discoverability challenges using key strategies. For example, designers can apply psychology principles, such as Hick's Law—which indicates an increase in the number of choices logarithmically increases decision time—to simplify and curate choices and reduce decision time. They must ensure intuitive navigation, clear labeling, and robust search features. Personalization is crucial with data analytics and machine learning to tailor experiences. Designers should also conduct continuous user tests for feedback to refine discoverability features and ensure accessibility.
Here are the best practices for enhancing discoverability in design:
Implement a clear, logical, and consistent navigation structure that aligns with users' expectations. This includes a well-organized menu, intuitive categorization, and a visible search bar.
Offer robust search features, including filters, auto-complete suggestions, and relevant search results. Ensure the search is quick and returns accurate results.
Use size, color, and layout to guide users' attention to the most important elements. A strong visual hierarchy helps users identify where to find the information or features they need.
Use familiar icons and labels. Consistency in design elements across different parts of the product helps users quickly learn and find what they need.
Implement breadcrumbs in complex applications or websites. They help users understand their current location and easily navigate back to previous sections.
When introducing new features, use tooltips, guided tours, or highlight changes to ensure users notice and can take advantage of them.
Provide immediate and clear feedback. For example, when users search, show the number of results found and highlight terms in the results.
Regularly test the design with real users to identify and fix discoverability issues. This includes usability testing, A/B testing, and analytics review.
Ensure the design is accessible to all users, including those with disabilities. This includes using alt text for images, ensuring keyboard navigability, and designing for screen readers.
Avoid clutter. A clean and focused design helps users not get overwhelmed and easily find what they want.
To see these principles in action, designers should consider how popular platforms like Amazon or Google implement precise categorization, predictive search, and visual cues to guide users.
Designers should always consider discoverability when working on all aspects of product design, including visual design. Here are key strategies designers can apply:
Prioritize Content and Features: Designers must understand and prioritize the most important content or features for their users. They should use data and user feedback to inform these decisions and highlight these elements visually, positioning them prominently in the layout.
Use Clear Signifiers: Designers should employ visual cues such as icons, labels, and affordances that indicate how users should interact with UI elements. For instance, underlining text to show a link or using a magnifying glass icon for a search ensures that users recognize possible actions.
Establish Visual Hierarchy: Designers must create a visual hierarchy that guides users to the most critical information or features. They should use size, color, and typography to draw attention and make navigation intuitive.
Implement Progressive Disclosure: Designers should show only the necessary information at each point in the journey to reduce cognitive load. As users delve deeper, they reveal more detailed information or additional features. This technique keeps interfaces simple and guides users to discover more as they proceed.
Feedback and Affordance: Providing immediate feedback when users interact with elements is essential. For instance, changing the color of a button when hovered over or clicked reassures users and encourages further interaction and discovery.
Test and Iterate: Designers must continuously test their designs with real users, observe how they interact with the product, and identify areas of struggle. They should use these insights to improve discoverability in their designs iteratively.
The goal is to make the user's journey through the product as smooth and intuitive as possible.
Good discoverability is essential in many real-life scenarios across various industries and applications. For example:
E-Commerce Websites: Effective discoverability means users can quickly find the products they want on online shopping platforms like Amazon or eBay. Good category organization, effective search mechanisms, and personalized recommendations contribute to a smooth shopping experience.
Library Databases: Libraries use cataloging systems so that patrons can find books, academic papers, or media efficiently. Good discoverability in these databases involves accurate metadata, clear categorization, and robust search functionalities.
Mobile Applications: For apps, whether a social media platform, a productivity tool, or a game, users should be able to navigate and find features effortlessly. Good discoverability means intuitive interfaces, a minimal learning curve, and quick access to core functionalities.
Travel and Booking Sites: Sites like Airbnb or Booking.com rely on good discoverability so users can find the perfect accommodation or travel option. Filters, search capabilities, and clear listings are crucial.
Content Platforms: For content-heavy platforms like YouTube or Medium, users must find relevant and interesting content easily. Algorithms for recommendations, effective tagging, and search functionalities are essential for good discoverability.
In all these cases, the ultimate goal of good discoverability is to enhance user satisfaction and efficiency by minimizing the time and effort needed to find something. This leads to better user retention, satisfaction, and overall success for the service or product.
Artificial Intelligence (AI) substantially enhances discoverability across various sectors and revolutionizes how people access and find information. AI refines search algorithms, personalizes content, and develops more intuitive user interfaces. For instance, AI-driven search engines better understand user intent and context, which leads to more accurate and relevant search results. This breakthrough significantly streamlines information access, optimizes time, and elevates user experience.
For example, Spotify's music recommendation system uses AI to analyze your listening habits, considering factors like the genres, artists, and specific songs you prefer. Then, it suggests new songs or artists that match your taste. This level of personalized content discovery was unattainable before AI.
Moreover, AI categorizes and organizes data effectively, learning from user behavior to suggest relevant content and predict user needs. This dynamic discoverability means users continually receive tailored content, which leads to a more engaging and efficient experience. However, it also necessitates robust data protection strategies and careful consideration of potential filter bubbles.
AI-assisted dynamic discoverability helps product designers create designs that evolve according to user preferences and behaviors, which makes the discovery of new features or content feel natural and intuitive.
The paradox of choice and discoverability have an intricate link, especially in digital environments where users often encounter a vast array of options. The paradox of choice, a term popularized by psychologist Barry Schwartz, refers to the phenomenon where an abundance of choices can lead to negative outcomes, including decision paralysis, anxiety, and dissatisfaction with the chosen option.
Learning to choose is hard. Learning to choose well is harder. And learning to choose well in a world of unlimited possibilities is harder still, perhaps too hard.
— Barry Schwartz, The Paradox of Choice
As the number of choices increases, the ease of decision decreases, along with the satisfaction from the decision.
In this video, Niwal Sheikh talks about how the paradox of choice can prevent discoverability.
While the improvement of discoverability generally benefits users by helping them find more options and information, it can inadvertently contribute to the paradox of choice if not well managed. Suppose a system designed to enhance discoverability presents users with too many options or poorly organized information. In that case, it can overwhelm them and lead to the negative effects described by the paradox of choice.
Designers should aim to help users navigate through the wealth of available options efficiently and with satisfaction and harness the positive aspects of discoverability without triggering the decision-making difficulties associated with the paradox of choice.
The Netflix Paradox refers to a situation where the abundance of choices provided by Netflix's vast library leads to a paradox of choice, making it difficult for users to decide what to watch. This paradox arises because while the platform offers a wide range of options to suit every taste and preference, the sheer volume can overwhelm users, leading to indecision and dissatisfaction. Instead of feeling liberated by the numerous options, users might feel burdened by the need to sift through them all to find something that appeals to them.
In this video, Niwal Sheikh talks about the analysis paralysis users can feel when they use Netflix.
While Netflix uses sophisticated AI algorithms to personalize recommendations and make content discoverability more efficient, the overwhelming choice can paradoxically make it harder for users to discover content they enjoy. The challenge isn't about the lack of content but rather about finding the right content amidst the abundance.
To address this, Netflix invests heavily in its recommendation system, employing machine learning and predictive analytics to understand user preferences and viewing habits. The goal is to present a curated selection of content that the user is more likely to enjoy, thereby improving discoverability. The effectiveness of these recommendations plays a critical role in user satisfaction and retention, as a well-tuned recommendation system can help users navigate the paradox of choice and discover content they love with minimal effort.
In this video, Niwal Sheikh explains some of how Netflix enhances discoverability.
However, even with advanced AI, the Netflix Paradox highlights the inherent challenge in content discoverability: balancing the desire for choice with the need for curation and relevance.
As designers and developers continue to innovate, the evolution of recommendation systems and user interfaces aims to resolve this paradox and enhance the discoverability of content in an increasingly crowded digital landscape.
To learn more about discoverability, watch Netflix Product Lead Niwal Sheikh's Master Class, How to Design for Discoverability.
Read the book Don't Make Me Think by Steve Krug to learn more about the importance of intuitive navigation and discoverability.
Read Findability vs. Discoverability by the Nielsen Norman group to learn more about discoverability and findability.
Read Low Findability and Discoverability: Four Testing Methods to Identify the Causes to learn how to identify the root causes of bad discoverability.
Discoverability refers to the ease with which users can find new features or functionalities within a product or system without prior knowledge of their existence. It's about enabling users to stumble upon these features naturally as they navigate. On the other hand, findability deals with the ease of locating something that users already know exists within a system, essentially how users search and find specific items or information.
Both terms play crucial roles in UX design, but their focus differs slightly. Discoverability enhances the user's exploration and learning experience, making it intuitive to find new tools or features to improve their interaction. Findability ensures that users can do so efficiently and without frustration once they relocate or seek out specific tools, functions, or information.
To learn more about discoverability and findability, watch Netflix Product Lead Niwal Sheikh's Master Class, How to Design for Discoverability and
Read Findability vs. Discoverability by the Nielsen Norman group.
Discoverability and learnability are distinct yet interconnected concepts in design. Discoverability is how easily users can find and understand features in a product. Good discoverability means users can intuitively navigate and utilize a product without confusion or excessive searching. Learnability refers to the ease with which users can master a product's functions over time. A product with high learnability has a smooth learning curve, allowing users to become competent and efficient quickly.
To learn more about discoverability, watch Netflix Product Lead Niwal Sheikh's Master Class, How to Design for Discoverability.
To measure discoverability, focus on understanding and tracking the ease with which users can find what they're looking for within a product or system. Discoverability is a critical aspect of user experience design, particularly in the context of UI/UX design. It ensures that users can find necessary information, features, or functionality intuitively and efficiently. Here are some methods to measure discoverability:
Website and App Analytics:
Click-through Rates: Monitor how often users click on certain features or links. Higher rates may indicate better discoverability.
Search Usage Data: Analyze how users interact with the search feature, including frequently used keywords and the success rate of searches leading to the desired outcome.
Task Completion Rate: Observe users as they complete specific tasks and measure how successfully and quickly they find what they need.
Eye Tracking: Understand what users are looking at and how long it takes them to find critical elements.
Have experts review the product to identify potential discoverability issues based on established usability principles.
Feedback and Surveys:
Collect qualitative data from users about their experiences and any difficulties they encounter in finding information or features.
To learn more about discoverability, watch Netflix Product Lead Niwal Sheikh's Master Class, How to Design for Discoverability.
The design principle of discoverability refers to the ease with which users can find what they need or understand what they can do within a system or product. It is fundamental in user interface (UI) and user experience (UX) design, ensuring that users can intuitively navigate, understand, and utilize a product effectively without feeling lost or overwhelmed.
Here are key aspects of the discoverability principle:
Visibility of System Status: Users should be able to perceive the system's current state and understand which actions are available to them. This involves a clear indication of what functions are accessible, such as using visual cues or labels.
Feedback: The system should provide immediate and clear feedback on user actions. This helps users understand the outcomes of their interactions and whether they are on the right path to accomplishing their goals.
Intuitive Navigation: The pathways to the most important or frequently used features should be obvious and easy to follow. This can involve strategic placement of items, consistent and clear labeling, and logical grouping of related functions.
Affordances: Design elements should suggest their use, such as buttons looking pressable or links identifiable as clickable. Users should be able to perceive how to interact with an element based on its appearance.
Constraints: Limiting the possible interactions or making specific actions more prominent can guide users toward the most appropriate or intended path, enhancing discoverability by reducing complexity and potential confusion.
Incorporating the principle of discoverability into design involves understanding the user's perspective, context of use, and likely goals. It's also important to continually test and refine design elements based on user feedback and behavior.
Designers ensure discoverability without overwhelming users by balancing information presentation and intuitive navigation. They achieve this by organizing content logically, employing progressive disclosure, and personalizing interfaces to user needs. Key strategies include card sorting for intuitive categorization, user testing to identify and address barriers, and implementing robust search systems. These approaches help maintain a user-friendly environment that facilitates easy discovery.
For example, Amazon combines personalized recommendations, clear categorization, and a robust search function, helping users navigate its vast product range effectively.
To prioritize features for better discoverability, designers focus on user needs and business goals to identify and rank the most valuable functionalities. They typically start by gathering and analyzing user behavior, preferences, and feedback data. Understanding the target audience's tasks and goals is crucial for prioritizing features that enhance discoverability. Designers then employ methods like the MoSCoW method (Must have, Should have, Could have, and Won't have) or the Kano model to categorize and prioritize features based on their necessity and impact on user satisfaction.
Discoverability directly relates to users' mental models, the assumptions and conceptual frameworks that users bring to a new interface based on their past experiences and understandings. When the design of a system aligns well with the user's mental models, it becomes intuitive, leading to better discoverability of features and content. Users can predict where to find information or how to perform tasks, which reduces the learning curve and enhances their overall experience.
To test discoverability effectively, designers utilize various tools and methods to gather data on how users interact with a system and find information or features. Here are some of the best tools and techniques:
Usability Testing: This is a hands-on approach where real users are observed navigating the product. Tasks are given, and users' ability to complete them successfully and intuitively is evaluated. Tools like Lookback.io or Usertesting.com facilitate remote usability testing recording sessions for analysis.
Heatmaps and Click Tracking: Tools like Hotjar or Crazy Egg provide visual heatmaps of where users click, move, and scroll on a page. This data can reveal which areas attract the most attention and are thus more discoverable.
Card Sorting: This technique involves users organizing topics into categories that make sense to them, helping designers understand user mental models and expectations. Online tools like Optimal Workshop can facilitate both open and closed card sorts.
A/B Testing: Comparing two versions of a page or feature to see which performs better can be very insightful. Tools like Optimizely or Google Optimize can help implement and track A/B tests.
Analytics: Using tools like Google Analytics or Mixpanel, designers can track how users navigate through a site or app, including what they click on, how long they stay on a page, and the paths they take.
Tree Testing: This method tests the findability of topics in a website or app. Tools like Treejack simulate the website's structure to see if users can find items based on the site's organization.
Surveys and Feedback Tools: Direct feedback from users can be invaluable. Tools like SurveyMonkey or Qualtrics can help gather user opinions on discoverability, while feedback widgets can be integrated directly into the product.
Using these tools, designers can gather qualitative and quantitative data to understand and improve the discoverability of their products. It's essential to select the right mix of tools based on the specific needs of the project and the aspects of discoverability you are most interested in testing.
Animations can significantly enhance discoverability in user interfaces by drawing attention to essential elements, guiding users through interactions, and providing visual feedback. When designers properly integrate animations, they can make interfaces more intuitive and guide users effectively through a digital product.
Animations attract attention to specific screen areas, making it easier for users to notice and understand the availability of functions or information. For example, a subtle bounce of a button can signal users to potential actions they can take, leading to improved discoverability of features. Moreover, animations can guide users through steps or interactions, clarifying the flow and reducing cognitive load. By visually indicating what will happen next or where to focus, animations contribute to a more guided and less confusing user experience.
However, it's essential to use animations judiciously; excessive or unnecessary animations can distract users and negatively impact the user experience. Designers should aim for meaningful animations that add value and clarity to interactions.
To learn more about animations and discoverability, watch Netflix Product Lead Niwal Sheikh's Master Class How to Design for Discoverability and read UI Animation—How to Apply Disney’s 12 Principles of Animation to UI Design.
Language and localization deeply impact discoverability by adapting content to meet different regions' cultural and linguistic needs. Localization extends beyond translation, involving the adaptation of cultural nuances, legal standards, and local preferences. It enhances user engagement, trust, and brand loyalty, improving search rankings in local queries and overall SEO.
To ensure effective localization, designers should:
Conduct thorough cultural research.
Collaborate with local experts for accurate translations.
Test content with the target audience for feedback.
Optimize for local SEO practices.
By prioritizing localization, designers significantly boost content discoverability and relevance across diverse audiences.
To know more about localisation read Localization vs. Internationalization.
Here’s the entire UX literature on Discoverability by the Interaction Design Foundation, collated in one place:
Take a deep dive into Discoverability with our course AI for Designers .
In an era where technology is rapidly reshaping the way we interact with the world, understanding the intricacies of AI is not just a skill, but a necessity for designers. The AI for Designers course delves into the heart of this game-changing field, empowering you to navigate the complexities of designing in the age of AI. Why is this knowledge vital? AI is not just a tool; it's a paradigm shift, revolutionizing the design landscape. As a designer, make sure that you not only keep pace with the ever-evolving tech landscape but also lead the way in creating user experiences that are intuitive, intelligent, and ethical.
AI for Designers is taught by Ioana Teleanu, a seasoned AI Product Designer and Design Educator who has established a community of over 250,000 UX enthusiasts through her social channel UX Goodies. She imparts her extensive expertise to this course from her experience at renowned companies like UiPath and ING Bank, and now works on pioneering AI projects at Miro.
In this course, you’ll explore how to work with AI in harmony and incorporate it into your design process to elevate your career to new heights. Welcome to a course that doesn’t just teach design; it shapes the future of design innovation.
In lesson 1, you’ll explore AI's significance, understand key terms like Machine Learning, Deep Learning, and Generative AI, discover AI's impact on design, and master the art of creating effective text prompts for design.
In lesson 2, you’ll learn how to enhance your design workflow using AI tools for UX research, including market analysis, persona interviews, and data processing. You’ll dive into problem-solving with AI, mastering problem definition and production ideation.
In lesson 3, you’ll discover how to incorporate AI tools for prototyping, wireframing, visual design, and UX writing into your design process. You’ll learn how AI can assist to evaluate your designs and automate tasks, and ensure your product is launch-ready.
In lesson 4, you’ll explore the designer's role in AI-driven solutions, how to address challenges, analyze concerns, and deliver ethical solutions for real-world design applications.
Throughout the course, you'll receive practical tips for real-life projects. In the Build Your Portfolio exercises, you’ll practise how to integrate AI tools into your workflow and design for AI products, enabling you to create a compelling portfolio case study to attract potential employers or collaborators.
We believe in Open Access and the democratization of knowledge. Unfortunately, world class educational materials such as this page are normally hidden behind paywalls or in expensive textbooks.