Interface Element Circle Animation for Smoother App Transitions
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
The simultaneous display of multiple elements in a rectangle-grid arrangement on electronic device interfaces, such as application icons on a mobile phone's home screen, lacks transition animation effects, leading to a poor user experience.
Innovation Solution
The electronic device classifies elements into different element circles and displays them circle by circle with a time interval, using varying scale-up factors to enhance transition animation effects.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Productivity
If multiple elements are displayed simultaneously in a rectangle-grid arrangement, then the interface can show all application icons at once, but the transition animation effect is lacking and user experience is poor
Solution Approach 1:
The patent segments the plurality of elements into multiple element circles, where each element circle contains a subset of elements. Instead of displaying all elements simultaneously, the system displays different element circles sequentially with a time interval, creating a staged display effect that provides transition animations while maintaining complete element visibility.
Solution Approach 2:
The patent implements periodic action by displaying element circles at regular time intervals. Each element circle is displayed for a predetermined duration before transitioning to the next element circle, creating a rhythmic, animated transition effect that enhances user experience while systematically presenting all elements.
2Ease of operation
If elements are displayed circle by circle with time intervals, then transition animation effects are enhanced, but the display process takes longer
Solution Approach 1:
The patent applies partial action by displaying only a subset of elements (one element circle at a time) rather than all elements simultaneously. Each element circle contains part of the total elements, and by sequentially displaying these partial sets with overlapping transitions, the system creates animated effects while controlling total display time within acceptable limits.
Data Source
AI summary
Embodiments of this application disclose a display method and an electronic device. A specific solution is as follows: The electronic device receives a first operation performed by a user to trigger the electronic device to display a first interface, where the first interface is an interface corresponding to a first application, and the first interface includes a plurality of elements; in response to the first operation, the electronic device determines a reference element from the plurality of elements and a reference point, where the reference element is an element with a smallest area in the plurality of elements, and the reference point is a center of an element circle established by the electronic device; the electronic device determines a plurality of element circles based on the reference element and the reference point; and the electronic device separately displays the plurality of element circles based on a first interval time.