← Виталий Матыцин — продуктовый дизайнер

Редактор анкет для интервьюирования

2021

Новый редактор анкет: вопросы-ноды со связями на канвасе

Проблема. Создание анкет для выставок было негибким и сложным для понимания. Нужна новая версия редактора, удобная для маркетологов: анкеты создаются в десктоп-версии перед выставкой и заполняются в приложении на самой выставке.

Ресёрч

Конкурентный анализ, глубинные интервью с менеджерами, полевые исследования. Тезисы по итогам:

Выводы

Анкеты будет собирать специально обученный сотрудник (техподдержка или маркетолог компании). Нужны: удобное ветвление, интуитивный механизм связывания вопросов, больше типов вопросов, минимальное время создания и фундамент для наращивания функциональности.

Как работают анкеты

Принцип работы: участник создаёт анкету сам в ЛК или через техподдержку, анкета уезжает в приложение

Старый редактор

Старый редактор анкет: длинный список вопросов с параметрами в сайдбаре

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

Реализация

Для новой версии выбрал ноды — паттерн из систем обработки сигналов и майндмэпов: они визуально показывают взаимосвязи и снижают когнитивную нагрузку. Ветвящаяся анкета собирается на канвасе из связанных узлов:

Нодовый редактор: связь ответа одного вопроса со следующим вопросом

На устройстве пользователя анкета разворачивается в обычный пошаговый опрос:

Анкета на мобильном устройстве: одиночный и множественный выбор, метка важного вопроса

Открыть кейс на сайте →