Web Usability Articles & Videos

  • Radical Redesign or Incremental Change?

    Before you throw out the old and bring in the new, make sure you have solid evidence that doing so is necessary to achieve user-centered goals.

  • The Fold Manifesto: Why the Page Fold Still Matters

    What appears at the top of the page vs. what’s hidden will always influence the user experience — regardless of screen size.

  • Scoped Search: Dangerous, but Sometimes Useful

    Restricting search to a specific area of a website can provide better results, faster. But users overlook, misunderstand, and forget about the search scope.

  • Timing Guidelines for Exposing Hidden Content

    Events triggered via hover or click require distinct timing to avoid accidental activations and ensure that the user feels in control of the interface.

  • Video Usability

    Video content is helpful only if users have control over it, understand what’s contained within it, and have an alternate way to access it.

  • Shopping Online for an iPhone Plan Is Painful

    The experience of researching and purchasing a mobile plan online is marred by hard-to-access cost information, site-specific jargon, and disruptive pop-ups.

  • Progress Indicators Make a Slow System Less Insufferable

    Wait animations, such as percent-done bars and spinners, inform users of the current working state and make the process more tolerable to the user by reducing uncertainty. Users experience higher satisfaction with a site and are willing to wait longer when the site uses a dynamic progress indicator.

  • Image-Focused Design: Is Bigger Better?

    Large images are visually appealing, but they can harm the overall user experience if they aren't appropriately prioritized.

  • Maximize the Content-to-Chrome Ratio, Not the Amount of Content on Screen

    On a large screen, hiding the chrome significantly affects discoverability and interaction cost, with virtually no improvement to the content-to-chrome ratio.

  • Breaking Web Design Conventions = Breaking the User Experience

    Bucknell University caused a stir with its unconventional responsive redesign, but at a high cost to usability, as shown in tests with students and parents.

  • Direct Access vs. Sequential Access: Definition

    In interface design favor direct access to the user’s preferred item instead of forcing users to go through your content in a serial order.

  • Placeholders in Form Fields Are Harmful

    Labels or sample text inside a form field makes it difficult for people to remember what information belongs in that field once they start data entry.

  • Responsive Web Design (RWD) and User Experience

    Responsive design teams create a single site to support many devices, but need to consider content, design and performance across devices to ensure usability.

  • Beware Horizontal Scrolling and Mimicking Swipe on Desktop

    Even as more sites mimic swiping gestures and incorporate horizontal scrolling in desktop designs, users remain reluctant to move sideways through content.

  • Scaling User Interfaces: An Information-Processing Approach to Multi-Device Design

    Designing for all screen sizes must consider the human–device communication capacity, which depends on users’ memory, device portability, and screen size.

  • Login Walls Stop Users in Their Tracks

    Demanding that users register or log in before they can use an app or see website information has high interaction cost and defies the reciprocity principle.

  • Infinite Scrolling Is Not for Every Website

    Endless scrolling saves people from having to attend to the mechanics of pagination in browsing tasks, but is not a good choice for websites that support goal-oriented finding tasks.

  • Homepage Real Estate Allocation

    Websites spend too little homepage space on content of interest to users and fail to utilize modern screen sizes.

  • HealthCare.gov’s Account Setup: 10 Broken Usability Guidelines

    HealthCare.gov’s account setup process is unnecessarily complex and may have contributed to backend technology failures.

  • Fight Against “Right-Rail Blindness”

    Users have trained themselves to divert their attention away from areas that look like advertising. When designed well, sidebars can effectively increase content discoverability.

  • 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?

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • PDF: Still Unfit for Human Consumption, 20 Years Later

    Research spanning 20 years proves PDFs are problematic for online reading. Yet they’re still prevalent and users continue to get lost in them. They’re unpleasant to read and navigate and remain unfit for digital-content display.

  • Avoid PDF for On-Screen Reading

    Forcing users to browse PDF files causes frustration and slow task completion, compared to standard webpages. Use PDF only for documents that users will print. In those cases, following 10 basic guidelines will minimize usability problems.

  • Biggest Wins and Fails in 25 Years of UX Columns

    From 1995 to 2001 Jakob Nielsen wrote 250 articles with early usability insights that are still true but also contained predictions for aspirational changes that didn’t happen.

  • The Need for Speed, 23 Years Later

    In spite of an increase in Internet speed, webpage speeds have not improved over time.

  • Listboxes vs. Dropdown Lists

    Listboxes and dropdowns are compact UI controls that allow users to select options. Listboxes expose options right away and support multi-selection while dropdowns require a click to see options and support only single-selection.

  • Passive Information Acquisition on the Increase

    People increasingly discover critical information online without actively searching for it, but such information has poor context and may have credibility issues.

  • How to Film and Photograph Online Content for Usability: UX Details for Videos and Images

    Consider how your audience will be using the visuals to determine the optimal camera angle, set the right tone, choose the right props, and maintain attention.

  • Dark Mode vs. Light Mode: Which Is Better?

    In people with normal vision (or corrected-to-normal vision), visual performance tends to be better with light mode, whereas some people with cataract and related disorders may perform better with dark mode. On the flip side, long-term reading in light mode may be associated with myopia.

  • Information Scent: How Users Decide Where to Go Next

    When deciding which links to click on the web, users choose those with the highest information scent — which is a mix of cues that they get from the link label, the context in which the link is shown, and their prior experiences.

  • How Information-Seeking Behavior Has Changed in 22 Years

    We organize online information-seeking activities that lead to important decisions and actions according to 5 dimensions: purpose, method, content, social interaction, and device used to carry out the activity.

  • Videos as Instructional Content: User Behaviors and UX Guidelines

    Instructional video content is helpful as supplementary information, though not all users will watch it. Videos should be easily discoverable, consistent in style across the site, and with thumbnails that accurately represent the type of content they provide.

  • The Risks of Imitating Designs (Even from Successful Companies)

    Even great companies make mistakes. Don’t risk your UX by assuming it’s safe to follow a design pattern just because it’s used by a successful company.

  • User-Experience Quiz: 2019 UX Year in Review

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