ui elements Articles & Videos

  • Does Your Form Really Need a Dropdown List?

    Dropdown lists can be used in narrow, specific scenarios, but misuse can cause more harm than alternatives.

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

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

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

  • Tesler’s Law: Shift Complexity to Simplify UX

    Understand how Tesler’s Law impacts user experience, and how UX teams can design simpler, smarter digital products.

  • Why Disabled Buttons Hurt UX (and How to Fix Them)

    Disabled buttons often confuse users by appearing clickable but providing no response or feedback. Designers should use them sparingly, ensure they’re accessible, and clearly explain why the button is disabled.

  • Icon Interpretation vs. Recognizability

    Icons aren’t universal. Learn why recognizability and interpretation matter and why testing is essential for clarity.

  • Is the Floppy Disk Dead?

    The floppy disk still signals “save” to most users. But is it still the best way to show “save”? Maybe not.

  • The Hamburger-Menu Icon Today: Is it Recognizable?

    Hamburger menus are a more familiar pattern today than 10 years ago, but the same old best practices for hidden navigation still apply.

  • Hamburger Menu Icon Update

    Hamburger menus are now widely recognized—but still come with usability tradeoffs. Use them only when needed, and stick to tested best practices.

  • User-Interface Elements: Glossary

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

  • The Proliferation and Problem of the ✨ Sparkles ✨ Icon

    The sparkles icon has become increasingly prevalent in user interfaces, particularly in association with AI-driven features, but it suffers from ambiguity and lacks a standardized meaning.

  • Icon IQ: Test Your Digital Icon Knowledge with a Quiz

    Test your icon knowledge with a 10-question quiz! Discover key insights from the first book from NN/g Press, "Digital Icons That Work."

  • Checkboxes: Design Guidelines

    Checkboxes allow users to select one, some, or none of items from a list. They can be used standalone, in checkbox lists, or nested checkbox lists.

  • Comparison Tables for Products, Services, and Features

    Use this versatile GUI tool to support users when they need to make a decision that involves considering multiple attributes of a small number of items.

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

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

  • Dark Mode: How Users Think About It and Issues to Avoid

    Dark mode is popular, but not always a critical feature. Users behave similarly without it. They think about it at the system level, not the application level.