<?xml version="1.0" encoding="utf-8"?>

Restrict horizontal tabs to one row

Restrict horizontal tabs to one row Bad Practice
Restrict horizontal tabs to one row Best Practice

When designing horizontal tab navigation, organize it into meaningful sections that fit within a single row. Implementing multiple rows of tabs can lead to confusion, as users may perceive the second row as containing sub-categories or deem them less important.[1]

To maintain a clear and efficient navigational experience, aim for a concise, well-organized tab structure that conveys all necessary categories in a single, streamlined row.

Improve your UX & Product skills with interactive courses that actually work