Web Usability Articles & Videos

  • Repeated User Actions Are Frustrating

    It's frustrating for users to go back-and-forth and back-and-forth to the same web page, bouncing around without getting what they need. Analytics data can help identify pages that don't help users progress.

  • 3 Ways to Level Up Your Visual Design Skills

    Designers, researchers, and generalists alike can improve their visual design skills through creative exercises focused on identification, replication, or exploration.

  • Top 10 Web-Design Mistakes of 2021

    Jakob Nielsen condemns 10 awful design flaws that plague today's websites, as voted by the audience at his Virtual UX Conference keynote.

  • The Aesthetic Usability Effect and Prioritizing Appearance vs. Functionality

    Users believe that designs that look good also work well, and UX should take advantage of this. But don't make aesthetic usability lead you astray as a designer, because the UI must actually work well for long-term success.

  • Short-Term Memory Limitations Impact User Interface Design

    People can only hold a small amount of information in their short-term memory, which fades fast. These facts impact most aspects of screen design and dictate many usability guidelines.

  • 10 Usability Heuristics Applied to Complex Applications

    Nielsen’s 10 usability heuristics can be used to analyze the UX of applications that support domain-specific, complex workflows.

  • Breaking out of the Content Silo

    Coming from a traditional content/writing background, Michelle Blake presents her case study of broadening her remit to a fuller range of user-experience issues and improved the design of her organization's website.

  • Overlay Overload: Competing Popups Are an Increasing Menace

    Today’s users are overwhelmed by a plethora of site and browser-initiated popups with content unrelated to their current task.

  • Tooltips in the User Interface

    Tooltips are small user-triggered popups that explain UI elements when the user points to something. They are useful, but don't use them for critical information.

  • Three Levels of Pain Points in Customer Experience

    Pain points are problems that occur at the different levels of the customer experience: interaction level, customer-journey level, or relationship level.

  • How to Design a Good Search UI

    If users don't use your search a lot, it's often because the search user interface is poorly designed. Here are the top guidelines for how to show the search feature on both desktop and mobile.

  • When is It OK to Be Inconsistent in User Interface Design?

    Consistent design enhances learnability and is usually best for usability. But if the problem you're solving is sufficiently different, then inconsistency may be better.

  • Popup Problems

    Popups and many kinds of modal dialogs are often intrusive user interface elements that get in the way of users' goals and cause annoyance. Here are some of the worst popup UX sins.

  • User-Experience Quiz: 2020 UX Year in Review

    Test your usability knowledge by taking our quiz. All questions and answers are based on articles published last year.

  • UX Guidelines for Augmented-Reality Shopping Tools

    Ecommerce AR tools are relatively new, so must be highly discoverable and easy to learn. Calibration issues run rampant, and users must dedicate focused attention to interact with this unfamiliar feature.

  • Faculty Pages on University Websites Persuade Prospective Students

    User research with prospective university students, ranging from kids still in high school to Ph.D. level grad students, found that they really want to know about the professors they'll be learning from, so when visiting university websites, these users (and their parents) scrutinized the faculty pages.

  • Information Scent

    Information foraging explains how users behave on the web and why they click certain links and not others. Information scent can be used to analyze how people assess a link and the page context surrounding the link to judge what's on the other end of the link.

  • Augmented Reality for Ecommerce: Is It Useful Yet?

    Augmented reality is an exciting technology, but the experience of using it is underwhelming, which hurts its overall perception of helpfulness.

  • Opening Links in New Browser Windows and Tabs

    Carefully examine the user’s context, task at hand, and next steps when deciding whether to open links to documents and external sites in the same or a new browser tab.

  • Jakob's Law of Internet User Experience

    What are the shortcomings of following Jakob's Law of Internet UX (which states that "users spend most of their time on other sites")?

  • Repeated User Actions Are Frustrating

    It's frustrating for users to go back-and-forth and back-and-forth to the same web page, bouncing around without getting what they need. Analytics data can help identify pages that don't help users progress.

  • 3 Ways to Level Up Your Visual Design Skills

    Designers, researchers, and generalists alike can improve their visual design skills through creative exercises focused on identification, replication, or exploration.

  • Top 10 Web-Design Mistakes of 2021

    Jakob Nielsen condemns 10 awful design flaws that plague today's websites, as voted by the audience at his Virtual UX Conference keynote.

  • The Aesthetic Usability Effect and Prioritizing Appearance vs. Functionality

    Users believe that designs that look good also work well, and UX should take advantage of this. But don't make aesthetic usability lead you astray as a designer, because the UI must actually work well for long-term success.

  • Short-Term Memory Limitations Impact User Interface Design

    People can only hold a small amount of information in their short-term memory, which fades fast. These facts impact most aspects of screen design and dictate many usability guidelines.

  • Breaking out of the Content Silo

    Coming from a traditional content/writing background, Michelle Blake presents her case study of broadening her remit to a fuller range of user-experience issues and improved the design of her organization's website.

  • Tooltips in the User Interface

    Tooltips are small user-triggered popups that explain UI elements when the user points to something. They are useful, but don't use them for critical information.

  • How to Design a Good Search UI

    If users don't use your search a lot, it's often because the search user interface is poorly designed. Here are the top guidelines for how to show the search feature on both desktop and mobile.

  • When is It OK to Be Inconsistent in User Interface Design?

    Consistent design enhances learnability and is usually best for usability. But if the problem you're solving is sufficiently different, then inconsistency may be better.

  • Popup Problems

    Popups and many kinds of modal dialogs are often intrusive user interface elements that get in the way of users' goals and cause annoyance. Here are some of the worst popup UX sins.

  • Faculty Pages on University Websites Persuade Prospective Students

    User research with prospective university students, ranging from kids still in high school to Ph.D. level grad students, found that they really want to know about the professors they'll be learning from, so when visiting university websites, these users (and their parents) scrutinized the faculty pages.

  • Information Scent

    Information foraging explains how users behave on the web and why they click certain links and not others. Information scent can be used to analyze how people assess a link and the page context surrounding the link to judge what's on the other end of the link.

  • Jakob's Law of Internet User Experience

    What are the shortcomings of following Jakob's Law of Internet UX (which states that "users spend most of their time on other sites")?

  • Mask Interaction Delays with Progress Indicators

    In case of slow response times in a user interface, indicate that the wait time will soon be over by showing an animation. For longer delays use a percent-done indicator.

  • Changes in Important Information-Seeking Behavior on the Internet Over 22 Years

    We studied the most important activities users perform on the internet, repeating an old classic study. Users' most critical behaviors have shifted substantially over 22 years, due to more information available online and the constant presence of mobile devices.

  • Better Forms Through Visual Organization

    How to organize and lay out your form fields and their labels to make data entry easier for users.

  • Risk of Copying Famous Companies' Designs

    If a website or company is big and famous, should you copy their design for your own site? Likely not, because good UX depends on context, and your situation could be quite different than a world-famous company's circumstances.

  • Stop Counting Clicks: The 3 Click Rule is Nonsense

    Users want to do the least amount of work possible to get to a desired web page. However, "work" is the sum of difficulty presented by each click and not the number of clicks in itself. Here are some tips for making a path easier to navigate.

  • Website Design in High-Context Cultures like China

    The contrast between low-context and high-context cultures has substantial implications for web designs that target users in different countries. Examples from eyetracking research in China (a high-context culture) illustrate this point.

  • Marking Required Fields in Online Forms

    Do you need to mark fields as "required" in forms on your website or in apps? What if all fields are required? And what is the best way to show that a form field is required?

  • The Anatomy of a List Entry

    To support scanning and product comparison, item descriptions on listing pages should have a visual design and layout that preserve content priorities.

  • Young Adults/Millennials as Web Users (Ages 18–25)

    Members of the often misunderstood Millennial generation exhibit unique behaviors and approaches to digital interfaces. They are confident and error prone, and they have high expectations of websites.

  • The Same Link Twice on the Same Page: Do Duplicates Help or Hurt?

    Eliminate redundancy on webpages whenever possible to reduce cognitive overload. Each extra link makes your site harder to use.

  • Website Logo Placement for Maximum Brand Recall

    Users are 89% more likely to remember logos shown in the traditional top-left position than logos placed on the right.

  • Priming and User Interfaces

    Exposure to a stimulus influences behavior in subsequent, possibly unrelated tasks. This is called priming; priming effects abound in usability and web design.

  • The Illusion of Completeness: What It Is and How to Avoid It

    Users can think they see the entire web page, although additional content exists off-screen. Designers must help users discover all relevant information.

  • Menu Design: Checklist of 15 UX Guidelines to Help Users

    For both applications and websites, users rely on menus to find content and use features. Use this checklist to make sure your menus do their job.

  • Simplicity Wins over Abundance of Choice

    As the number of choices increases, so does the effort required to collect information and make good decisions. Featuritis can be an exhausting disease for users.

  • Page Parking: Millennials' Multi-Tab Mania

    Browser tabs separate the stages of collection and comparing and serve as memory aids to keep many alternate pages available for consideration as users are shopping or researching. 7 UX guidelines support this user behavior, which is particularly common among younger users.

  • Ensure High Contrast for Text Over Images

    If you place text over a background image, make sure it’s readable by providing adequate contrast. Subtle tweaks can increase the contrast without affecting the overall aesthetic of the site.

  • Flat Design: Its Origins, Its Problems, and Why Flat 2.0 Is Better for Users

    Flat design is a web-design style that became popular around 2012. It is still widely used today, and its overuse can cause serious usability problems.

  • The Characteristics of Minimalism in Web Design

    Our analysis of 112 minimalist websites revealed the defining features of minimalism: flat design, limited color schemes, few UI elements, use of negative space, and dramatic typography.

  • Ad Placement for Mobile

    Extra care is required when designing mobile page layouts that include advertisements, due to the limited screen real estate available. Ads must be displayed where they will not create false floors nor block users from reaching relevant content.

  • The Roots of Minimalism in Web Design

    Many popular web-design trends originate in minimalism, a movement that aims to reduce information overload by presenting content in its simplest form.

  • Help People Create Passwords That They Can Actually Remember

    Human memory studies can inform design so they help people remember passwords. This makes customers happy, saves money and time, and increases security.

  • Low-Contrast Text Is Not the Answer

    Low-contrast text may be trendy, but it is also illegible, undiscoverable, and inaccessible. Instead, consider more usable alternatives.

  • Overuse of Overlays: How to Avoid Misusing Lightboxes

    Poorly implemented overlays and lightboxes are not only frustrating for users, but can also be disastrous for conversion and task completion. Use the five W’s – Who, What, When, Where, and Why – to determine whether an overlay is truly the most appropriate design solution, and how you should implement it.

  • Password Creation: 3 Ways To Make It Easier

    By making password requirements visible upfront, allowing users to unmask the password, and showing a strength meter, designers can improve the frustrating user experience of creating a password.

  • No More Pogo Sticking: Protect Users from Wasted Clicks

    Misleading links and omitted information force users to bounce back and forth in a hub-and-spoke pattern between a routing page and subpages linked from it, increasing the interaction cost and decreasing engagement over time. Use web analytics tools to identify and monitor pogo-stick behavior on your site.

  • Pop-ups and Adaptive Help Get a Refresh

    Presenting adaptive help in a small overlay can make it faster to find answers to simple questions, but the tradeoffs of obscuring the page and failing to predict user needs may not be worthwhile.