wow-design-wiki/concepts/web-navigation.md

title, created, updated, type, tags, sources, confidence

title	created	updated	type	tags	sources	confidence
Web Navigation	2026-06-02	2026-06-02	concept	web-design navigation	raw/articles/web-design-research.md	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 с карточками, фильтры сбоку