# What Is UX/UI in ONEWEB? **User Experience (UX)** refers to the overall experience users have when interacting with an application—how easy it is to understand, navigate, and complete tasks.\ **User Interface (UI)** refers to the visual and interactive elements that users work with, such as pages, forms, buttons, menus, and navigation components. In the context of ONEWEB, UX and UI work together to ensure that applications are: * Easy to learn * Efficient to use * Consistent across pages and devices A well‑designed UI enables users to interact with the application in a **natural and intuitive way**, while good UX ensures that those interactions feel smooth and purposeful. *** #### UX/UI and Graphical Interfaces Most modern applications, including those built on ONEWEB, use a **graphical user interface (GUI)**.\ A typical GUI consists of elements such as: * Menus and navigation bars * Pages and forms * Buttons, input fields, and dialogs These elements are what users directly interact with when using an application. Their layout, behavior, and consistency have a significant impact on usability. *** #### UX vs UI: How They Work Together Although UX and UI are closely related, they focus on different aspects: * **UX Design** focuses on: * Application flow and structure * Task efficiency and usability * How users move through the application * **UI Design** focuses on: * Page layout and visual structure * Interaction components and controls * Visual clarity and consistency In ONEWEB, both UX and UI are designed together using **UI and Page Designer tools**, allowing designers and developers to focus on usability without writing low‑level front‑end code. *** #### UX/UI Design with ONEWEB Page Designer ONEWEB Page Designer enables users to: * Design pages and forms visually * Arrange UI components using structured layouts * Apply consistent design patterns across applications * Adapt interfaces for different screen sizes and devices By using configuration‑based design instead of custom coding, UX/UI design becomes more accessible and easier to maintain. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.onewebstack.com/building-apps/ui-page-designer/what-is-ux-ui-in-oneweb.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.