UI Theme Builder for Contrast-Safe Interface Customization
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Configuring multi-service computing platforms is a time-consuming and complex process that can render services or applications visually inaccessible, wasting computing resources and requiring subjective decisions.
Innovation Solution
A theme builder system that customizes user interface elements based on visual relationships, such as contrast, chromaticity, and spatial relationships, to enhance accessibility and resource utilization.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If manual configuration of multi-service computing platform is performed, then customization capability is improved, but configuration time and complexity increase
Solution Approach 1:
The system pre-defines theme specifications that establish visual relationships between user interface elements before actual customization is needed. These specifications include contrast ratios, chromaticity relationships, and spatial arrangements that are prepared in advance and can be automatically applied when a theme is selected, eliminating the need for manual configuration of each visual parameter.
Solution Approach 2:
The system changes visual parameters of user interface elements based on selected theme specifications. When a theme is applied, multiple parameters such as colors, contrast ratios, and spatial relationships are automatically adjusted according to the predefined specification, enabling rapid customization without manual intervention for each parameter.
2Adaptability or versatility
If subjective decisions are made during platform configuration, then customization flexibility is improved, but visual accessibility and resource efficiency deteriorate
Solution Approach 1:
The system incorporates feedback mechanisms that automatically evaluate whether configured visual parameters meet accessibility standards. Theme specifications include defined relationships such as minimum contrast ratios and chromaticity differences that ensure accessibility compliance. The system verifies these relationships are maintained during customization, providing feedback to prevent configurations that would compromise visual accessibility.
3Ease of operation
If comprehensive customization of user interface elements is performed, then user friendliness is improved, but device complexity and resource consumption increase
Solution Approach 1:
The system segments the customization process into distinct theme specifications, each defining a coherent set of visual relationships for specific user interface elements. Rather than requiring comprehensive configuration of all possible parameters, users select from predefined themes that segment customization into manageable, pre-coordinated groups of related parameters.
Solution Approach 2:
Theme specifications serve multiple functions simultaneously: they define visual appearance, establish accessibility compliance, and coordinate multiple user interface elements together. A single theme specification can universally apply to multiple elements across different services, reducing overall configuration complexity while maintaining comprehensive customization capability.
Data Source
AI summary
The present disclosure relates to a method, medium and system for receiving a request to customize display of an application, wherein the request specifies a first component characteristic associated with a first user interface component the application. The disclosure further includes identifying, based on the first component, a second component characteristic associated with a second user interface component of the application, and updating, based on a spatial or hierarchical relationship between the first user interface component and the second user interface component, the second user interface component characteristic so that the second user interface component characteristic has at least a predefined contrast ratio with the first user interface component.