Информационная архитектура
IA
Что это такое
Информационная архитектура организует контент и даёт ему имена — так, чтобы люди могли этот контент найти. Сюда попадают и названия, которые вы присваиваете вещам, и иерархия, в которую вы их выстраиваете, и навигация, показывающая эту иерархию, и тесты, проверяющие, способен ли кто-нибудь вообще хоть что-то найти. Решение принимается после исследования, однако до того, как появится макет.
Почему это важно
Человек приходит с мысленной моделью, сложившейся где-то ещё — в прошлом продукте, в бумажном процессе, в описании коллеги, — и ищет вещи словами, которые уже знает; поэтому, если метки, группировка и пути расходятся с этой моделью, контент фактически отсутствует, хотя формально он есть. Дорогой эту ошибку делает то, что исправить метку почти ничего не стоит: текстовое изменение, однако перестройка структуры после запуска ломает ссылки, аналитику и привычки и стоит на порядок дороже.
Что в этом треке
- Метки и названия (03-design-ux/09-information-architecture/01-labelling) — выбор слов, которые попадают в навигацию, заголовки и ссылки.
- Иерархия и навигация (03-design-ux/09-information-architecture/02-hierarchy-and-navigation) — как сгруппировать контент и показать группы так, чтобы путь угадывался.
- Тестирование находимости (03-design-ux/09-information-architecture/03-findability-testing) — проверка на реальных людях, что структура работает, ещё до того как её построят.
- Передача в макет (03-design-ux/09-information-architecture/04-the-hand-off-to-layout) — как превратить структуру в скелеты страниц, на которых дальше строится визуальная работа.
Предварительные требования
Нет.
Что читать дальше
- Сортировка карточек (03-design-ux/26-card-sorting) — метод, с помощью которого узнают метки, которыми люди действительно пользуются.
- Вайрфрейминг (03-design-ux/27-wireframing) — здесь структура превращается в серый макет.
- Контент-стратегия (03-design-ux/08-content-strategy) — решить, какой контент есть, ещё до того как его организовывать.
- UX-тексты и микрокопирайтинг (03-design-ux/07-ux-writing-microcopy) — мастерство письма, которое стоит за каждой меткой из двух слов.