Room Template System for Dynamic UX/UI Customization
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing web applications lack the ability to dynamically provide customized user experiences (UX) and user interfaces (UI) tailored to different user roles during runtime, requiring new programs to be generated for varying user purposes and roles, which is inefficient and inflexible, especially in remote communication environments like video conferences and education solutions.
Innovation Solution
A method and system that utilize a room template to dynamically provide optimized UX/UI by transmitting room template information, including layout and option data, based on user roles, allowing for real-time modification and customization through a management console, enabling administrators to configure and update templates easily, and parse data during runtime to enhance user experience and functionality.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If a new program is generated every time to provide different screen layouts and user authorities according to user types, then customized UX/UI for each user role can be achieved, but development efficiency decreases and system complexity increases
Solution Approach 1:
The system segments user interfaces and authorities into role-based templates. Each user role (e.g., teacher, student, observer) has a predefined template that segments the interface elements, functions, and permissions. This allows customized UX/UI for each user role without creating separate programs, as the templates divide and organize the interface components according to user needs.
Solution Approach 2:
The system implements a universal template mechanism that serves multiple user roles within a single application. The room template includes role information, screen layout information, and authority information that can be universally applied to different user types. This multi-functional template system eliminates the need for separate programs while maintaining customized experiences for each role.
2Adaptability or versatility
If separate programs are created for different user purposes and roles, then customized functionality can be provided, but development time and maintenance effort increase
Solution Approach 1:
The system performs preliminary action by pre-defining role templates with customized functionality before runtime. The room template is configured in advance with role information, screen layout information, and authority information for different user types. This preliminary configuration eliminates the need for time-consuming program generation at runtime, as the templates are already prepared and can be directly applied.
Solution Approach 2:
The system uses parameter changes to provide customized functionality for different user roles. Instead of creating separate programs, the system changes parameters within a single program by loading different role templates with specific configurations. The template parameters include role-specific functions, interface layouts, and permissions, allowing rapid adaptation to different user needs without additional development time.
3Ease of operation
If user interfaces are customized for different user roles, then user experience and functionality are improved, but system flexibility to adapt to new roles decreases
Solution Approach 1:
The system implements dynamics by making the room template configurable and modifiable at runtime. The template is not fixed but can be dynamically adjusted to accommodate new user roles and requirements. The service server can modify the room template information, and the API server can generate new role templates based on existing patterns, allowing the system to adapt to new roles while maintaining good user experience for established roles.
Data Source
AI summary
Provided is a method of providing a user-customized user experience (UX)/user interface (UI) during a runtime of a web application by using a room template, the method including: transmitting, from a user device to a service server, a room entrance-related access request; requesting, by the service server, an application programming interface (API) server to generate an access token including room template information; transmitting the access token generated by the API server to the user device via the service server; transmitting, by the user device, the access token to the API server; and providing, by the API server, a UX/UI to the user device based on the room template information.