GUI Page Design System with Customization Constraints
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing graphical user interface (GUI) design tools offer too many design options, making it difficult to customize GUIs appropriately for specific customer needs without straying from the fundamental purpose of the application.
Innovation Solution
A page design system that constrains customization by using standard and custom data objects to define permissible GUI elements, guiding designers through the selection and organization of elements within a GUI page, ensuring that modifications align with established definitions and purposes.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If existing GUI design tools provide many design options to meet diverse customer needs, then adaptability is improved, but device complexity increases and ease of operation deteriorates
Solution Approach 1:
The patent segments the GUI design tool into multiple specialized tools, each dedicated to a specific customization task (e.g., layout tool, component tool, styling tool). This segmentation reduces the complexity of any single tool while maintaining comprehensive customization capability across all tools collectively.
Solution Approach 2:
The patent introduces template objects as intermediary elements between the design tool and the final GUI. These templates pre-define common GUI patterns and structures, allowing designers to quickly assemble customized interfaces without dealing with low-level complexity, thus simplifying the design process while maintaining adaptability.
2Adaptability or versatility
If existing GUI design tools provide many design options to meet diverse customer needs, then adaptability is improved, but ease of operation deteriorates
Solution Approach 1:
The patent applies preliminary action by providing pre-defined template objects that contain common GUI patterns, layouts, and component configurations. Designers can directly utilize these templates for frequent customization scenarios, eliminating the need to manually configure complex parameters and significantly simplifying the design process.
Solution Approach 2:
The patent enables copying and reusing of template objects across different GUI designs. Once a suitable template is created or selected, it can be replicated and adapted for multiple purposes, reducing repetitive design work and making the tool easier to operate while maintaining high adaptability.
3Adaptability or versatility
If extensive customization is allowed, then adaptability is improved, but reliability deteriorates due to potential departure from fundamental purpose
Solution Approach 1:
The patent applies preliminary anti-action by pre-defining the scope and boundaries of permissible customizations through template objects. These templates encode design best practices and constraints, preventing designers from making modifications that would compromise the fundamental purpose or integrity of the application while still allowing extensive customization within safe boundaries.
Data Source
Figure 1
Figure 2
Figure 3
AI summary
A page design system addresses the need to impart flexibility into the design and customization of graphical user interfaces for applications. The graphical user interface includes pages and display groups within each page, and the page design system permits each individual page to be modified to suit the needs of a particular customer. So that the pages do not depart from their fundamental purpose to too great of an extent, the page design system guides and constrains the modifications to each page. In particular, the page design system constrains customization of each display group according to established definitions of admissible graphical user interface elements that are appropriate for each page, and each display group of elements within the page.