Skip to content
PПромтбук
RUEN
02UX-флоу

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

Группировка контента в навигационное дерево, тестирование через card-sort, выбор IA-паттерна.

Спроектируй информационную архитектуру для: {{scope}}.

1. Инвентаризация

  • Список всего контента / экранов / функций
  • Для каждого: имя, аудитория, частота использования

2. Группировка

Несколько способов, выбери один доминирующий:

  • По теме — для контентных сайтов (блог, документация)
  • По задаче — для приложений ("создать", "просмотреть", "поделиться")
  • По аудитории — когда чётко разные роли ("Для разработчиков" / "Для маркетинга")
  • По формату — статьи / видео / гайды
  • Гибрид — например, по аудитории, внутри по теме

3. Тестирование группировки

  • Open card-sort: дай 30+ карточек контента 5-7 людям, пусть группируют как им логично
  • Closed card-sort: ты задаёшь группы, они раскладывают
  • Найди где люди расходятся → значит твоя группа неоднозначна

4. Дерево

Не глубже 3 уровней. Пользователь должен дойти до любого важного контента за ≤ 3 клика.

Главная
├── Раздел A
│   ├── Подраздел A1
│   └── Подраздел A2
└── Раздел B

5. Глобальная навигация

  • 5-7 пунктов максимум — больше не поместится в голову
  • Метки — короткие, узнаваемые ("Цены" не "Тарифные планы")
  • Активный пункт всегда виден

6. Поиск

  • Если каталога > 50 элементов — поиск обязателен
  • Поиск НЕ заменяет хорошую навигацию

7. Crumbs

  • Везде кроме главной
  • Структура отражает иерархию, не путь пользователя

Принципы

  • "Меньше — больше" работает только для главных меню. На страницах раздела — все детали
  • Тестируй термины. "Профиль" и "Аккаунт" — это разное?
  • Не делай "Прочее" / "Дополнительно" — мусорное ведро IA
К подразделу «UX-флоу»
Похожие промты