Design Patterns Articles & Videos

  • Status Trackers: 6 Guidelines for Discoverability and Clarity

    Use these 6 guidelines to create status trackers that are easier for your users to find, access, and understand.

  • Button States 101

    Understand how button states support usability. Design clear visual cues for each state to guide and inform user actions.

  • 2-Factor Authentication (2-FA)

    2-FA is one of the simplest ways to protect user data, but you must balance security with the potential impact on usability.

  • Card View vs. List View

    List view allows for easy sorting and is space efficient, while card view is visually engaging and creates effective groupings.

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

  • Bulk Actions: 3 Design Guidelines

    When designing bulk actions, provide a Select All option, use a contextual action bar, and give users clear feedback with the option to undo actions to ensure a smooth and efficient experience.

  • Cookie Permissions: 5 Common User Types

    Users’ willingness to share data and their interactions with cookie permission box options vary quite drastically, falling into these five common user types: The Denier, The Skeptic, The Tech-Savvy, The Impatient, and The Enthusiast.

  • Don’t Trick Users: 2 Ways to Avoid Deceptive Design Patterns

    Deceptive patterns harm your organization’s long-term goals. Ask yourself these 2 questions to proactively avoid deceiving or tricking users.

  • Tabs vs. Accordions: When to Use Each

    Tabs and accordions organize and layer content on the same page. Tabs suit a few long sections, while accordions fit many short ones. Choose based on your content structure and user needs for optimal layout.

  • Cookie Permissions: 6 Design Guidelines

    Design cookie permissions that strike the balance between respecting user privacy and being user-friendly.

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

  • Transactional Notification 101

    Transactional notifications are concise, timely messages related to customer-company interactions. For effective notifications, it's crucial to have a clear subject line, provide all necessary transaction details, and ensure easy options for users to unsubscribe.

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

  • User Feedback: 5 Guidelines

    Follow these five guidelines to enhance both the quantity and quality of feedback received from your users.

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

  • 6 Tips for Improving Language Switchers on Ecommerce Sites

    International purchasers are more comfortable shopping in their own language. Follow these tips to make the language switcher on your site more discoverable and usable.

  • 3 Alternatives to Infinite Scrolling

    Infinite scrolling can create great user experiences, but it also has weaknesses. Consider 3 alternative design patterns that may work better for your product: A load-more button, integrated pagination within a long scroll, and traditional pages.

  • The User Experience of Unmanned Restaurants in China

    Our Beijing-based user research team conducted a field study in automated restaurants that serve diners with no staff. Current designs have some advantages, but the UI is too complicated for customized ordering.

  • Infinite Scrolling: When to Use It, When to Avoid It

    Infinite scrolling through long lists of homogeneous items can lower interaction costs, but is less suited to support specific tasks such as finding a particular item.