Что такое информационная архитектура в UX
Основы3 минРедакция Innovialabs
Коротко
Информационная архитектура — это то, как контент продукта разложен по разделам, как эти разделы называются и как между ними перемещаться; хорошая IA позволяет человеку найти нужное, не задумываясь.
Коротко: что это такое
Информационная архитектура (IA) — это структура продукта: какой контент в нём есть, как он сгруппирован, как называются группы и по каким путям человек между ними перемещается.
Если сравнить сайт со зданием, то визуальный дизайн — это отделка и мебель, а IA — планировка: где входы, коридоры, указатели и какие комнаты находятся рядом. Красивая отделка не спасёт здание, в котором невозможно найти выход.
Плохую IA легко узнать: человек открывает меню, перебирает пункты и не понимает, куда нажать. Хорошую IA обычно не замечают — нужное просто оказывается там, где его ищут.
Из чего состоит IA
Классически выделяют несколько систем, которые работают вместе.
Система организации
Как контент разбит на группы. Основные подходы:
- По темам — «Доставка», «Оплата», «Возврат».
- По аудитории — «Для бизнеса», «Для частных лиц».
- По задачам — «Открыть счёт», «Перевести деньги».
- По алфавиту, времени или географии — когда человек заранее знает, что ищет: справочник, архив, список филиалов.
Важно выбрать логику, понятную пользователю, а не повторяющую оргструктуру компании. Человеку всё равно, какой отдел отвечает за доставку.
Система названий
Как называются разделы, кнопки и ссылки. Хорошее название:
- говорит языком пользователя, а не внутренним жаргоном;
- однозначно — по нему понятно, что внутри;
- последовательно — одно и то же везде называется одинаково.
«Решения», «Продукты» и «Сервисы» на одном сайте — частая причина путаницы: люди не понимают, чем они отличаются.
Система навигации
Как перемещаться по структуре:
- Глобальная — главное меню, доступное везде.
- Локальная — переходы внутри раздела.
- Контекстная — ссылки внутри контента: «Похожие товары», «Читайте также».
- Вспомогательная — хлебные крошки, футер, поиск.
Поиск
Для больших продуктов поиск — отдельная система: что индексируется, как показываются результаты, что делать, если ничего не найдено. Поиск не заменяет понятную структуру, а дополняет её.
Карта сайта и user flow
Два главных артефакта, в которых IA фиксируется на бумаге.
| Артефакт | Что показывает | Когда нужен |
|---|---|---|
| Карта сайта (sitemap) | Иерархию всех страниц и разделов в виде дерева | Чтобы увидеть структуру целиком и договориться о составе разделов |
| User flow | Путь пользователя через экраны к цели, включая развилки и ошибки | Чтобы спроектировать конкретный сценарий: регистрацию, покупку, запись |
Карта сайта отвечает на вопрос «что где лежит», user flow — «как человек дойдёт до цели». Обычно нужны оба.
Как спроектировать IA: шаги
- Соберите весь контент. Составьте список страниц, функций и материалов, которые должны быть в продукте.
- Поймите пользователей. Какие задачи они решают, какими словами описывают то, что ищут.
- Проведите карточную сортировку (card sorting). Участники раскладывают карточки с темами по группам и называют их — так вы видите их ментальную модель.
- Нарисуйте карту сайта на основе результатов.
- Проверьте tree testing. Участникам показывают только текстовое дерево разделов и просят найти, где лежит нужное. Это проверяет структуру отдельно от визуального дизайна.
- Опишите ключевые user flow и только после этого переходите к макетам.
Частые ошибки
- Структура повторяет устройство компании, а не задачи пользователей.
- Слишком глубокая вложенность: до нужного приходится добираться через много уровней.
- Слишком широкое меню: десятки пунктов на одном уровне, среди которых сложно выбрать.
- Размытые названия вроде «Разное», «Ресурсы», «Полезное».
- Один и тот же контент живёт в нескольких местах под разными названиями.
- IA придумывается уже во время отрисовки макетов, а не до неё.