---
title: Web Navigation
created: 2026-06-02
updated: 2026-06-02
type: concept
tags: [web-design, navigation]
sources:
  - raw/articles/web-design-research.md
confidence: high
---

# Web Navigation — Навигация сайта

## Ключевые принципы
- **Максимум 7 пунктов** (правило Миллера)
- **Sticky header** — навигация всегда видна (опционально: скрывать при скролле вниз)
- **Хлебные крошки** — обязательны для сайтов с 3+ уровнями
- **Поиск** — всегда видимый, с автокомплитом
- **Mobile-first**: hamburger, bottom nav, жесты

## Структура
1. **Primary nav** — главные разделы (до 7)
2. **Secondary nav** — подразделы, доп. ссылки (footer, sidebar)
3. **Utility nav** — поиск, язык, профиль, корзина

## Best practices
- Dropdown с задержкой (300ms) для предотвращения случайного закрытия
- Mega-menu для сайтов с 20+ разделами (e-commerce, каталоги)
- В Chinese design: mega-menu с карточками, фильтры сбоку