Quant-UX¶

En este artículo

• Funcionalidades clave de Quant-UX
• Funcionalidades de implementación
• Datos de conexión
• Primeros pasos tras la implementación de Quant-UX
• Pedido de Quant-UX mediante API

Funcionalidades clave de Quant-UX¶

• Prototipos interactivos: todos los widgets son totalmente funcionales; los usuarios pueden introducir datos, marcar casillas de verificación e interactuar con los elementos. Combinado con animaciones y gestión de datos, el prototipo se comporta como una aplicación real.
• Diseñador visual: un lienzo práctico para crear pantallas, añadir componentes y construir transiciones entre pantallas mediante enlaces.
• Asistente de IA: generación de fragmentos de prototipos basados en prompts de texto (p. ej., "crear un formulario de inicio de sesión") con capacidades posteriores de ajuste fino y estilizado.
• Sistemas de diseño: creación de sistemas de diseño escalables basados en componentes, tokens de diseño y pantallas maestras.
• Animaciones: la herramienta Animation Composer para crear animaciones realistas y aumentar la fidelidad del prototipo.
• Amplia paleta de componentes: conjuntos de widgets listos para WireFrame, Survey, iOS y Android; puede empezar a diseñar inmediatamente.
• Herramientas inteligentes: redimensionamiento de cuadrícula, clonación inteligente y cuadrículas repetidoras para acelerar su flujo de trabajo.
• Pruebas A/B: comparación de múltiples variantes de diseño dentro de un único prototipo utilizando el operador A/B; simplemente enlace un elemento a una prueba y especifique dos variantes.
• Lógica de negocio: modelado de lógica mediante solicitudes REST y elementos de decisión, campos obligatorios, validación de formato de entrada y vinculación de datos para pasar la entrada entre pantallas.
• Pruebas de usabilidad y analítica: recopilación de datos de comportamiento del usuario, mapas de calor y métricas cuantitativas de UX para la toma de decisiones basada en datos.
• Integraciones e importación: importación mediante arrastrar y soltar de imágenes (.webp, .jpg, .psd) al lienzo, así como la importación de diseños desde Figma.
• Código abierto: implementación con alojamiento propio sin los límites de proyectos y usuarios que se encuentran en las versiones SaaS en la nube.

Funcionalidades de implementación¶

Datos de conexión¶

Tras el pago del pedido, se enviará una notificación a la dirección de correo electrónico proporcionada durante el registro una vez que el servidor esté listo para operar. Esta contendrá la dirección IP del VPS, así como el login y la contraseña para la conexión.

La gestión del servicio se realiza a través de la interfaz web de Quant-UX, cuyo enlace se encuentra en Invapi.

Los datos de autorización pueden encontrarse en la sección Configuration >> Tags del panel de control del servidor o en el correo electrónico enviado:

• Link: en la etiqueta webpanel;
• Login y Password para la gestión del servidor: enviados por correo electrónico a su dirección una vez completada la implementación del software y que el servidor esté listo. Las credenciales de cuenta dentro de la propia aplicación (correo electrónico y contraseña) se crean por separado durante el registro al realizar su primera visita al enlace de la interfaz web.

La interfaz web estará disponible en: https://quantux{Server_ID_from_Invapi}.hostkey.in

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

Primeros pasos tras la implementación de Quant-UX¶

1. Para el primer inicio, acceda a un enlace como https://quantux<Server_ID>.hostkey.in. Se abrirá una pantalla de inicio de sesión con las pestañas Login y Sign Up. Para crear una cuenta, vaya a la pestaña Sign Up.

   

   Rellene los campos de registro:

   • Email: su dirección de correo electrónico (también se utiliza como nombre de usuario);
   • Password: su contraseña.

   Marque la casilla I accept the terms of service y haga clic en SignUp. Para inicios de sesión posteriores, utilice la pestaña Login.

   Nota

   Por defecto no se crea una cuenta de administrador independiente; durante el registro, se crea una cuenta de usuario estándar (rol user), que se convierte en propietaria de sus propios prototipos y equipos. No es necesaria la confirmación de la dirección de correo electrónico para el inicio de sesión. La capacidad de autorregistro está controlada por la variable QUX_USER_ALLOW_SIGNUP, y la lista de dominios de correo permitidos está controlada por la variable QUX_USER_ALLOWED_DOMAINS en el archivo de implementación /opt/quantux/quantux-compose.yml. Para más detalles sobre la gestión de usuarios y equipos, consulte la documentación para desarrolladores.

2. Tras el registro, se iniciará sesión automáticamente y se abrirá el escritorio de Quant-UX con un mensaje de bienvenida.

   

   Elementos principales de la interfaz:

   • + Create: crear un nuevo prototipo;
   • Recent Prototypes: una lista de sus prototipos recientes;
   • Updates: actualizaciones y notificaciones;
   • Documentation: ir a la documentación oficial de Quant-UX;
   • Contact: información de contacto y comentarios;
   • My Account: configuración de la cuenta.

3. Para crear un prototipo, haga clic en Create. En la ventana Create a new prototype que se abre, especifique los parámetros:

   

   • Name: nombre del prototipo (aplicación);
   • ScreenSize: tamaño de pantalla: Smartphone, Smartphone (Max), Tablet (Vertical), Tablet (Horizontal), Desktop o Custom (dimensiones personalizadas).

   Haga clic en Create — se abrirá el diseñador visual.

   Nota

   El tamaño de la pantalla se especifica en puntos, no en píxeles.

4. En el diseñador visual, creará el diseño del prototipo: pantallas, widgets y transiciones entre ellos.

   

   Elementos principales del editor:

   • Conmutador de modo Design / Prototype: cambiar entre el diseño de la interfaz y la configuración de enlaces interactivos;
   • Design Tokens: creación y gestión de tokens de diseño;
   • Export Code: exportar el código del prototipo;
   • Botón Share: publicar el prototipo y proporcionar acceso mediante un enlace;
   • Control de zoom (100 %) y selección de prototipo activo en la esquina superior izquierda.

   Nota

   Puede encontrar información detallada sobre cómo trabajar con Quant-UX en la documentación para desarrolladores, y las instrucciones de implementación con alojamiento propio están disponibles en el repositorio GitHub del proyecto.

Pedido de Quant-UX mediante API¶

Para instalar este software utilizando la API, siga estas instrucciones.