Перейти к руководству
Information Architectureавтор Owl-Listener

Information Architecture Skill.

Сначала решите, где должна находиться информация, и только потом — как будет выглядеть навигация.

  • UX-стратегия
  • Структура контента
Обзор источника · Information ArchitectureSKILL.md
Задача UX-стратегия Результат • Иерархическая карта сайта с родительскими, дочерними и не связанными с иерархией материалами. • Модель навигации, разделяющая глобальный, локальный, служебный и контекстный доступ. • Модель контента с описанием типов, атрибутов и связей. Перед началом Нужны материалы продукта и данные о задачах пользователей; источник не требует конкретного дизайн-приложения.
Редакционное резюме · источник проверен 2026-10-07 · не сгенерированный пример

01 Возможности

Организуйте контент вокруг задач пользователей

Рабочий процесс организации контента: инвентаризация, таксономии, модели контента и проверка древовидным тестированием.

Процесс на основе источникаНе тест производительности выполнения

Принцип работы

Information Architecture превращает перечень экранов, функций и контента в структуру, понятную людям. Он отделяет категории, названия, связи и глубину навигации от визуальных элементов управления, которые в итоге их показывают. Это полезно, когда в растущем продукте накопились пересекающиеся разделы, «осиротевшие» страницы или названия, понятные только внутренней команде.

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

Ожидаемые результаты

  • Иерархическая карта сайта с родительскими, дочерними и не связанными с иерархией материалами.
  • Модель навигации, разделяющая глобальный, локальный, служебный и контекстный доступ.
  • Модель контента с описанием типов, атрибутов и связей.
Смотреть пример задания

От задания до проверки

  1. 01
    Проведите инвентаризацию контента

    Перечислите существующие разделы и типы контента. До построения будущей иерархии отметьте дублирующиеся маршруты, «осиротевшие» материалы и тупики.

  2. 02
    Составьте группы по задачам

    Используйте предоставленную лексику пользователей и данные о группировке, чтобы предложить категории. Сравнивайте альтернативы, а не воспроизводите организационную структуру компании.

  3. 03
    Спланируйте проверку

    Выберите репрезентативные задачи на поиск для древовидного теста. Фиксируйте неясные названия и нерешённые группировки для исследования, а не объявляйте черновик проверенным.

02 Когда использовать

Когда использовать

Нужны материалы продукта и данные о задачах пользователей; источник не требует конкретного дизайн-приложения.

Подходит, если

  • Растущие библиотеки контентаПолезно, когда из-за добавления статей, товаров или функций исходной структурой стало трудно пользоваться.
  • Перед проектированием навигацииОпределяет, что должно быть вместе, до того как команда выберет вкладки, боковую панель или выдвижное меню.

Ограничения

  • Это не компонент менюНавык задаёт информационную модель. Элементы управления, активные состояния и платформенные соглашения определяет Navigation Patterns.
  • Исследование всё равно нужноПривлекательная карта сайта не доказывает, что контент легко найти. По-прежнему необходимы тесты с целевыми пользователями и реальные данные о контенте.

Что подготовить

  • Инвентаризация контентаПредоставьте существующие экраны, типы контента, названия и важные связи.
  • Приоритетные задачиУкажите разделы, которые пользователям нужнее всего находить, и точки входа, которыми они обычно пользуются.
  • Лексика из исследованийДобавьте результаты карточной сортировки, формулировки из интервью или поисковые запросы; отделяйте подтверждённые выводы от предположений.

03 Важные решения

Важные решения

  1. Структура раньше оформления

    Боковая панель не исправит категории, которые пользователям непонятны. Этот навык переносит такое решение на более ранний этап.

  2. URL — отдельное решение

    Источник предостерегает от отождествления дерева URL с иерархией навигации. У контента может быть несколько полезных путей обнаружения.

04 Пример задания

Попробуйте целевое задание

Приведённое ниже задание не тестировалось. Перед использованием проверьте настройку навыка.

Проверьте настройку

Используйте описанный в репозитории способ установки и сохраните все упомянутые сопутствующие файлы. Эта запись описывает целевой метод проектирования, а не исполняемое приложение.

Исходный файл
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ux-strategy/skills/information-architecture/SKILL.md

Нужны материалы продукта и данные о задачах пользователей; источник не требует конкретного дизайн-приложения.

Начните с одного результата

Перед запуском навыка адаптируйте объём работы, исходные материалы и ограничения в этом задании.

Пример задания
Используйте information-architecture, чтобы перестроить наш центр справки на основе предоставленного перечня статей и поисковых запросов службы поддержки. Подготовьте два варианта иерархии, предпочтительную модель контента и пять задач для древовидного теста. Держите платёжные служебные разделы отдельно от контента по задачам. Отмечайте неподтверждённые названия, а не придумывайте результаты исследований.

Проверьте результат

Сравните фактический результат с этими наблюдаемыми критериями.

  • У каждого предоставленного типа контента есть место или явный статус «не решено».
  • Основные и служебные разделы различимы.
  • Предлагаемые названия связаны с данными или помечены как гипотезы.

OpenDesign предоставляет локальное дизайн-рабочее пространство для агентов программирования. Этот список не означает, что навык входит в комплект или что внешние инструменты, учётные данные и программные зависимости включены.

05 Источник и лицензия

Источник и лицензия

Эта страница описывает закреплённую версию источника, ссылка на которую приведена ниже. Поведение и требования исходного проекта могут измениться.

Владелец источника
Owl-Listener
Репозиторий
Owl-Listener/designer-skills
Лицензия
MIT
Проверенная версия
2026-10-07 · 9a6930cf84a8
Редакционное резюме источника
Рабочий процесс организации контента: инвентаризация, таксономии, модели контента и проверка древовидным тестированием.

Оригинальное резюме от OpenDesign на основе указанного источника. Звёзды репозитория — датированный показатель популярности, а не данные об использовании навыка и не оценка качества.

06 Вопросы перед началом

Вопросы перед началом

Проектирует ли он боковую панель?

Он определяет структуру, которую может показывать боковая панель. Поведение и состояния панели определяйте по спецификации паттерна навигации.

Является ли карта сайта также планом URL?

Не обязательно. Источник прямо разделяет информационную структуру и структуру URL.

Можно ли работать без результатов карточной сортировки?

Это поможет составить гипотезу, но выбор категорий и названий должен оставаться предварительным до проверки.

OpenDesign

Оставьте место для следующей итерации дизайна.

Храните задание, исходные материалы и дизайн-работу вместе в локальном рабочем пространстве. Перед добавлением навыка в рабочий процесс проверьте его собственную настройку.

Исходный файл
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ux-strategy/skills/information-architecture/SKILL.md