Interaction Design Articles & Videos

  • Why So Many Info Tips Are Bad (and How to Make Them Better)

    Information tips can clarify complex UIs, but they should not hide essential information, trigger redundant information, or disrupt the current workflow.

  • Web UX: Study Guide

    Unsure where to start? Use this collection of links to our articles and videos to learn how users interact with the web and how to design effective web user experiences.

  • Explainable AI in Chat Interfaces

    Explanation text in AI chat interfaces is intended to help users understand AI outputs, but current practices fall short of that goal.

  • Prompt to Design Interfaces: Why Vague Prompts Fail and How to Fix Them

    Create better AI-prototyping designs by using precise visual keywords, references, analysis, as well as mock data and code snippets.

  • Designing Effective Contextual Menus: 10 Guidelines

    Contextual menus reduce clutter and interaction cost but have low information scent. Prioritize clarity, consistency, and proximity to balance the tradeoffs.

  • The Edge Cases that Break Hearts (And Products)

    Edge cases aren't rare; they're real life. Design for messy situations like name changes, shared accounts, and bad actors from day one.

  • Good from Afar, But Far from Good: AI Prototyping in Real Design Contexts

    AI prototyping tools follow general directions but lack the judgment and nuance of an experienced designer.

  • Few Guesses, More Success: 4 Principles to Reduce Cognitive Load in Forms

    Four principles of form design — structure, transparency, clarity, and support — minimize users’ cognitive load and improve usability.

  • Designing Scroll Behavior: When to Save a User’s Place

    Save scroll position when users are likely to compare content in a long static list.

  • A Research Agenda for Generative AI in UX

    To navigate this period of change, researchers must explore how generative AI changes what we study and how we study it.

  • Button States: Communicate Interaction

    Minor visual changes help users distinguish between 5 different button states: enabled, disabled, hovered, focused, pressed.

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

  • Skeuomorphism

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

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

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