Agente de Páginas
Este agente permite generar páginas de aplicaciones de manera sencilla y conversacional, interpretando los requerimientos del usuario modelador y proponiendo estructuras visuales coherentes con el diseño general de la aplicación.
A través del diálogo con Diana, el usuario puede definir la funcionalidad, los elementos y el estilo de cada página, sin necesidad de conocimientos de diseño o programación.
Principales Funcionalidades
•Interacción conversacional para la creación de páginas, mediante una diálogo en lenguaje natural con el agente, quien guía al usuario modelador para relevar la información necesaria.
El usuario también puede adjuntar archivos de referencia, como maquetas o imágenes, para que el agente los utilice como base en la generación.
•Asistencia inteligente con conocimiento de diseño y experiencia de usuario permite al agente aplicar buenas prácticas de diseño UX/UI y aprovechar el sistema de diseño de la aplicación para generar páginas visualmente consistentes, funcionales y accesibles.
Propone estructuras equilibradas, distribuciones optimizadas y elementos apropiados según la naturaleza de la página y su contenido, siguiendo las buenas prácticas de modelado de páginas.
•Generación de páginas 100% responsive y que se adaptan automáticamente a diferentes resoluciones y dispositivos, asegurando una correcta visualización en todos los entornos.
•Incorporación de imágenes para mejorar la visualización para realzar la presentación de la página generada. En el caso que la página requerida tenga elementos de tipo imagen, el asistente es capaz de incluir imágenes de ejemplo tomadas de internet.
•Páginas generadas disponibles dentro de la plataforma, lo que permite su edición, personalización y mantenimiento a través del modelador de páginas.
Paso a Paso para el Uso del Agente de Páginas
1.Iniciar la interacción con Diana
Desde el modelador de aplicaciones, el usuario puede iniciar la conversación con Diana para crear una página, quien activa automáticamente al agente de páginas.
2.Describir la página a generar y determinar la aplicación a utilizar
El usuario modelador comienza indicando qué tipo de página desea crear, dentro qué aplicación y cuál es su propósito.
El agente puede solicitar información adicional para entender su funcionalidad.
3.Adjuntar referencias (opcional)
El usuario modelador puede adjuntar archivos de diseño, como pueden ser imágenes, archivos html o incluso URLs. También puede sumar documentación de referencia para que Diana la utilice como guía en la generación de la página.
4.Confirmar el diseño propuesto
El agente describe las secciones de la página a generar, con el detalle de los elementos dentro de cada una. De esta manera el agente requiere la confirmación del usuario modelador para comenzar la generación.
5.Generación de la página
Una vez recopilada la información necesaria, el agente genera la página automáticamente y la presenta en el modelador de páginas en una nueva pestaña.
La página incluye todos los elementos definidos, organizados según las buenas prácticas de diseño y usabilidad.
6.Previsualización y prueba
El usuario puede previsualizar y probar la página creada directamente en el modelador de páginas, validando su comportamiento y coherencia visual antes de su publicación definitiva.
Ejemplo
1.Página de inicio para una aplicación bancaria
El usuario modelador solicita al agente de páginas el siguiente requerimiento:
Genera una página de inicio completa para una aplicación de bancos, donde pueda ver datos de nuevos clientes, generar altas de clientes con botones y ver los últimos movimientos de dinero entre otras operaciones.
El agente crea una página con la estructura solicitada, incluyendo los elementos necesarios para visualizar la información, realizar operaciones y navegar entre secciones.
2.Página de inicio para el administrador de un sistema de tickets
El usuario modelador solicita la generación de la página ingresando el siguiente mensaje:
Quiero generar una página de inicio para una aplicación B2B de tickets, para que el administrador vea toda la información relevante para ese tipo de aplicaciones.
El resultado obtenido es la página que se incluye a continuación.
3.Página de bienvenida para una empresa de telefonía
El usuario modelador envía el siguiente mensaje al asistente de páginas con un requerimiento de generación:
Necesito generar una página de bienvenida para una empresa de telefonía, donde se vean los distintos planes que se ofrecen, los comentarios de los clientes, un formulario de contacto, entre otras cosas que consideres importante incluir.
La página generada por el agente especializado es como la que se incluye a continuación.
4.Páginas generales
El usuario modelador envía al asistente de páginas el siguiente mensaje para crear una página con características generales dentro de una aplicación:
Necesito que generes una galería de imágenes, con formato de grilla de 3x3. Utiliza imágenes aleatorias.
El agente puede crear una página con las características solicitadas.
