Как применять карточную сортировку в разработке продукта

Как она помогает в разработке продуктов?

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

Сегодня хотим рассказать подробнее об этом методе и о том, как мы его применяем.

Применение

Представьте, что вам нужно выбрать блокнот: вы заходите в магазин, идете в отдел «Канцелярские товары», а он лежит, скажем, в отделе «Все для дома».

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

Особенно это касается сайтов и систем со сложной навигацией. Несколько разделов и подразделов вкупе с неочевидным неймингом вынуждают пользователя плутать в поисках нужной информации.

Объединить товары в группы и назвать эти группы так, чтобы пользователи быстро находили необходимое, помогает метод карточной сортировки.

Приведем еще несколько ситуаций, когда карточную сортировку можно использовать в продукте:

1. У вас рабочий инструмент для пользователей с большим полноценным меню. Вы придумали новую фичу и хотите добавить ссылку на нее в это меню. Уверены ли вы, что пользователи будут искать ее именно там, куда вы хотите ее поместить?
2. Структуризация раздела. Например, у вас есть большой раздел «Настройки» с довольно широкой функциональностью: профиль, настройка уведомлений, управление пользователями — раздача прав и создание новых учетных записей, логи. Как его разбить на подразделы, логически сгруппировать информацию и как назвать эти группы?
3. У вас форма с большим количеством полей/атрибутов. Как их распределить по разным блокам или вкладкам, как назвать вкладки и организовать информацию внутри вкладок?
4. Онбординг. Как логично распределить информацию по шагам, чтобы плавно и понятно ввести нового пользователя в курс дела?

Существует две разновидности метода.

• Открытый тип сортировки, то есть помимо заранее заданных стикеров с разделами, респондент может переименовать разделы или добавить свои, если посчитает нужным.
• Закрытая сортировка, когда в карточки и их состав нельзя вносить изменения. Такой способ подходит, если нужно изменить уже существующую структуру сайта или приложения, а увеличение и уменьшение количества разделов не предусмотрено.

Процесс

Разберем на конкретном примере, как мы проводили одну из сессий карточной сортировки в B2B-Center.

Структура сайта нашей дизайн-системы CDS разрабатывалась с помощью метода карточной сортировки. Посмотрим, как это происходило на примере главной страницы.

Чтобы провести сортировку вживую, достаточно бумаги и ручки. Для онлайн-исследования используют Optimal Sort, а также Trello. Мы работаем и храним все материалы по продуктам в Miro, поэтому и сортировку проводили там же.

1. Постановка цели, подготовка стикеров

Мы заранее подготовили стикеры с названиями предполагаемых элементов главной страницы, определили цель страницы и выявили основных пользователей сайта.

Цель: дать базовую информацию о CDS и дополнительную информацию о фичах.

Основные типы пользователей:

• Frontend-разработчики;
• Дизайнеры;
• Потенциальные сотрудники;
• Менеджеры;
• UX-исследователи;
• Внешние пользователи;
• Аналитики.

2. Подбор респондентов и постановка задачи

Мы предложили небольшой выборке пользователей организовать эти элементы логичным и ожидаемым для них способом.

3. Сортировка

Затем каждый респондент на личной доске приступил к группировке. Мы использовали открытый тип сортировки.

4. Интерпретация результатов

Дальше мы провели обработку результатов. Для наглядности одинаковые карточки были окрашены в один цвет. Мы выделили сходства и различия, ориентируясь на большинство. Также обратили внимание на то, какие новые разделы добавляли пользователи, и какие разделы у них вызывали больше всего вопросов.

5. Формирование итоговой структуры

Определив все эти моменты, мы выделили общие паттерны, исключили самые редкие варианты ответов. И в итоге получилась структура, совпадающая с видением нашей аудитории.

Сочетание карточной сортировки с другими методами

Карточная сортировка — инструмент для поиска решений в информационной архитектуре и навигации.

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

Применяете ли вы сортировку карточек в работе? Делитесь успешными кейсами в комментариях, нам будет интересно почитать :)