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

  • 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 Floppy Disk Icon as “Save:” Still Appropriate Today?

    Users still recognize the floppy disk icon as ‘save,’ but evolving workflows mean it may no longer be the clearest or most appropriate choice in many cases.

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

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

  • Visual Design in UX: Study Guide

    Unsure where to start? Use this collection of links to our articles and videos to learn about visual design in UX.

  • Cancel vs Close: Design to Distinguish the Difference

    Distinguishing between these two actions is critical to avoiding losing users’ work. Save changes before closing a view, use text labels rather than an X icon, and provide a confirmation dialog before destructive actions.

  • Bad Icons: How to Identify and Improve Them

    Related links are often chunked as a set, each with an icon. One bad icon hurts user interaction. A set of bad icons is worse because it amplifies confusion, adds clutter, and wastes screen real estate.

  • Visual Indicators to Differentiate Items in a List

    Users are 37% faster at finding items within a list when visual indicators vary both in color and icon compared to text alone. If choosing between using color or an icon, icons with strong information scent perform better than color alone.

  • Hamburger Menus and Hidden Navigation Hurt UX Metrics

    Discoverability is cut almost in half by hiding a website’s main navigation. Also, task time is longer and perceived task difficulty increases.

  • Usability Testing of Icons

    To ensure that people understand the meaning and purpose of icons, conduct multiple types of tests at various stages of the product-development cycle.

  • Icon Classification: Resemblance, Reference, and Arbitrary Icons

    The tighter the mapping between icons and the thing they represent, the easier they are to understand, but standardization can also make an icon easy.

  • Icon Usability

    A user’s understanding of an icon is based on previous experience. Due to the absence of a standard usage for most icons, text labels are necessary to communicate the meaning and reduce ambiguity.

  • The Magnifying-Glass Icon in Search Design: Pros and Cons

    People usually recognize that a magnifying-glass icon indicates a search tool, even when it has no label. Unfortunately, showing only the icon makes search more difficult to find.