Talk to seasoned mentors
who enjoy helping you

Have 1:1 conversations with some of the
best product mentors in the world.

Join Learning Loop

Alternate titles: Section.

Problem summary

The user wants to make sense of content by browsing and grouping them into categories

Example

buzzfeed.com

Buzzfeed has organized their content into both top-down hierarchical categories (Food, DIY, Quizzes, etc.) and through bottom-up tags (LOL, omg, win, cute, etc.)

Usage

  • Use when the content on your website editorially maps down to a main category or section

More examples

Solution

Let users categorize content into a hierarchal section. Allow users to select a hierichal, and possibly nested, category for their content that matches the hierichal categorization of the site itself.

Rationale

Where tagging works to explain tiny distinctions and details in content, categories represent broader and more easily explained distinctions.

Having multiple categories help to wall section off from each other and help suggest what content is to be found, needed and appropriate for a site.

Categorization is the process in which ideas and objects are recognized, differentiated, and understood1. Categories help us make sense of the world faster and more easily. We seek to categorize all we experience in an attempt to explain how the world works – how our knowledge is represented in the real world.

Sources

1 Categorization on Wikipedia.org


More examples of the Categorization pattern See all 2 example screenshots

User Interface Design Patterns