Сервер с Quant-UX

Quant-UX — открытый инструмент, который совмещает три вещи, обычно разнесенные по разным программам: сборку интерактивного прототипа, тестирование на реальных людях и аналитику их поведения. Прототип собирается мышью, без единой строчки кода, тестировщику отправляется обычная ссылка, а на выходе получаются тепловые карты, записи экрана и показатели по каждой задаче. Из маркетплейса приложение разворачивается автоматически при заказе сервера.

Что такое Quant-UX

Проект развивается как открытый исходный код, репозиторий доступен на GitHub. Есть бесплатная размещенная версия на сайте разработчика и вариант установки на собственный сервер через контейнеры.

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

Что он умеет

Возможности удобно разделить на три группы по этапам работы.

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

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

Зачем разворачивать у себя, если есть бесплатное облако

Вопрос законный: у разработчика есть бесплатная размещенная версия. Ответ упирается в то, что именно вы собираете во время тестов.

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

• Если в анкетах есть персональные данные граждан России, первичная база по части 5 статьи 18 закона 152-ФЗ должна находиться на территории страны.
• Прототип неанонсированного продукта на чужом сервере — вопрос к службе безопасности и к соглашениям о неразглашении с заказчиком.
• Записи экрана могут случайно захватить содержимое, которое не должно покидать периметр.
• Свой сервер снимает ограничения размещенной версии по числу проектов, тестировщиков и сроку хранения результатов.
• Инструмент можно поставить во внутреннюю сеть и тестировать интерфейсы систем, которые снаружи вообще недоступны.

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

Кому подходит, а кому лучше Figma

Честное сравнение экономит время обеим сторонам.

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

Требования к серверу

Приложение состоит из веб-части, серверной части и базы данных и разворачивается контейнерами. Нагрузка на процессор небольшая, узкое место — дисковое пространство под записи экрана.

Диск планируйте с запасом: каждая запись экрана — это последовательность состояний интерфейса, и при регулярных исследованиях объем растет быстрее, чем ожидается на старте. Под такие задачи достаточно арендовать VPS, физическая машина здесь избыточна.

Как выстроить процесс тестирования

Инструмент дает данные, но пользу приносит только методика. Рабочая последовательность выглядит так.

1. Сформулируйте гипотезу до сборки прототипа: что именно вы хотите проверить и какой результат будете считать подтверждением.
2. Соберите минимальный прототип, покрывающий проверяемый путь, а не весь продукт.
3. Задайте задачи для тестировщиков конкретно: «оформите заказ на две единицы товара», а не «посмотрите приложение».
4. Соберите 5–8 человек на вариант — этого хватает, чтобы увидеть основные проблемы удобства.
5. Сравните два варианта интерфейса между собой, если спор в команде идет о конкретном решении.
6. Смотрите записи экрана целиком, а не только сводные цифры: причина провала обычно видна в паузе перед кнопкой, а не в графике.

Что делать с накопленными данными

Через полгода регулярных исследований на сервере скапливается заметный объем записей и результатов. Держать все на рабочем диске необязательно.

• Завершенные исследования выгружайте в объектное хранилище S3 — они перестанут занимать быстрые диски и останутся доступны при необходимости.
• Установите срок хранения записей и придерживайтесь его: бесконечное хранение материалов с реальными людьми создает риск без пользы.
• Резервную копию базы делайте регулярно и хотя бы раз проверьте восстановление на тестовом сервере.

Как заказать

1. Оцените число исследований в месяц — от него зависит объем диска.
2. Выберите конфигурацию сервера по таблице выше.
3. Отметьте Quant-UX в маркетплейсе при заказе: приложение установится автоматически.
4. Получите письмо с адресом и доступами, смените пароли, выданные по умолчанию.
5. Настройте домен и сертификат, чтобы тестировщики открывали ссылку без предупреждений браузера.

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

Коротко

• Quant-UX совмещает прототипирование, тестирование на людях и аналитику поведения в одном инструменте.
• Прототип собирается без кода, тестировщику отправляется ссылка или QR-код, приложение устанавливать не нужно.
• Тепловые карты, записи экрана, показатели по задачам и опросы работают из коробки.
• Макеты переносятся из Figma плагином импорта.
• Свое размещение нужно, когда в исследованиях есть персональные данные или неанонсированный продукт.
• Узкое место по ресурсам — диск под записи экрана, планируйте его с запасом.
• Из маркетплейса приложение разворачивается автоматически при заказе сервера.