Skip to content

NEW RESEARCH COURSES: Qualitative Methods, Heatmaps | Learn More

Design Patterns Articles & Videos

  • Liquid Glass Is Cracked, and Usability Suffers in iOS 26

    iOS 26’s visual language obscures content instead of letting it take the spotlight. New (but not always better) design patterns replace established conventions.

  • Designing Use-Case Prompt Suggestions

    Use-case prompt suggestions show how to effectively prompt AI tools. They aid learnability and creativity, helping users explore what AI tools can do.

  • Button States: Communicate Interaction

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

  • Design Guidance: Principles, Patterns, Heuristics, and Team Charters

    Design teams rely on a combination of principles, patterns, heuristics, and charters to create consistent and usable experiences in a collaborative way.

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

  • User-Interface Elements: Glossary

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

  • Foldable Smartphones: New Devices, New Opportunities

    Two types of foldable smartphones blur the boundaries between traditional device sizes. Fold-out and flip phones create new viewports that hint at future smartphones.

  • Accelerators Maximize Efficiency in User Interfaces

    Alternate methods for accomplishing frequent actions in user interfaces support expert users by speeding up their interactions, without hindering novice users.

  • Sneaking: The Deceptive UX Pattern You Never Saw Coming

    Sneaking is a deceptive practice that includes three main patterns: forced continuity, hidden costs, and sneak into basket.

  • Icon Usability: When and How to Evaluate Digital Icons

    Effective icons depend on recognizability and interpretation. Evaluate them with methods appropriate for your specific research questions

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

  • Prompt Controls in GenAI Chatbots: 4 Main Uses and Best Practices

    When following good practices, prompt controls can increase the discoverability of genAI chatbots’ features, offer inspiration, and minimize manual user input.

  • Tabs, Used Right

    Tabs are everywhere, but do you use them properly? Distinguish between types of tabs, design them for visual clarity, and structure their content for usability.

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

  • 12 Design Recommendations for Calculator and Quiz Tools

    Calculators and quizzes are useful and trustworthy when they are easy to use.

  • 3 Types of Online Calculator and Quiz Tools

    Most calculator and quiz tools provide at least one or more of the following services: converting inputs, predicting the future, or providing recommendations.

  • Calculators and Quizzes: User Expectations

    Calculators and quizzes provide personalized information. Users approach these tools with an exploratory mindset and appreciate them while making decisions.

  • Design-Pattern Guidelines: Study Guide

    Unsure how to design and implement user-interface patterns? Use this collection of links to our content about specific patterns.

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

  • Previous « Prev « 1 2 3 4 5 » Next

AltStyle によって変換されたページ (->オリジナル) /