UI Design Articles & Videos

  • Using AI for UX Work: Study Guide

    Unsure where to start? Use this collection of links to our articles and videos to learn about the best ways to use artificial intelligence for UX work.

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

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

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

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

  • User-Interface Elements: Glossary

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

  • NN/g’s Free UX Templates and Guides

    Use this curated set of free NN/g templates and guides for inspiration and to accelerate your product development activities and UX career.

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

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

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

  • The Negative Impact of Mobile-First Web Design on Desktop

    Mobile-first web designs cause significant usability issues when viewed on desktop. Content becomes overly dispersed across long scrolling pages with expansive white space and enlarged images and fonts, making it difficult for users to consume and understand the information.

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

  • Accordions on Desktop: When and How to Use

    Accordions simplify long pages, but reduce visibility and increase interaction cost. Use them on content-heavy pages where users don't need to combine information across sections.

  • Using Imagery in Visual Design

    When choosing images for your visual designs, match similar characteristics, balance high quality with adequate file size, prioritize information-carrying images over purely decorative ones, and provide robust alternative text.

  • Skeleton Screens 101

    A skeleton screen is used as a placeholder for a loading page. This progress indicator is used for full-page loads and reduces the perceived loading time.

  • UX Basics: Study Guide

    Unsure where to start? Use this collection of links to our articles and videos to learn more about the basics of user experience.

  • Mobile UX: Study Guide

    Unsure where to start? Use this collection of links to our articles and videos to learn how to write and present information that aligns with users’ needs and online behaviors.