Dynamic UI Component Design for Usage Environment Adaptation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing UI development tools often fail to provide appropriate UI component designs tailored to the user's device usage environment, such as size and readability adjustments based on location and time of use, leading to suboptimal user experience.
Innovation Solution
An electronic apparatus that dynamically adjusts UI component designs based on the user's current location and time zone by using a table storage unit for place and time zone codes, a template storage unit for pre-defined design templates, and a UI configuration unit to match the appropriate design template for each UI component.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If a single type of UI design is designated for all applications, then the development process is simple and consistent, but the UI does not adapt to different device usage environments
Solution Approach 1:
The patent segments the UI design system by dividing it into multiple design templates, each optimized for specific usage environments (e.g., walking, driving, stationary). Each UI component can be independently assigned to different templates based on the detected usage context, allowing the system to provide environment-specific designs without requiring a complete redesign of the entire UI system.
Solution Approach 2:
The patent implements dynamic UI design by enabling the system to automatically switch between different design templates based on real-time usage environment detection. The UI components can dynamically change their appearance, size, and layout characteristics according to the detected context (e.g., switching to a high-contrast, larger-button template when the user is walking), making the UI adaptable rather than static.
2Ease of operation
If UI components are designed with larger size and higher readability for mobile usage, then usability improves during movement, but the UI may be overly complex for stationary usage
Solution Approach 1:
The patent applies local quality by allowing different UI components to have different design characteristics based on their specific function and the usage context. For example, during movement, only critical interaction elements (buttons, navigation) are enlarged and simplified, while informational elements maintain their detailed structure. This ensures that usability improvements are applied locally where needed rather than uniformly across the entire UI.
Solution Approach 2:
The patent utilizes parameter changes by adjusting specific UI design parameters (size, color contrast, font weight, spacing) based on the detected usage environment. When the system detects movement, it modifies parameters such as button size, text contrast, and layout density to enhance usability. When stationary, these parameters revert to their standard values, avoiding unnecessary complexity.
3Adaptability or versatility
If multiple design templates are prepared for different usage environments, then appropriate UI design can be provided for each context, but the storage and management of templates becomes more complex
Solution Approach 1:
The patent implements universality by creating design templates that can serve multiple purposes and be applied to different UI components. A single template can contain design specifications that are reusable across various component types (buttons, text fields, navigation elements). This reduces the total number of templates needed while maintaining comprehensive coverage of different usage environments.
Solution Approach 2:
The patent applies preliminary action by pre-defining and storing design templates for various usage environments before the application runs. These templates contain pre-configured design parameters and specifications that are prepared in advance, allowing the system to quickly switch between designs without performing complex real-time calculations or generating designs on the fly.
Data Source
AI summary
Disclosed are an electronic apparatus capable of applying the design of a UI component based on the device's usage environment and the operating method thereof. The present invention presents an electronic apparatus capable of dynamically changing and applying the design of a UI component configuring an application according to a usage environment of an electronic apparatus which drives the application and the operating method thereof to provide an appropriate UI design according to the device's usage environment of a user to the user.