Product Patterns icon

Product Patterns

Product Patterns is a curated library of real UX patterns, frameworks, and psychology principles drawn from live products. It helps designers, product teams, and researchers study how modern interfaces handle onboarding, trust, discovery, pricing, and other common product interactions.

Product Patterns

Overview

Product Patterns is a reference site for studying UX patterns from real products. It organizes examples from production interfaces into categories such as onboarding, cognitive load, trust, feature discovery, pricing psychology, and anti-patterns, with the goal of making behavioral and interaction patterns easier to browse and compare.

The site presents a large catalog of examples across products and tags, and it also includes tools for contributing screenshots, comparing patterns side by side, and exploring a compiled knowledge graph of patterns, frameworks, theories, and contradictions.

Features

Large pattern catalog

The homepage shows 303 patterns, giving readers a broad set of examples to browse by category, company, or tag.

Category, company, and tag filters

Patterns can be organized through multiple lenses, including broad UX topics, named products, and specific interaction tags.

Screenshot submission flow

A submission page lets users share a real production screenshot so it can be added to the collection.

Pattern diff view

A diff page compares two approaches side by side and highlights mechanism, placement, success conditions, and failure modes.

Knowledge graph explorer

A graph view links patterns, frameworks, psychology concepts, intents, and contradictions, and lets users traverse related nodes.

Search-first navigation

The interface emphasizes pattern search, making it easier to look up examples without manually scanning the catalog.

Use Cases

  • Product design review

    Designers can look up existing examples to compare interface choices against patterns already used in other products.

  • UX research and teaching

    Researchers and instructors can use the catalog to illustrate concepts such as cognitive load, trust, onboarding, and progressive disclosure with concrete product examples.

  • Pattern comparison

    Teams evaluating two interaction approaches can use the diff view to compare how each works and where each may fail.

  • Contribution and curation

    Users who find a real-world interface worth documenting can submit a screenshot for inclusion in the collection.

  • Exploration of related concepts

    People investigating a UX question can move through the knowledge graph to follow links between patterns, frameworks, theories, and contradictions.

Pros and Cons

Pros

  • Broad catalog with a visible pattern count and many categories.
  • Grounded in real product examples rather than abstract definitions alone.
  • Multiple ways to explore the content: search, filters, diffs, and graph traversal.
  • Useful for both browsing and contributing examples.
  • Includes explicit pattern families such as anti-patterns, onboarding, trust, and cognitive load.

Cons

  • The source does not provide pricing information.
  • Public pages shown here do not document integrations, exports, or account features.
  • Some capability details are inferred from the available pages rather than fully documented.

FAQ

What is Product Patterns?

It is a curated collection of UX patterns, frameworks, and psychology concepts drawn from real products.

What kinds of examples does it cover?

The catalog includes topics such as onboarding, feature discovery, trust, cognitive load, conversion, pricing psychology, and anti-patterns.

Can users contribute examples?

Yes. The submission page invites users to share a real production screenshot for review.

Does it support comparing patterns?

Yes. The pattern diff page is designed to compare two approaches side by side across mechanism, placement, success conditions, and failure modes.

Is pricing published?

No pricing details were available from the fetched pages, and the pricing URL returned a 404.

Quick Facts

Category
UX research / design reference
Primary content
Real product patterns, frameworks, psychology concepts, and contradictions
Notable pages
Home catalog, screenshot submission, pattern diff, knowledge graph
Catalog size shown
303 patterns
Source domain
patterns.riyaj.in