1. какие материалы существуют; 2. как они связаны; 3. как человек находит нужное для своей задачи.
Коротко
- возьмите карту задач;
- соберите реальные материалы;
- определите типы содержания;
- сгруппируйте по смыслу;
- найдите основные маршруты;
- сформируйте крупные разделы;
- отделите структуру от главного меню;
- определите хабы;
- настройте связи;
- проверьте на реальных сценариях.
Не начинайте с меню
«Главная / О нас / Новости / Проекты / Контакты» – привычный шаблон, но не информационная архитектура.
Сначала нужны задачи и содержание.
Определите типы содержания
Например:
- статья;
- проект;
- документ;
- показатель;
- источник.
Одна сущность может отображаться карточкой, полной страницей и результатом поиска – это не разные материалы.
Группируйте по смыслу
Материалы «как подготовить сайт», «как определить задачи», «как собрать структуру» логично объединить в тему «Сайт и структура».
Название группы должно быть понятно человеку, который впервые видит сайт.
Главное меню – не вся карта сайта
Условия участия, документы, история изменений и поиск могут существовать вне пяти основных пунктов меню.
Страницы-хабы
Хаб организует группу содержания и помогает выбрать маршрут.
Плохой хаб: короткое приветствие и 40 одинаковых ссылок.
Хороший хаб: объяснение предмета, «с чего начать», группировка материалов и связанные темы.
Одна страница – несколько входов
Материал «Как описывать показатель» может находиться в теме данных, в маршруте подготовки отчёта и в поиске. Каноническая страница остаётся одна.
Связи между материалами
Используйте:
- предыдущий шаг;
- следующий шаг;
- связанные темы.
Не связывайте всё со всем.
URL
Адрес должен быть устойчивым и отражать смысловую сущность, а не временный статус.
Лучше:
/projects/qaz-pet/
чем:
/projects/active/qaz-pet/
Реестр страниц
Для каждой страницы полезно хранить:
- URL;
- название;
- тип;
- родителя;
- задачу;
- владельца;
- статус.
Краткий итог
Структура строится вокруг задач пользователей, реальных материалов и устойчивых типов содержания. Сначала смысловая архитектура, затем навигация, интерфейс и техническая модель.
Следующий материал: Как определить типы материалов →