Информационная архитектура (IA) отвечает на вопросы «где что лежит» и «как это называется». Плохую IA не спасает красивый интерфейс: человек просто не находит нужное.
Из чего состоит IA
- Схемы организации: по задачам, темам, аудиториям, алфавиту, времени.
- Названия: понятные пользователю, а не внутренние («Мои заказы», а не «Модуль ЛК-3»).
- Навигация: глобальная, локальная, контекстная, хлебные крошки.
- Поиск и фильтры для больших объёмов.
Структура должна повторять ментальную модель пользователя, а не оргструктуру компании. Если разделы названы по отделам, люди будут угадывать.
Методы
Карточная сортировка. Участники раскладывают карточки с понятиями по группам. В открытой придумывают группы сами (ищем структуру), в закрытой раскладывают по готовым категориям (проверяем структуру), в гибридной можно и то, и другое.
Tree testing. Участник видит только текстовое дерево навигации и ищет, где лежит ответ на задание. Так проверяют структуру и названия без влияния визуала. Метрики: доля успешных находок и прямота пути (без возвратов).
Для больших каталогов умеренно широкие и неглубокие деревья обычно работают лучше глубоких: каждый уровень даёт шанс ошибиться веткой.
User flow
User flow это путь к конкретной цели: экраны, действия, развилки. В нём обязательно ветки «не вошёл», «ошибка оплаты», «нет данных». Если ветку не нарисовать, её придумает разработчик.
Типичный flow оформления заказа ломают:
- обязательная регистрация до покупки;
- уход в почту посреди сценария;
- скрытая стоимость доставки до последнего шага;
- ошибка оплаты, отбрасывающая в начало.
Законы UX, которые спрашивают
- Закон Фиттса: время попадания зависит от размера цели и расстояния до неё. Важные кнопки крупнее и ближе.
- Закон Хика: время выбора растёт с числом вариантов. Отсюда прогрессивное раскрытие и значения по умолчанию.
- Закон Якоба: люди проводят время на других сайтах и ждут, что ваш работает так же.
- Закон Теслера: сложность нельзя убрать, только перенести. Лучше забрать её на себя (например, определить город по IP), чем отдать пользователю.
- Правило пика и конца: опыт оценивают по самому яркому моменту и финалу.
- «7 ± 2» Миллера часто применяют неправильно: это про запоминание, а меню видно на экране.
Прогрессивное раскрытие
Если 15 полей из 25 нужны 5% пользователей, покажите основное, а редкое спрячьте за «Дополнительные параметры». Механически разбить форму на шаги не то же самое: работы меньше не станет.
Фильтры
Хорошие фильтры строятся на данных: какие фильтры применяют, что ищут. Частые выносят чипами, выбранные видны и сбрасываются по одному. На мобильном удобна шторка с кнопкой «Показать 128 товаров», чтобы человек не получил пустую выдачу. При возврате из карточки фильтры и позиция прокрутки сохраняются.
Частые ошибки
- Структура по отделам компании.
- Внутренний жаргон в названиях.
- Flow только «счастливого пути».
- Ссылка на Миллера для ограничения меню.
Что спросят на собесе
- Как вы проектируете навигацию для нового раздела?
- Чем открытая сортировка отличается от закрытой? Что такое tree testing?
- Нарисуйте flow оформления заказа и назовите развилки.
- Какие законы UX вы применяли в своих проектах?
- Как спроектировать фильтры каталога?