Перейти к содержанию
Innovialabs

Карточная сортировка и tree testing: как проверить навигацию

Практика3 мин

Коротко

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

Коротко о двух методах

Карточная сортировка (card sorting) — участники раскладывают карточки с названиями страниц или функций по группам. Метод отвечает на вопрос: как пользователи мыслят о вашем контенте.

Tree testing — участникам показывают только текстовое дерево навигации, без дизайна, и дают задания: «Где вы будете искать условия возврата?». Метод отвечает на вопрос: находят ли люди нужное в предложенной структуре.

Правильный порядок: сортировка помогает построить структуру, tree testing — проверить её.

Три вида карточной сортировки

ВидКак работаетКогда использовать
ОткрытаяУчастники сами создают группы и дают им названияНовый сайт или полная переработка, нужно понять ментальную модель
ЗакрытаяКатегории заданы заранее, участники распределяют карточкиПроверить готовые разделы или добавить новый контент в существующую структуру
ГибриднаяКатегории заданы, но можно создавать своиЕсть черновик структуры, но вы не уверены, что он полный

Как подготовить сортировку

  1. Составьте список карточек. Обычно это реальные страницы или функции. Слишком много карточек утомляет участников, поэтому оставьте самое важное и однородное по уровню.
  2. Пишите карточки понятным языком. Избегайте внутреннего жаргона и одинаковых слов в названиях: если на трёх карточках есть слово «оплата», их сгруппируют по слову, а не по смыслу.
  3. Добавьте пояснения там, где нужно. Короткое описание помогает, если название само по себе двусмысленно.
  4. Решите формат. Удалённо через онлайн-инструмент — быстро и масштабируемо. Модерируемо, лично или по видео — меньше участников, но вы слышите рассуждения.
  5. Сделайте пилот на одном-двух коллегах, чтобы найти непонятные карточки.

Рекрутинг и размер выборки

  • Участники должны быть из вашей целевой аудитории, а не сотрудники компании. Если у сайта несколько сегментов, например покупатели и партнёры, набирайте каждый.
  • Для открытой сортировки на практике часто ориентируются примерно на 15–20 участников на сегмент: после этого новые паттерны появляются редко.
  • Tree testing — количественный метод, поэтому участников нужно больше, обычно несколько десятков, чтобы проценты успеха были устойчивыми.
  • Если сайт мультиязычный, тестируйте на том языке, на котором будут читать навигацию.

Инструменты

Для онлайн-исследований используют специализированные сервисы: OptimalSort и Treejack от Optimal Workshop, UXtweak, Maze и аналоги. Для модерируемой сортировки подойдёт любая онлайн-доска вроде Miro или физические карточки на столе.

Как читать результаты сортировки

Матрица сходства (similarity matrix) показывает, какой процент участников положил две карточки в одну группу. Тёмные кластеры вдоль диагонали — это группы, в которых пользователи сходятся.

  • Сильная пара — карточки почти всегда вместе. Их стоит держать в одном разделе.
  • Карточка без явной пары — её место неочевидно. Возможно, нужна ссылка из нескольких разделов или переименование.
  • Дендрограмма показывает, как карточки объединяются в кластеры на разных уровнях согласия, и помогает выбрать число разделов.

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

Как провести tree testing

  1. Соберите дерево навигации как текстовую иерархию.
  2. Напишите задания на основе реальных задач пользователей. Не используйте в формулировке слова из названий пунктов, иначе тест превращается в поиск совпадений.
  3. Для каждого задания отметьте правильный ответ или несколько.
  4. Анализируйте метрики:
    • Success rate — доля участников, нашедших правильный пункт.
    • Directness — доля тех, кто дошёл без возвратов назад.
    • Время выполнения задания.
    • Первый клик — куда пошли сразу. Неверный первый клик часто указывает на проблему в названии верхнего раздела.

Задания с низким успехом — главные кандидаты на правку. Измените дерево и повторите тест.

Частые ошибки

  • Тестировать на коллегах, которые знают внутреннюю структуру компании.
  • Подсказки в формулировках заданий tree testing.
  • Переносить результаты сортировки в меню буквально, без экспертной доработки.
  • Проверять дерево вместе с визуальным дизайном: так вы не поймёте, в чём проблема — в структуре или в интерфейсе.

Частые вопросы

Да, если структура уже есть и нужно её проверить. Но если вы не понимаете, как пользователи группируют контент, начните с открытой сортировки.

Читайте также

Есть идея или задача? Расскажите нам

Ответим в течение рабочего дня и предложим решение. Консультация бесплатная.