post

Footer About

Footer Contribute

Footer Get Involved

Footer Links

Mind the Product

Growth

How to turn mistakes into team growth as a product leader

Podcast

Why should we care about building accessible products? – Dee Miller (Director, Product Strategy & Insights, Adobe)

B2B product management

Artificial Intelligence (AI) & Machine Learning (ML)

Building Product Teams

Business Strategy

Data Driven Product Management

Digital Transformation

Diversity and Inclusion

Minimum Viable Product

OKRs

Prioritisation

Product Design

Product Research

Product Development Process

Product Ethics

Product Discovery

Product Leadership

Product Management Career

Product Strategy

Stakeholder Management

🌎 <a href="https://www.mindtheproduct.com/world-product-day/" style="color:#FFFFFF;text-decoration:underline;">Happy World Product Day!</a> Be sure to celebrate product, yourself, and your peers today! 🎉

A guide on implementing effective AI evaluations

The most common skill gap in aspiring product managers — and how to fix it

How to deal with information overload in product management

Meta bets big on AI while Lovable reaches $2 billion valuation: AI news roundup

June’s top product management reads

Jonathan is product marketing manager at Hansel.io where he's exploring the overlap between product management and behavioural science and helping product managers and growth marketers to boost conversions.

Jonathan Senin

<p>How do friction costs and <a href="https://en.wikipedia.org/wiki/Hick's_law" target="_blank" rel="noopener noreferrer">Hick’s Law</a> affect the adoption rates of product features, and how can product managers reduce a user’s cognitive load?</p>
<p>A number of different elements compete for an online audience’s attention. Visitors immediately have to process the navigation, layout, forms, text and images all while learning how to use a digital product.</p>
<p><a href="https://en.wikipedia.org/wiki/Cognitive_load" target="”_blank”" rel="”noopener” noopener noreferrer">Cognitive load</a> is the amount of mental effort required to complete a task that requires someone to process information. According to <a href="https://en.wikipedia.org/wiki/Miller's_law" target="”_blank”" rel="”noopener” noopener noreferrer">Miller’s Law</a>, the average person can only keep about seven items in their working memory  &#8211; where information is processed and stored. Overloading a consumer’s working memory can cause decision paralysis and lead them to abandon their journey.</p>
<h3>Friction Cost</h3>
<p><a href="https://thenextweb.com/dd/2015/03/08/how-to-reduce-friction-with-good-design/" target="”_blank”" rel="”noopener” noopener noreferrer">Friction cost</a> refers to seemingly minor details that make a task require more effort, but have a disproportionately large effect on whether people will complete that task. Friction can take the form of anything that prevents a visitor from using a product and may include distracting information and visuals, inconsistencies in the interface, unnecessary steps, unclear navigation, unfamiliar design and confusing functions. The fewer steps involved in the journey, the less friction there is. When thinking about feature adoption, bringing up friction cost as a key operating principle may seem like such an obvious and universally known principle that it’s not worth repeating, but it is so effective when applied well that it’s worth repeating and reminding.</p>
<p>Tactically, apps should encourage intuitive interactions with a sense of order and logic. People are naturally visual learners, so it pays to employ videos and animation to simplify complicated concepts. The relationship between visuals and actions should be clear in order to save visitors from unnecessary physical and mental steps. Product leaders can prevent drop-offs by using graphics to distract from long wait times and personalized prompts so that the consumer feels more engaged.</p>
<figure id="attachment_19813" aria-describedby="caption-attachment-19813" style="width: 821px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-19813" src="https://www.mindtheproduct.com/wp-content/uploads/2020/04/product-team-shutterstock_1512503813-1-300x133.jpg" alt="" width="821" height="364" srcset="https://www.mindtheproduct.com/wp-content/uploads/2020/04/product-team-shutterstock_1512503813-1-300x133.jpg 300w, https://www.mindtheproduct.com/wp-content/uploads/2020/04/product-team-shutterstock_1512503813-1-768x341.jpg 768w, https://www.mindtheproduct.com/wp-content/uploads/2020/04/product-team-shutterstock_1512503813-1-1024x454.jpg 1024w" sizes="auto, (max-width: 821px) 100vw, 821px" /><figcaption id="caption-attachment-19813" class="wp-caption-text">Apps should encourage intuitive interactions with a sense of order and logic (Image: Shutterstock)</figcaption></figure>
<p>When introducing updates to an app, you should include guided steps to help customers navigate. These nudges can subtly lead users to try out features that enhance their experience without restricting their options. Rather than asking visitors to engage with a long series of text or questions, it can be more effective to leverage defaults and break up directions into multiple smaller actions for data-heavy tasks. This gradually initiates new consumers and allows you to clarify each step without overwhelming them.</p>
<h4>Example: Grammarly&#8217;s Guided Tour</h4>
<p><a href="https://www.grammarly.com/" target="”_blank”" rel="”noopener” noopener noreferrer">Grammarly</a> is an AI-powered writing assistant that can check documents for grammatical and spelling errors via an app and Chrome extension. The service offers a <a href="https://www.reallygoodux.io/blog/grammarlys-demo-document" target="”_blank”" rel="”noopener” noopener noreferrer">guided tour</a> to show writers how to get the most out of their offerings. By walking visitors through each action in a logical order, it prevents future problems that can lead to customer drop-offs. The seamless onboarding process helps users to become familiar with Grammarly’s features through a sample document without needing a project to be ready for proofreading.</p>
<h3>Hick’s Law</h3>
<p>According to <a href="https://en.wikipedia.org/wiki/Hick's_law" target="”_blank”" rel="”noopener” noopener noreferrer">Hick’s Law</a>, the time it takes to make a decision increases with the complexity and number of choices available. This means a clean and minimal interface is preferable &#8211; so that consumers are not confronted by the <a href="https://en.wikipedia.org/wiki/The_Paradox_of_Choice" target="”_blank”" rel="”noopener” noopener noreferrer">Paradox of Choice</a>. Limiting the number of options to five or less is generally a good rule of thumb. When introducing new features, you can increase adoption rates by removing unnecessary actions and steps, simplifying copy and images and making your call to action (CTA) stand out.</p>
<p>If you ensure consistency in language, tone, and design throughout the interface, it’s easier for the consumer to focus on your main message, and you should eliminate unnecessary tasks to hold your audience’s attention. Each bit of irrelevant information distracts users from taking the necessary steps to learn about a new feature and can cause them to develop a “banner blindness” to redundant CTAs. The goal is to remove any content that may cause friction or take focus away from more important elements on the page.</p>
<p>Product managers should leverage common layouts and familiar iconography to help reduce cognitive load. Using recognizable elements found in other apps such as symbols for closing, playing, sending or sharing) will reduce the amount of mental processing required from the user. Chunking is also an effective technique to organize large amounts of information in a manageable way. It groups individual pieces of visual data together to make it easier to remember. For instance, Etsy is able to display more items on its home page by grouping images in chunks according to theme or seller.</p>
<figure id="attachment_19811" aria-describedby="caption-attachment-19811" style="width: 713px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-19811" src="https://www.mindtheproduct.com/wp-content/uploads/2020/04/etsy-shutterstock_670092727-300x200.jpg" alt="" width="713" height="475" srcset="https://www.mindtheproduct.com/wp-content/uploads/2020/04/etsy-shutterstock_670092727-300x200.jpg 300w, https://www.mindtheproduct.com/wp-content/uploads/2020/04/etsy-shutterstock_670092727-768x513.jpg 768w, https://www.mindtheproduct.com/wp-content/uploads/2020/04/etsy-shutterstock_670092727-1024x683.jpg 1024w" sizes="auto, (max-width: 713px) 100vw, 713px" /><figcaption id="caption-attachment-19811" class="wp-caption-text">Etsy displays more items on its home page by grouping images by theme or seller (Image: Casimiro PT / Shutterstock.com)</figcaption></figure>
<h4>Example: Instagram&#8217;s Explore Tab</h4>
<p>Instagram recently removed the &#8216;Following&#8217; tab in its Activity feed, with the company’s Head of Product Vishal Shah <a href="https://www.buzzfeednews.com/article/katienotopoulos/instagrams-following-activity-tab-is-going-away" target="”_blank”" rel="”noopener” noopener noreferrer">citing simplicity as &#8220;the driving factor&#8221;</a> behind the decision. The feature was introduced in 2011 before the &#8216;Explore&#8217; tab debuted, allowing users to discover new content by showing images their friends had liked. Now that Explore has established itself as the primary means of discovery, fewer people have been using the Following tab and were even surprised to discover when their activity was visible to followers.</p>
<h3>Isolation Effect</h3>
<p>Product teams can use the Isolation Effect (also known as the <a href="https://en.wikipedia.org/wiki/Von_Restorff_effect" target="”_blank”" rel="”noopener” noopener noreferrer">Von Restorff Effect</a>) to their advantage when promoting updates on their interface. The theory predicts that when similar objects are presented together, the one that is different from the rest is most likely to be remembered. You can draw attention to features through highlighted tips and instructions that will stand out from an otherwise clean and minimal background.</p>
<p>Similarly, the <a href="https://en.wikipedia.org/wiki/Picture_superiority_effect" target="”_blank”" rel="”noopener” noopener noreferrer">Picture Superiority Effect</a> refers to the phenomenon in which images are more likely to be remembered than text. This means that using images can speed up reaction times since visuals can convey up to six times more information than words alone. Product managers have to make important information or key actions visually distinctive. However, if you make too many different objects stand out, your audience will be distracted by the content.</p>
<h4>Example: Evernote&#8217;s Tooltip</h4>
<p><a href="https://evernote.com/">Evernote</a> is a note-taking app that helps customers document and organize their ideas. It uses a blue Tooltip to educate users about relevant features (such as reminders that they can customize stacks by adding and removing notebooks, renaming their stacks and creating shortcuts). The notification also includes a link for more detailed instructions, so the message is concise and to the point.</p>
<figure id="attachment_19810" aria-describedby="caption-attachment-19810" style="width: 807px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-19810" src="https://www.mindtheproduct.com/wp-content/uploads/2020/04/evernote-shutterstock_1079085908-300x201.jpg" alt="" width="807" height="541" srcset="https://www.mindtheproduct.com/wp-content/uploads/2020/04/evernote-shutterstock_1079085908-300x201.jpg 300w, https://www.mindtheproduct.com/wp-content/uploads/2020/04/evernote-shutterstock_1079085908-1024x685.jpg 1024w" sizes="auto, (max-width: 807px) 100vw, 807px" /><figcaption id="caption-attachment-19810" class="wp-caption-text">Evernote uses a blue Tooltip to educate users about relevant features (Image: Shutterstock)</figcaption></figure>
<h3>Conclusion</h3>
<p>Just like a computer can crash when it’s running too many programs, consumers can abandon your product as soon as they get overwhelmed. Cognitive load will be increased when your interface lacks clarity, offers too many choices, or requires too much effort to complete a task. Each of these factors can be taxing on a visitor’s working memory, which can only handle a limited amount of information.</p>
<p>However, you can ensure that your audience doesn’t become distracted by avoiding unnecessary design elements and leveraging familiar patterns to reduce friction. Product leaders can use a clean and minimal background to their advantage by highlighting the most important CTA through eye-catching pop-ups and animation. Every task you eliminate leaves the user with more working memory to focus on your most important features.</p>


How Can Product Managers Reduce Cognitive Load To Increase Feature Adoption?

Jonathan Senin

Read more