User Interface Customization via Image Region Processing

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current user interfaces for computers and mobile devices lack customization options, preventing users from creating personalized and satisfactory interfaces that adapt to their interests and moods.

Innovation Solution

A method and device for setting a user interface that involves acquiring and storing image data from a selected background image, marking and processing regions with different shapes, and recording directory names and menu linking paths, allowing users to customize their UI by selecting and processing images and icons on a UI management interface.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If users are allowed to customize UI backgrounds and icons freely, then user personalization and satisfaction are improved, but system complexity and difficulty of management increase

Engineering Contradiction:
ImproveUI personalization capabilityVSAvoidUI management system complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The UI customization system is segmented into distinct functional modules: background image selection module, icon selection module, layout configuration module, and saving module. Each module handles a specific aspect of customization independently, allowing users to personalize different UI elements without overwhelming system complexity. The background can be customized separately from icons, and layout settings are managed independently, enabling granular control over personalization.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The system provides pre-configured background images, icon sets, and layout templates that are prepared in advance. Users can select from these pre-prepared options and combine them according to their preferences, rather than creating everything from scratch. This preliminary preparation reduces the complexity of the customization process while maintaining high personalization capability.

Inventive Principle:
Principle #10Preliminary action

2Adaptability or versatility

If multiple UI customization options are provided, then user choice and personalization are improved, but ease of operation deteriorates due to more complex settings

Engineering Contradiction:
ImproveUI style varietyVSAvoidUI customization operation simplicity
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

The system allows users to apply different customization qualities to different UI elements independently. Users can choose high-quality detailed icons for frequently used applications while using simpler backgrounds for less important areas. Each UI element can be customized with appropriate detail and complexity levels based on its importance and usage frequency, optimizing both variety and ease of operation.

Inventive Principle:
Principle #3Local quality

Solution Approach 2:

The system enables users to copy and reuse successful UI configurations across different contexts. Once a user creates a satisfactory combination of background and icons, they can save it as a template and apply it to multiple screens or devices, reducing the operational effort required for extensive customization while maintaining high personalization.

Inventive Principle:
Principle #26Copying

3Reliability

If real-time display effect processing is performed on selected regions, then visual feedback and user satisfaction are improved, but processing time and system resources increase

Engineering Contradiction:
ImproveDisplay effect processing accuracyVSAvoidUI customization processing time
Core Design Contradiction:
ReliabilityVSLoss of time

Solution Approach 1:

Display effect processing parameters and transformation rules are pre-configured and stored in the system. When users select regions for customization, the system applies these pre-prepared processing rules rather than calculating effects in real-time. This preliminary preparation of processing algorithms significantly reduces the time required for display effect processing while maintaining accurate and reliable visual feedback.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The system replaces complex real-time mechanical processing of display effects with optimized software-based processing using pre-calculated transformation matrices and lookup tables. This substitution reduces computational overhead and processing time while maintaining the accuracy and quality of display effect processing through efficient algorithms.

Inventive Principle:
Principle #28Mechanics substitution (Replace mechanical system)

Data Source

PatentUS10120539B2Method and device for setting user interface
Publication Date: 2018.11.06 ZTE CORP
  • US10120539B2 patent drawing
  • US10120539B2 patent drawing
  • US10120539B2 patent drawing

AI summary

The disclosure provides a method for setting a User Interface (UI). The method comprises the following steps: acquiring and storing image data in a file of a selected background image on a UI management interface; marking space coordinates of a region with different shapes cut on the background image, performing display effect processing on the cut region with different shapes, and outputting a display effect processing result; and recording a preset directory name and a corresponding menu linking path of each icon. The disclosure also discloses a device for setting a UI. By adopting the scheme, a personalized UI can be obtained conveniently and quickly, and user experience is improved.