Interaction Design Articles & Videos

  • Direct Access vs. Sequential Access: Why Direct Is Better

    Sequential access frustrates users. Consider these examples to help you find ways to give them more direct access wherever possible.

  • Less Effort, More Completion: The EAS Framework for Simplifying Forms

    Use the EAS framework — Eliminate first, Automate where possible, and Simplify what remains — to minimize user effort and improve form completion rates.

  • Scope in Generative AI Features

    When designing AI product features, scope shapes key decisions. Research shows that focused AI features lead to better user understanding and adoption.

  • User-Interface Elements: Glossary

    Use this glossary to quickly clarify definitions for key graphical user-interface elements and controls.

  • AI Hallucinations: What Designers Need to Know

    Plausible but incorrect AI responses create design challenges and user distrust. Discover evidence-based UI patterns to help users identify fabrications.

  • 3 Ways to Test Your Survey

    Test your survey with three methods: Cognitive Walkthroughs check question clarity with target users, Mechanical Tests ensure software functions like skip logic, and Usability Tests observe real user interaction.

  • Destination Pages vs. Transition Pages

    Destination pages fulfill users' information needs through detailed content, while transition pages guide them toward these destinations through navigation and brief overviews. Content prioritization based on user goals and information needs is key in designing both pages.

  • 3 Design Processes for High Usability: Iterative Design, Parallel Design, and Competitive Testing

    3 methods for increasing UX quality by exploring and testing diverse design ideas work even better when you use them together.

  • Glassmorphism: Definition and Best Practices

    Glassmorphism is a UI design trend that features translucent interface components to create depth.

  • In-Page Links: 3 Usability Tips

    In-page links help users navigate to specific content sections on the same page. For effective use, use descriptive headings that match the destination, and clearly distinguish in-page links from other links.

  • Error Messages 101

    When humans interact with computers, mistakes and misunderstandings are inevitable. In these situations, good error messages are a vital tool to avoid frustrations and provide a satisfying user experience.

  • Homepage Design: 5 Fundamental Principles

    Effective homepages are simple and easy to access, communicate the organization’s and site’s purpose, show engaging content, and prompt users to take action.

  • Skeuomorphism

    Skeuomorphism involves designing digital interfaces that imitate physical elements, reducing the learning curve for unfamiliar interactions.

  • Mental Models

    What users believe they know about a user interface impacts how they use it. Mismatched mental models are common, especially with designs that try something new.

  • Accordions: 5 Scenarios to Avoid Them

    Avoid using accordions when: 1. Users need access to most content; 2. There's little visible content on the page; 3. Content is complex with multiple levels; 4. Content can't be effectively chunked; 5. An uninterrupted reading flow is prioritized.

  • Scroll Fading 101

    Whether scroll fading is more distracting than usable depends on the following factors: its persistence, responsiveness, and how sparingly it is applied to elements on the page. When used right, this design pattern can improve brand perception, optimize page loading, and make content more digestible.

  • Deceptive Patterns in UX: How to Recognize and Avoid Them

    Deceptive patterns promote business outcomes at the user's expense. Designers should avoid deceptive patterns by carefully assessing their designs.

  • Table of Contents: The Ultimate Design Guide

    Tables of contents provide a page overview and direct access to specific sections. When designing a table of contents, carefully compare different placement and styling options to maximize usability.

  • In-Page Links for Content Navigation

    In-page links, often embedded in the table of contents, help users navigate to specific content sections on the same page. While research showed increased user familiarity with the design pattern, carefully consider content structures before implementation.

  • Accordions on Mobile

    Accordions provide an overview of the whole page and mitigate the problem of long mobile pages, allowing users to directly access the content of interest.