Tabs vs. Accordions: When to Use Each

Summary: Tabs and accordions organize and layer content on the same page. Tabs suit a few long sections, while accordions fit many short ones. Choose based on your content structure and user needs for optimal layout.

Related Article

Accordions on Desktop: When and How to Use

While accordions can simplify long content pages and minimize scrolling, they diminish content visibility and increase interaction cost. On desktop, use accordions for content-heavy pages where users will not need to access content under several accordions.

Video Author

Huei-Hsin Wang (王彚心) is a User Experience Specialist with Nielsen Norman Group. As a multi-passionate UX researcher with a background in Industrial Design, Huei-Hsin specializes in design visualization, product development, innovation strategy, and storytelling. 

Learn More

Subscribe to the weekly newsletter to get notified about future articles.

Videos