Информационная архитектура

Термин закрепился в веб-проектировании в конце 1990-х, во многом благодаря книге Луиса Розенфельда и Питера Морвилла об информационной архитектуре для веба. В ней описаны четыре системы: организации (как группировать контент), именования (как называть разделы и ссылки), навигации (как перемещаться) и поиска. Дизайн отвечает за то, как страница выглядит, а информационная архитектура — за то, где что лежит и как туда попасть.

Результат работы — карта сайта в виде дерева разделов, набор шаблонов страниц и правила названий. Её делают до дизайна и вёрстки: перекраивать структуру готового сайта дорого.

Пример: каталог магазина инструментов

Владелец мыслит так, как устроен склад: «Makita», «Bosch», «Распродажа». Покупатель ищет решение задачи: «Дрели и шуруповёрты», «Пилы», «Для сада». Удачная структура строится по логике покупателя, а бренд и цена становятся фильтрами внутри раздела. Проверяют такие решения двумя методами:

• карточная сортировка — пользователи раскладывают карточки с названиями товаров по группам, как им кажется логичным;
• тестирование дерева — пользователю дают задачу «найдите перфоратор» и смотрят, по каким веткам меню он идёт, без дизайна, только по названиям.

Что важно для SEO

Структура разделов определяет адреса страниц, хлебные крошки и внутренние ссылки. Если под каждую группу спроса есть своя посадочная страница в логичном месте дерева, поисковым системам проще понять тематику, а пользователю — дойти до товара за пару кликов. Слишком глубокая вложенность, дубли одного раздела в разных ветках и названия вроде «Продукция-2» мешают и людям, и роботам. О типовых разделах сайта компании по отраслям — статья о структуре корпоративного сайта.

Чем отличается от навигации и UX

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