Информационная архитектура сайта: структура, карточная сортировка и tree testing
Коротко: информационная архитектура — это то, как контент сайта сгруппирован, назван и связан, чтобы человек быстро находил нужное. Её проектируют до макетов: собирают задачи аудитории и полный список контента, проводят карточную сортировку, рисуют дерево разделов, проверяют его tree testing и только потом превращают в меню, хлебные крошки и шаблоны. Разберём каждый шаг, метрики, пример перестройки и чек-лист.

Посетитель сайта почти никогда не думает о его структуре. Он думает о своей задаче: узнать цену, записаться к врачу, найти инструкцию, сравнить два тарифа. Если путь к ответу очевиден, структуру никто не замечает. Если нет — человек трижды открывает не тот раздел, пробует поиск, получает ерунду и уходит к конкуренту. Красивые экраны здесь не спасают: проблема лежит уровнем ниже, в том, как разложена информация и как названы её части.
Информационную архитектуру проектируют до макетов, и это самый дешёвый момент, чтобы исправить ошибку: переименовать раздел в таблице — минута, переделать навигацию на запущенном сайте — недели работы и просадка трафика. Поэтому, если сайт делает внешняя команда, будь то студия вроде ЮСМП Групп или фрилансер, попросите показать карту сайта и результаты проверки структуры на пользователях до первого визуального макета. Это самый короткий способ убедиться, что дизайн строится на проверенном фундаменте, а не на догадках.
Ниже — рабочий процесс целиком: что входит в информационную архитектуру, на каких принципах она держится, как провести инвентаризацию контента, карточную сортировку и tree testing, как превратить результат в меню и метки, что это даёт SEO и ИИ-поиску. В конце — пример, таблица ошибок и чек-лист.
Что такое информационная архитектура сайта?
Информационная архитектура (information architecture, IA) — это то, как содержимое сайта организовано, сгруппировано и названо, чтобы человек мог найти нужное и понять, где находится. Она отвечает на три вопроса пользователя: где я, что здесь есть и куда идти дальше. Результат работы — не картинка, а набор решений: какие разделы существуют, что в них лежит, как они называются и как связаны между собой.
Термин часто путают с соседними понятиями. Разница важна, потому что от неё зависит, кто за что отвечает в команде и что именно проверять.
| Понятие | Что это |
|---|---|
| Информационная архитектура | Организация, группировка и названия контента |
| Карта сайта (sitemap) | Схема разделов и страниц в виде дерева |
| Навигация | Меню, хлебные крошки, фильтры, ссылки — то, что видит пользователь |
| Пользовательский сценарий (user flow) | Последовательность шагов для одной задачи |
| UX-дизайн | Весь опыт взаимодействия с продуктом |
Хорошая проверка: если убрать с сайта весь визуальный дизайн и оставить голый текст со ссылками, сможет ли человек найти нужное? Если да — архитектура работает. Если нет — никакие иконки и цвета это не исправят.
Из каких систем состоит информационная архитектура?
Классическое описание дают Луис Розенфельд и Питер Морвиль в книге «Information Architecture for the World Wide Web» (её называют «книгой с белым медведем»). Они выделяют четыре системы, и каждая отвечает за свою часть поиска информации.
- Система организации. По какому принципу контент делится на группы: по темам, задачам, аудиториям, времени, алфавиту. От неё зависит, какие разделы вообще появятся.
- Система маркировки (labeling). Как называются разделы, пункты меню, кнопки, заголовки. Одна и та же группа под названием «Решения» и под названием «Услуги для бизнеса» работает по-разному.
- Система навигации. Как человек перемещается: главное меню, локальная навигация внутри раздела, хлебные крошки, связанные материалы, подвал, контекстные ссылки в тексте.
- Система поиска. Как работает поиск по сайту: что индексируется, как выглядят результаты, какие есть фильтры и что показывается, если ничего не найдено.
К этим четырём системам сегодня обычно добавляют пятую — метаданные: теги, атрибуты, связи между сущностями. Именно они позволяют одному товару или статье жить сразу в нескольких разделах, а фильтрам — работать без ручной разметки каждой страницы.
На каких принципах строится информационная архитектура?
Удобнее всего опираться на восемь принципов, которые сформулировал Дэн Браун (Dan Brown) в статье для бюллетеня ASIS&T в 2010 году. Это не правила оформления, а критерии, по которым можно спорить о структуре предметно.
| Принцип | Суть |
|---|---|
| Объекты | Контент — живые объекты со своим жизненным циклом и атрибутами |
| Выбор | Меньше осмысленных вариантов лучше, чем много похожих |
| Раскрытие | Показывать столько, сколько нужно, чтобы решить, идти ли глубже |
| Примеры | Содержимое категории понятнее по примерам, чем по названию |
| Входные двери | Половина посетителей приходит не на главную |
| Множественная классификация | Люди ищут по-разному |
| Сфокусированная навигация | Не смешивать разные типы навигации в одном меню |
| Рост | Контента станет больше |
Отдельно стоит развенчать миф «в меню не больше 7±2 пунктов». Он опирается на исследование кратковременной памяти Джорджа Миллера, но меню не нужно запоминать — его видно на экране. Ограничивать число пунктов стоит по другой причине: каждый лишний пункт увеличивает время выбора и вероятность ошибки. Восемь понятных пунктов лучше, чем пять размытых.
Как сгруппировать контент: какие схемы организации бывают?
Схему организации выбирают по тому, как аудитория думает о своей задаче, а не по тому, как устроена компания. Самая частая ошибка — меню, которое повторяет оргструктуру: «Департамент А», «Отдел Б». Посетителю она неизвестна и неинтересна.
Ричард Сол Вурман описал пять базовых способов упорядочить любую информацию — их сокращённо называют LATCH. На практике к ним добавляют группировку по задачам и по аудиториям.
| Схема | Когда подходит |
|---|---|
| По месту (Location) | Важна география |
| По алфавиту (Alphabet) | Человек знает точное название |
| По времени (Time) | Важна хронология или свежесть |
| По категории (Category) | Объекты различаются по типу |
| По шкале (Hierarchy) | Объекты сравнивают по величине |
| По задачам | Люди приходят решить конкретную проблему |
| По аудиториям | У групп разные потребности и мало пересечений |
Деление по аудиториям выглядит логично, но опасно: человек не всегда знает, к какой группе относится (ИП — это «частное лицо» или «бизнес»?), а одинаковый контент приходится дублировать. Используйте его, только если наборы задач действительно разные. Чаще всего сайт сочетает схемы: верхний уровень — по задачам или категориям, внутри — по шкале или времени.
Как спроектировать информационную архитектуру сайта: пошаговый процесс
Процесс одинаков для нового сайта и для перестройки старого; разница только в том, что у старого сайта есть данные о поведении, которые нужно использовать. Шаги идут по порядку, но между 4-м и 7-м обычно бывает 2–3 итерации.
- Цели и аудитория. Запишите, кто приходит на сайт, с какими задачами и какие действия нужны бизнесу. Источники — интервью, обращения в поддержку, звонки отдела продаж, поисковые запросы, аналитика.
- Инвентаризация контента. Полный список того, что уже есть или будет: страницы, документы, типы объектов. Для действующего сайта — выгрузка всех URL с трафиком и входящими ссылками.
- Список задач пользователей. 10–20 главных задач в формулировках пользователей, с пометкой, какие из них самые частые и самые важные для бизнеса.
- Карточная сортировка. Узнаём, как сами пользователи группируют контент и как называют группы.
- Черновик структуры. Дерево разделов в таблице или схеме: уровни, названия, что лежит внутри.
- Tree testing. Проверяем, находят ли люди нужное в этом дереве без дизайна.
- Доработка и метки. Исправляем места, где люди ошибались, уточняем названия, добавляем перекрёстные ссылки.
- Навигация и шаблоны. Переводим дерево в меню, хлебные крошки, фильтры и шаблоны страниц, затем — в прототип.
Как провести инвентаризацию контента
Инвентаризация — самый скучный и самый недооценённый шаг. Без неё структура рисуется «из головы», а потом выясняется, что в неё не помещаются 200 старых статей или раздел с документами, о котором никто не вспомнил. Для действующего сайта выгрузите все URL краулером и сведите в таблицу.
| Поле таблицы | Зачем |
|---|---|
| URL и заголовок | Однозначно идентифицировать страницу |
| Тип контента | Понять, какие шаблоны нужны: услуга, статья, кейс, документ |
| Задача пользователя | Связать страницу с задачей из списка |
| Трафик и входы из поиска | Не потерять страницы, которые кормят сайт |
| Входящие ссылки | Учесть ссылочный вес при переносе |
| Решение | Оставить, объединить, переписать, удалить |
Часто уже на этом шаге заметная часть контента оказывается устаревшей или дублирующей. Решение «удалить» для страниц с трафиком и ссылками принимают только вместе с редиректом — подробно о том, как не потерять позиции при перестройке, мы писали в плане редизайна сайта.
Как провести карточную сортировку?
Карточная сортировка (card sorting) — метод, в котором участники раскладывают карточки с названиями единиц контента по группам так, как им кажется логичным. Он показывает ментальную модель аудитории: что люди считают связанным и какими словами называют группы. Сортировку проводят до черновика структуры, чтобы строить её на данных, а не на мнениях внутри команды.
| Вид | Как проходит |
|---|---|
| Открытая | Участник сам создаёт группы и придумывает им названия |
| Закрытая | Группы заданы заранее, участник только раскладывает карточки |
| Гибридная | Группы заданы, но можно добавить свои |
Подготовка карточек и участников
- Количество карточек. Обычно 30–60: меньше — мало данных о связях, больше — участники устают и раскладывают небрежно. Если контента сотни единиц, берите репрезентативную выборку из каждого типа.
- Формулировки. Карточка описывает содержание простыми словами, а не повторяет название будущего раздела. «Как вернуть товар, если не подошёл размер» вместо «Возврат». Иначе люди группируют по совпадающим словам, а не по смыслу.
- Участники. Для открытой сортировки ориентир — около 15 человек на каждую заметно отличающуюся группу аудитории. Эту цифру часто связывают с исследованием Томаса Таллиса и Ларри Вуда 2004 года: при 15 участниках результаты уже сильно совпадают с результатами большой выборки.
- Формат. Онлайн-сортировка без модератора даёт количественные данные быстро. Модерируемая сессия на 30–60 минут медленнее, но объясняет, почему человек положил карточку именно сюда, — эти комментарии часто ценнее самих групп.
Как анализировать результаты
Главный инструмент — матрица сходства: она показывает, какой процент участников положил две карточки в одну группу. Пары, которые объединило большинство участников, — сильные кандидаты на то, чтобы жить в одном разделе. Пары с разбросом — сигнал, что контент можно найти по-разному, и ему понадобятся перекрёстные ссылки. Дендрограмма (дерево кластеров) помогает увидеть естественные группы целиком.
Названия групп из открытой сортировки — готовый словарь для меток. Если десять человек из пятнадцати назвали группу «Доставка и оплата», а у вас в меню «Логистика», это повод переименовать раздел. Но помните: сортировка показывает, как люди группируют, а не как будут искать. Это проверяет следующий метод.
Как проверить структуру с помощью tree testing?
Tree testing (тестирование дерева, «обратная карточная сортировка») — проверка того, находят ли люди нужную информацию в структуре сайта без визуального дизайна. Участнику показывают только текстовое дерево разделов и дают задание: «Где вы будете искать…?». Он кликает по уровням, пока не выберет конечный пункт. Так видно, работает ли сама структура, а не красивая вёрстка поверх неё.
Как составить задания
- Берите главные задачи. 8–10 заданий на участника, начиная с самых частых и самых важных для бизнеса, плюс те места, где сортировка показала разброс.
- Не подсказывайте словами меню. Если раздел называется «Доставка», задание «Найдите информацию о доставке» ничего не проверяет. Лучше: «Вы заказали диван. Узнайте, привезут ли его в субботу».
- Один правильный ответ — заранее. Для каждой задачи отметьте, какие конечные пункты считаются успехом. Иногда их несколько — это нормально.
- Перемешивайте порядок. К концу сессии участник уже знает дерево; случайный порядок заданий снижает этот эффект.
- Начните с разминки. Одно простое задание в начале, которое не идёт в анализ, помогает понять механику.
Для количественных выводов нужно больше людей, чем для юзабилити-теста: обычно несколько десятков участников, часто ориентируются примерно на 50 — тогда разница между вариантами структуры уже не похожа на случайность. Для быстрой качественной проверки можно начать с меньшего числа, но тогда смотрите на поведение, а не на проценты. Методика подробно описана в статье NN/g о tree testing.
Какие метрики смотреть
| Метрика | Что показывает |
|---|---|
| Успешность (success rate) | Доля участников, выбравших правильный пункт |
| Прямота (directness) | Доля тех, кто дошёл без возвратов назад |
| Время на задачу | Сколько ушло на поиск |
| Первый клик | Куда человек пошёл сначала |
| Пути (pietree) | Все маршруты участников по дереву |
Порог «хорошо» зависит от продукта, поэтому полезнее сравнивать: старое дерево против нового, вариант А против варианта Б. Если нужен внутренний ориентир, задайте его до теста — например, 70–80 % успешности для ключевых задач — и разбирайте каждую задачу ниже этой планки. После исправлений тест повторяют на новых участниках — те же люди уже запомнили дерево.
Как превратить структуру в навигацию и понятные метки?
Структуру превращают в навигацию, распределяя уровни дерева по пяти слоям: глобальное меню, локальная навигация, хлебные крошки, контекстные ссылки и подвал. Дерево, прошедшее tree testing, — ещё не меню: нужно решить, какие уровни показывать всегда, что уходит внутрь разделов, а что достаточно связать ссылками в тексте.
- Глобальная навигация — верхний уровень дерева, одинаковый на всех страницах. Только разделы, а не акции, служебные ссылки и «О компании» вперемешку с услугами.
- Локальная навигация — подразделы текущего раздела: боковое меню, вкладки, плитки на странице раздела.
- Хлебные крошки — показывают путь от главной и дают вернуться на уровень выше. Особенно нужны тем, кто пришёл из поиска сразу на глубокую страницу.
- Контекстные ссылки — связи между разделами там, где сортировка показала разброс: человек, читающий об оплате, увидит ссылку на доставку.
- Подвал — второстепенные, но обязательные разделы: документы, вакансии, контакты, политика конфиденциальности.
Метки проверяют отдельно. Хорошая метка короткая, описывает содержание словами пользователя и не пересекается с соседними. «Решения», «Продукты» и «Услуги» в одном меню — классический пример пересечения: люди не понимают разницы и угадывают. Внутренний жаргон («Портал самообслуживания», «Кабинет B2C») заменяйте на слова из карточной сортировки и поисковых запросов.
Как устроить навигацию на маленьком экране, где помещается четыре-пять пунктов, мы разбирали в статье о навигации в мобильном приложении. Для сервисов с авторизацией, где структура строится вокруг статусов и действий клиента, полезен материал про UX личного кабинета.
Какие документы получаются на выходе проектирования?
Результат проектирования информационной архитектуры — четыре документа, которые передают дизайнерам, разработчикам и редакции. Без них структура живёт в голове одного человека и начинает расползаться с первым же новым разделом.
| Документ | Что в нём |
|---|---|
| Карта сайта | Дерево разделов и страниц с уровнями и шаблонами |
| Модель контента | Типы объектов (услуга, врач, статья, товар) и их поля, обязательные и необязательные |
| Словарь меток | Утверждённые названия разделов и понятий, запрещённые синонимы |
| Карта связей | Какие разделы и типы контента ссылаются друг на друга и где |
Словарь меток кажется мелочью, но именно он держит структуру в порядке со временем. Если в меню раздел называется «Услуги и цены», а в тексте статьи, на кнопке и в письме клиенту — «Прайс», «Стоимость» и «Тарифы», человек начинает сомневаться, одно ли это и то же. Модель контента решает другую задачу: когда у каждой карточки врача есть одни и те же поля — специализация, филиал, стоимость приёма, — фильтры и связи работают автоматически, а не держатся на ручной разметке.
Как улучшить архитектуру действующего сайта по данным?
У работающего сайта уже есть данные о том, где структура не совпадает с ожиданиями людей, и начинать перестройку стоит с них, а не с новой карточной сортировки. Четыре источника дают больше всего сигналов.
- Поиск по сайту. Журнал запросов показывает, что люди не нашли через меню. Если в топе запросов «доставка» или «цены», а эти разделы есть в навигации, значит, они плохо видны или неудачно названы.
- Аналитика переходов. Страницы с высокой долей возвратов назад и короткими визитами часто означают, что человек пришёл не туда, куда ожидал по названию пункта.
- Обращения в поддержку. Вопросы «где найти…» и «как узнать…» — прямой список задач, которые структура не решает.
- Поисковые запросы. Формулировки, по которым приходят из поисковиков, — готовый словарь для меток и подсказка, каких страниц не хватает.
По этим данным составляют список проблемных задач и проверяют их закрытым tree testing на текущем дереве. Это даёт исходную точку: после перестройки тот же тест на новом дереве покажет, стало ли лучше, и избавит от споров о вкусе.
Как информационная архитектура влияет на SEO и ИИ-поиск?
Поисковые системы видят структуру сайта через URL, внутренние ссылки, хлебные крошки и карту сайта. Если архитектура продумана, каждая важная страница находится в двух-трёх кликах от главной, получает внутренние ссылки из своего раздела и отвечает на свою группу запросов, не конкурируя с соседями.
- Одна страница — одна задача. Если структура разводит темы чётко, не возникает двух страниц под один запрос, которые отбирают друг у друга позиции.
- Понятные URL. Адрес повторяет логику разделов:
/uslugi/remont-krovli/, а не/page?id=482. Но не делайте URL слишком глубоким — четыре-пять уровней вложенности уже мешают и людям, и роботам. - Хлебные крошки с разметкой.
BreadcrumbListв JSON-LD помогает поисковику показать путь в сниппете. - Хабы разделов. Страница раздела — не пустой список ссылок, а полноценная страница с описанием и связями. Она собирает общий запрос и передаёт вес вложенным страницам.
- Нет страниц-сирот. Страница, на которую не ведёт ни одна внутренняя ссылка, плохо индексируется. Инвентаризация и карта связей ловят такие страницы до запуска.
Для ИИ-ассистентов и поисковых обзоров структура важна по той же причине: они разбирают сайт фрагментами и лучше цитируют страницы, где сущность, её атрибуты и ответ на вопрос собраны в одном месте. Чёткая архитектура и последовательные названия — одно и то же понятие везде называется одинаково — помогают модели правильно понять, о чём страница.
Чем отличается информационная архитектура приложения от архитектуры сайта?
Принципы те же, но ограничения другие. В приложении меньше экрана и меньше уровней на виду, поэтому структура плоская: четыре-пять главных разделов в таб-баре, остальное — внутри них. Пользователь приложения обычно возвращается регулярно и решает повторяющиеся задачи, поэтому архитектура строится вокруг частых действий, а не вокруг полноты каталога.
| Параметр | Сайт |
|---|---|
| Глубина | 3–4 уровня допустимы |
| Точки входа | Любая страница из поиска |
| Главный принцип | Полнота и находимость |
| Навигация | Меню, крошки, подвал, поиск |
Методы исследования не меняются: карточная сортировка и tree testing одинаково работают для обоих случаев.
Пример: структура сайта многопрофильной клиники
Разберём процесс на условном примере — цифры в нём иллюстративные. Сеть клиник из трёх филиалов перестраивает сайт: посетители жалуются, что не могут найти цену приёма и нужного врача, а в меню 11 пунктов, включая «Отделения», «Направления» и «Специалисты».
Исследование: инвентаризация, задачи и сортировка
Инвентаризация. Выгрузка дала 640 URL: 180 страниц услуг, 90 врачей, 210 статей, 40 акций (из них 31 — истёкшие), документы и вакансии. Половину входов из поиска дают страницы услуг и врачей; статьи приводят трафик, но почти не ведут к записи.
Задачи. По обращениям в колл-центр главные задачи — узнать цену, записаться к конкретному врачу, найти врача по симптому или направлению, выбрать ближайший филиал, подготовиться к анализам.
Карточная сортировка. 45 карточек, открытая онлайн-сортировка, 32 участника из двух групп — пациенты-взрослые и родители. Выяснилось, что «отделения» и «направления» люди не различают и называют одним словом — «Услуги». Детские услуги родители ищут отдельно, а не внутри каждого направления.
Проверка дерева и итоговая навигация
Черновик и tree testing. Новое дерево: «Услуги и цены» (по направлениям), «Врачи», «Детям», «Анализы», «Филиалы», «Пациентам». Tree testing на 54 участниках: задача «узнать стоимость первичного приёма невролога» — успешность выросла с 41 % на старом дереве до 83 % на новом. Слабое место — подготовка к анализам: люди искали её в «Пациентам», а не в «Анализах». Добавили перекрёстную ссылку и пункт в обоих разделах.
Результат для навигации. Шесть пунктов в главном меню вместо одиннадцати, цена — в карточке каждой услуги и врача, хлебные крошки на всех внутренних страницах, филиал выбирается фильтром, а не отдельным разделом. Истёкшие акции удалены с редиректом на раздел, статьи связаны со страницами услуг контекстными ссылками.
Какие инструменты использовать для проектирования IA?
| Задача | Инструменты |
|---|---|
| Инвентаризация | Screaming Frog, Netpeak Spider, таблицы |
| Карточная сортировка | OptimalSort, UXtweak, Maze, Lyssna |
| Tree testing | Treejack, UXtweak, Maze, Lyssna |
| Схема структуры | FigJam, Miro, Whimsical, Draw.io |
| Прототип навигации | Figma, Axure |
Для первой итерации хватит таблицы и бумажных карточек: дерево в таблице с отступами по уровням легко менять и потом вставить в инструмент tree testing. Как перейти от утверждённой структуры к вайрфреймам и кликабельному прототипу, мы описали в статье о прототипировании сайта. Итоговую карту сайта и словарь меток стоит сразу положить в техническое задание на дизайн, чтобы дизайнеры и разработчики работали с одной структурой.
Какие ошибки чаще всего ломают информационную архитектуру?
Большинство проблем со структурой возникает не из-за сложности контента, а из-за решений, принятых без данных о пользователях.
| Ошибка | Чем вредит |
|---|---|
| Меню повторяет оргструктуру компании | Посетитель не знает, в каком «отделе» его ответ |
| Структура «из головы» без инвентаризации | Часть контента не помещается, появляются разделы «Разное» |
| Пересекающиеся метки | Люди угадывают, куда идти, и ошибаются |
| Внутренний жаргон в названиях | Названия непонятны тем, кто не работает в компании |
| Слишком глубокая вложенность | Нужное лежит в пяти кликах, роботы и люди туда не доходят |
| Задания tree testing с подсказкой | Высокая успешность, которая ничего не значит |
| Структура без запаса на рост | Через год меню переделывают заново |
| Удаление страниц без редиректов | Потеря трафика и ссылочного веса |
Чек-лист информационной архитектуры
Пройдите по списку до передачи структуры в прототип и ещё раз — перед запуском.
- Записаны аудитории, их главные задачи и целевые действия бизнеса.
- Есть полная инвентаризация контента с решением по каждой странице.
- Проведена карточная сортировка: открытая для новой структуры, закрытая или гибридная — для проверки существующей.
- Группы и названия разделов опираются на данные сортировки, а не на оргструктуру.
- Структура не глубже 3–4 уровней, у каждого раздела есть страница-хаб.
- Tree testing проведён на задачах без подсказок, слабые задачи доработаны и перепроверены на новых участниках.
- Метки короткие, не пересекаются и звучат словами пользователей.
- Определены глобальная и локальная навигация, хлебные крошки, контекстные связи и подвал.
- У каждой страницы есть внутренние ссылки, страниц-сирот нет.
- URL повторяют логику разделов, для удаляемых и перенесённых страниц есть редиректы.
- Понятно, куда лягут новые материалы через год.
- Карта сайта и словарь меток переданы в ТЗ и доступны всей команде.
После запуска возвращайтесь к структуре по данным: поисковые запросы внутри сайта, страницы с высоким процентом возвратов назад, вопросы в поддержку «где найти…». Они показывают, где архитектура перестала совпадать с тем, как думают пользователи. Измерить эффект перестройки помогут метрики успешности задач — о них в нашей статье про UX-метрики SUS и HEART, а качественную проверку на живом интерфейсе — юзабилити-тест на пяти пользователях.
Частые вопросы об информационной архитектуре
Что такое информационная архитектура сайта простыми словами?
Это способ разложить содержимое сайта по разделам, дать им понятные названия и связать между собой так, чтобы посетитель быстро находил ответ на свою задачу и понимал, где находится. Карта сайта, меню и хлебные крошки — видимые результаты этой работы, но сама архитектура — это решения о группировке, названиях и связях.
Чем карточная сортировка отличается от tree testing?
Карточная сортировка показывает, как люди сами группируют контент и какими словами называют группы, — её проводят до черновика структуры. Tree testing проверяет уже готовое дерево разделов: находят ли участники нужный пункт по заданию. Методы работают в паре: сначала сортировка, затем проверка дерева на новых участниках.
Сколько участников нужно для карточной сортировки и tree testing?
Для открытой карточной сортировки ориентир — около 15 человек на каждую заметно отличающуюся группу аудитории. Для количественного tree testing нужно больше — обычно несколько десятков участников, часто около 50, чтобы разница между вариантами структуры не была случайной. Для быстрой качественной проверки можно начать с меньшего числа и смотреть на поведение, а не на проценты.
Сколько уровней вложенности допустимо на сайте?
Для большинства сайтов — не больше 3–4 уровней. Важные страницы должны быть в двух-трёх кликах от главной и получать внутренние ссылки из своего раздела. Если уровней больше, люди и поисковые роботы реже доходят до глубоких страниц; помогают страницы-хабы разделов и перекрёстные ссылки.
Когда нужно перестраивать информационную архитектуру существующего сайта?
Сигналы — частые вопросы в поддержку «где найти…», много поисковых запросов внутри сайта по темам, которые есть в меню, высокий процент возвратов назад, разделы «Разное» и «Прочее», а также планы добавить новые типы контента, которые не помещаются в текущую структуру. Перестройку начинают с инвентаризации и данных аналитики, а удаляемые страницы сопровождают редиректами.
Какие инструменты нужны для проектирования информационной архитектуры?
Для инвентаризации — краулер вроде Screaming Frog или Netpeak Spider и таблица. Для карточной сортировки и tree testing — онлайн-сервисы OptimalSort и Treejack, UXtweak, Maze или Lyssna. Для схемы структуры — FigJam, Miro или Draw.io, для прототипа навигации — Figma. На первой итерации достаточно таблицы и бумажных карточек.

Пишем об UX/UI-дизайне: исследования, интерфейсы, дизайн-системы и доступность.


