Quant-UX¶

Quant-UX. Основные возможности¶

• Интерактивные прототипы: все виджеты полностью функциональны - пользователь может вводить данные, отмечать чекбоксы, взаимодействовать с элементами. Вместе с анимациями и работой с данными прототип ведёт себя как настоящее приложение.
• Визуальный редактор (Visual Designer): удобный canvas для создания экранов, добавления компонентов и построения переходов между экранами через связи (links).
• AI-ассистент: генерация фрагментов прототипа по текстовому запросу (например, «создай форму логина») с возможностью последующей тонкой настройки и стилизации.
• Дизайн-системы: построение масштабируемой дизайн-системы на основе компонентов, дизайн-токенов и мастер-экранов.
• Анимации: инструмент Animation Composer для создания реалистичных анимаций и повышения достоверности прототипа.
• Богатая палитра компонентов: готовые наборы виджетов для WireFrame, Survey, iOS и Android - можно начинать проектирование сразу.
• Умные инструменты: изменение размеров по сетке (grid resizing), «умное» клонирование (smart cloning) и повторяющиеся сетки (repeater grids) для ускорения работы.
• A/B-тестирование: сравнение нескольких вариантов дизайна в рамках одного прототипа с помощью A/B-оператора - достаточно связать элемент с тестом и указать два варианта.
• Бизнес-логика: моделирование логики через REST-запросы и элементы принятия решений, обязательные поля, проверка форматов ввода и привязка данных (data binding) для передачи ввода между экранами.
• Юзабилити-тестирование и аналитика: сбор данных о поведении пользователей, тепловые карты и количественные метрики UX для принятия решений на основе данных.
• Интеграции и импорт: импорт изображений (.webp, .jpg, .psd) перетаскиванием на canvas, а также импорт макетов из Figma.
• Открытый исходный код: self-hosted развертывание без ограничений по числу проектов и пользователей, свойственных облачным SaaS-версиям.

Особенности сборки¶

Данные для подключения¶

После оплаты заказа на указанную при регистрации электронную почту придет уведомление о готовности сервера к работе. В нем будет указан IP-адрес VPS, а также логин и пароль для подключения.

Управление сервисом осуществляется в веб-интерфейсе Quant-UX, ссылка на который расположена в Invapi.

Данные для авторизации можно найти или во вкладке Конфигурация >> Теги панели управления сервером или в присланном e-mail:

• Ссылка: в теге webpanel;
• Логин и Пароль для управления сервером: приходят в письме на вашу электронную почту при готовности сервера к работе после развертывания ПО. Данные учётной записи в самом приложении (email и пароль) создаются отдельно — при первом переходе по ссылке на веб-интерфейс, в ходе регистрации.

Веб-интерфейс будет доступен по ссылке: https://quantux{Server_ID_from_Invapi}.hostkey.in

grep -rE "QUX_JWT_PASSWORD|QUX_MONGO_CONNECTION_STRING|QUX_MAIL_" /opt/quantux/

Начало работы после развертывания Quant-UX¶

1. Для первого запуска перейдите по ссылке вида - https://quantux<ID_сервера>.hostkey.in. Откроется экран входа с вкладками Login и Sign Up. Для создания учётной записи перейдите на вкладку Sign Up.

   

   Заполните поля регистрации:

   • Email - адрес электронной почты (он же используется как логин);
   • Password - пароль.

   Отметьте чекбокс I accept the terms of service и нажмите кнопку SignUp. При последующих входах используйте вкладку Login.

   Примечание

   Отдельная учётная запись администратора по умолчанию не создаётся - при регистрации формируется обычная пользовательская учётная запись (роль user), которая становится владельцем своих прототипов и команд. Подтверждение адреса по электронной почте для входа не требуется. Возможность самостоятельной регистрации регулируется переменной QUX_USER_ALLOW_SIGNUP, а список разрешённых почтовых доменов - переменной QUX_USER_ALLOWED_DOMAINS в файле развертывания /opt/quantux/quantux-compose.yml. Подробнее об управлении пользователями и командами - в документации разработчиков.

2. После регистрации вы автоматически авторизуетесь, и откроется рабочий стол Quant-UX с приветственным сообщением.

   

   Основные элементы интерфейса:

   • + Create - создание нового прототипа;
   • Recent Prototypes - список ваших недавних прототипов;
   • Updates - обновления и уведомления;
   • Documentation - переход к официальной документации Quant-UX;
   • Contact - контакты и обратная связь;
   • My Account - настройки учётной записи.

3. Для создания прототипа нажмите Create. В открывшемся окне Create a new prototype укажите параметры:

   

   • Name - название прототипа (приложения);
   • ScreenSize - размер экрана: Smartphone, Smartphone (Max), Tablet (Vertical), Tablet (Horizontal), Desktop или Custom (произвольные размеры).

   Нажмите кнопку Create - откроется визуальный редактор.

   Примечание

   Размер экрана указывается в точках (points), а не в пикселях.

4. В визуальном редакторе создаётся дизайн прототипа: экраны, виджеты и переходы между ними.

   

   Основные элементы редактора:

   • переключатель режимов Design / Prototype - переход между проектированием интерфейса и настройкой интерактивных связей;
   • Design Tokens - создание дизайн-токенов и управление ими;
   • Export Code - экспорт кода прототипа;
   • кнопка Share - публикация прототипа и предоставление доступа по ссылке;
   • управление масштабом (100 %) и выбор активного прототипа в левом верхнем углу.

   Примечание

   Подробная информация по работе с Quant-UX содержится в документации разработчиков, а инструкции по self-hosted развертыванию - в репозитории проекта на GitHub.

Заказ Quant-UX с помощью API¶

Установка данного ПО с использованием API описана в данном руководстве.