UI Element Zoom Animation for Visual Linkage in Touch Interfaces

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing graphical interface animations on electronic devices lack association between UI elements, failing to conform to user habits and resulting in suboptimal user experience.

Innovation Solution

A method for graphical interface display that involves detecting a touch on a UI element and zooming other elements based on distance and predefined curves, enhancing the association and relationship between UI elements.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Illumination intensity

If animations with high refresh rate, high degree of rendering, and high complexity are used, then display quality is improved, but association between UI elements is weakened and user experience deteriorates

Engineering Contradiction:
Improvedisplay qualityVSAvoidassociation between UI elements
Core Design Contradiction:
Illumination intensityVSAdaptability or versatility

Solution Approach 1:

The patent segments the animation system into multiple independent animation configurations, each associated with different UI elements. When a touch event occurs, the system selectively applies animations to specific UI elements based on their spatial relationship to the touched element, rather than applying uniform animations to all elements. This segmentation allows high-quality animations to be applied where needed while maintaining association between related UI elements.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent implements local quality by determining animation parameters based on the spatial relationship between UI elements. Specifically, the system calculates a first parameter for the touched UI element and a second parameter for other UI elements based on their distance or spatial relationship. This allows different animation qualities and types to be applied locally to different regions of the interface, strengthening association between related elements while maintaining overall display quality.

Inventive Principle:
Principle #3Local quality

2Device complexity

If independent UI elements are used, then device complexity is reduced, but relationship between UI elements is weakened and user experience deteriorates

Engineering Contradiction:
ImproveUI element independenceVSAvoidrelationship between UI elements
Core Design Contradiction:
Device complexityVSAdaptability or versatility

Solution Approach 1:

The patent implements feedback mechanisms where the state and position of one UI element automatically trigger corresponding animations in other UI elements. When a user touches or interacts with a UI element, the system detects this event and automatically applies appropriate animations to related elements based on predefined spatial relationships. This feedback loop creates visual association between independent elements without increasing structural complexity.

Inventive Principle:
Principle #23Feedback

Solution Approach 2:

The patent introduces an intermediary animation system that mediates between independent UI elements. Rather than directly connecting elements structurally, the system uses animation as an intermediary to establish visual relationships. The animation system acts as a mediator that translates spatial relationships into visual associations, allowing elements to remain independently structured while maintaining perceived relationships through coordinated animations.

Inventive Principle:
Principle #24Intermediary (Mediator)

Data Source

PatentUS12468437B2Graphical interface display method, electronic device, medium, and program product
Publication Date: 2025.11.11 HUAWEI TECH CO LTD
  • US12468437B2 patent drawing
  • US12468437B2 patent drawing
  • US12468437B2 patent drawing

AI summary

M user interface UI elements are displayed on a screen of an electronic device, where M is a positive integer greater than 1. A touch that is performed on a first UI element of the M UI elements and that is held for specific duration is detected. Each of N UI elements on the screen is zoomed in response to the touch, where N is a positive integer ranging from 1 to M−1. The zooming N UI elements includes: determining a distance between the first UI element and a second UI element of the N UI elements; determining, based on the distance, a range by which the second UI element is to be zoomed; and zooming the second UI element based on the range to visually indicate the touch.