Проектирование информационной архитектуры сайта
Информационная архитектура (IA) — это скелет сайта: как организованы разделы, как связаны между собой страницы, по каким маршрутам пользователь доходит до нужного контента. Плохая архитектура не видна на глаз, но она убивает конверсию — человек просто не может найти то, за чем пришёл.
Что входит в проектирование IA
Работа начинается не с рисования схем, а с инвентаризации контента и понимания целей бизнеса. Типичный процесс выглядит так:
- Контент-аудит — составляем полный реестр существующих или планируемых страниц, их типов и взаимосвязей
- Анализ пользовательских задач — что именно люди ищут на сайте, какими словами это называют
- Группировка и иерархия — карточная сортировка (card sorting) или обратная сортировка (tree testing) для проверки логики группировки
- Построение карты сайта — визуальная схема всех разделов с указанием глубины вложенности
- Определение таксономий — категории, теги, фильтры для контентных сайтов и каталогов
Глубокий разбор: карточная сортировка и tree testing
Это самый недооценённый инструмент при проектировании. Вместо того чтобы угадывать, как пользователи мысленно группируют услуги или товары, мы проводим исследование напрямую.
Open card sorting — участник сам называет группы и раскладывает карточки с названиями страниц. Инструменты: Maze, Optimal Workshop, UXtweak. На выходе получаем дендрограмму — матрицу схожести, которая показывает, что пользователи стабильно кладут рядом.
Tree testing — обратная задача: даём готовое дерево навигации и просим найти конкретные вещи. Метрики: success rate, directness (нашёл напрямую или блуждал), time-on-task. Если success rate ниже 70% на ключевых задачах — архитектуру нужно переделывать.
Пример из практики: для B2B-сервиса автоматизации логистики провели tree testing с 40 участниками. Выяснилось, что раздел «Интеграции» пользователи искали в четырёх разных местах — кто в «Настройках», кто в «API», кто в «Партнёрах». Решение: дублирующие точки входа + переименование раздела. Success rate вырос с 52% до 84%.
Глубина вложенности и правило трёх кликов
Правило трёх кликов — популярный миф. Реальные исследования (Nielsen Norman Group, 2014) показывают: количество кликов само по себе не влияет на удовлетворённость, важна предсказуемость маршрута. Пользователь терпит и 5 кликов, если каждый из них очевидный.
Тем не менее, практические ориентиры такие:
| Тип сайта | Рекомендуемая глубина | Комментарий |
|---|---|---|
| Корпоративный сайт | 2–3 уровня | Больше — контент дробится до бессмысленности |
| Интернет-магазин | 3–4 уровня | Категория → подкатегория → товар |
| Новостной портал | 2–3 уровня | Рубрика → материал, теги как плоская навигация |
| SaaS-продукт | 2–4 уровня | Зависит от числа фич и ролей пользователей |
Артефакты, которые мы передаём
По итогам проектирования IA клиент получает:
- Site map в формате FigJam или Miro (интерактивный, с комментариями)
- Таксономию в виде таблицы: категории, подкатегории, атрибуты
- Матрицу контента: какие типы страниц нужны, какие поля и блоки на каждой
- Отчёт по card sorting / tree testing с визуализацией данных и выводами
Сроки
Проектирование IA для типового корпоративного сайта (15–40 страниц) — 5–10 рабочих дней. Крупный портал или SaaS с множеством пользовательских ролей — 2–4 недели с учётом исследований.
Архитектура — это инвестиция, которая окупается на этапе разработки: чем точнее IA, тем меньше переделок в коде и контенте позже.