Информационная архитектура
Без чёткой информационной архитектуры красивый интерфейс быстро превращается в ребус. Особенно это видно в больших продуктах с десятками разделов и тысячами страниц.
Что входит
- Иерархия разделов и подразделов.
- Главная и второстепенная навигация.
- Ярлыки (labels) — слова, по которым пользователь узнаёт нужный раздел.
- Связи между разделами: ссылки, перекрёстные пути, цепочки задач.
Методы проектирования
- Карточная сортировка (card sorting) — пользователи сами группируют понятия по смыслу.
- Древовидное тестирование (tree testing) — проверяют, могут ли пользователи найти нужное в проектируемой структуре.
- Сайт-карта (site map) — визуализация всей структуры на одной странице.
Когда применять и когда нет
Применять
- При запуске нового большого продукта
- При редизайне, если жалуются на «всё не найдёшь»
- При слиянии нескольких продуктов в один
Не применять
- В маленьких лендингах с 3–5 страницами — там IA сводится к здравому смыслу
Примеры применения
Команда продукта собирается переделать структуру личного кабинета. До работы с IA её просто рисует дизайнер. После — проводят сортировку карточек с 10 пользователями и видят, что собственные группировки команды кардинально расходятся с тем, как разделы группируют сами клиенты. Структура переписывается, и количество жалоб в поддержку «где найти X» падает в несколько раз.
Часто задаваемые вопросы
Навигация — это видимая часть архитектуры: меню, хлебные крошки, ссылки. IA — общая логика: какие разделы вообще есть, как они связаны, как называются. Сначала проектируют IA, потом её отражают в навигации.
Чаще всего — UX-исследователь или продуктовый дизайнер. В крупных компаниях бывает отдельная роль информационного архитектора, особенно в сложных порталах и интернет-магазинах. В маленьких командах эта работа уходит к продакту с дизайнером.