Page Modeling

Video duration 44:11

This module explains how to use the Page Modeler to create intuitive, easy-to-use interfaces aligned with user experience best practices. Participants learn to design navigation and user interaction with the application using visual tools and elements such as text, images, buttons, and containers, among others.
In addition to traditional visual modeling, the module introduces Diana and its Page Agent, which enables conversational page generation from natural language descriptions, automatically applying UX/UI design principles and the Deyel design system.
The module also covers managing page structure, style, and responsive behavior, enabling faster, more accessible, and more consistent page creation, even for users with no programming knowledge.
Participants thus acquire the skills needed to design professional, consistent interfaces by combining visual modeling with intelligent assistance from Diana and improving the user experience of applications developed in Deyel.