Кто отвечает за информационную архитектуру в команде?

Чаще всего — исследователь или продуктовый дизайнер. В крупных компаниях встречается отдельная роль информационного архитектора, особенно в сложных порталах и интернет-магазинах. В небольших командах работу делят между менеджером продукта и дизайнером, а проверять структуру полезно вместе с поддержкой: там лучше всех знают, чего люди не находят.

UX и дизайнИсследования UXПроцесс дизайна

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

Структура и организация информации в продукте: разделы, навигация, иерархия и понятные пользователю названия.

КРАТКО

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

СИНОНИМЫ:информационная архитектураструктура продуктаInformation ArchitectureIA

Без чёткой информационной архитектуры красивый интерфейс быстро превращается в ребус. Особенно это заметно в больших продуктах с десятками разделов и тысячами страниц.

Что входит

Иерархия разделов и подразделов.
Главная и второстепенная навигация.
Названия разделов — слова, по которым пользователь узнаёт нужное место.
Связи между разделами: ссылки, перекрёстные пути, цепочки задач.

Методы проектирования

Карточная сортировка — пользователи сами группируют понятия по смыслу.
Древовидное тестирование — проверка, находят ли пользователи нужное в спроектированной структуре.
Карта сайта — визуализация всей структуры на одной странице.

КОГДА ПРИМЕНЯТЬ

При запуске нового большого продукта
При редизайне, если жалуются на «всё не найдёшь»
При слиянии нескольких продуктов в один

КОГДА НЕ СТОИТ

На маленьком сайте из 3–5 страниц — там структура сводится к здравому смыслу

ПРИМЕР

Команда продукта собирается переделать структуру личного кабинета. Раньше её просто рисовал дизайнер. В этот раз проводят карточную сортировку с 10 пользователями и видят: собственные группировки команды заметно расходятся с тем, как разделы группируют сами клиенты. Структуру переписывают, и число обращений в поддержку «где найти» падает в несколько раз.

КАК ИСПОЛЬЗОВАТЬ В SHTAB

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

Попробовать бесплатно

Вопросы про «Информационная архитектура»

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

Ещё из «UX и дизайн»

Вся категория →

Atomic Design (атомарный дизайн)

Подход Брэда Фроста, в котором интерфейс собирается из иерархии «атомов», «молекул», «организмов», «шаблонов» и «страниц».

Mobile-first (сначала мобильная версия)

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

UX и UI: в чём разница

UX — про общий опыт взаимодействия с продуктом, UI — про внешний вид и поведение конкретного интерфейса.

Применяйте термины на практике

База знаний, задачи и цели — в одном сервисе. Бесплатно — без лимита по числу людей.

Попробовать бесплатно Все термины