Dynamic Image Display on Content Cards for User Engagement
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current image display methods for search results and recommended information on Internet products are limited to static forms, lacking dynamic and engaging visual effects, which fails to enrich user experience.
Innovation Solution
A method and apparatus for image display that involves obtaining preview information for multimedia contents, presenting it on content cards, and controlling the movement of images based on user interactions, creating dynamic effects by determining movement distances, directions, and speeds, and playing dynamic images, enhancing user engagement.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If static image display is used for preview information, then display simplicity is maintained, but user engagement and visual appeal are insufficient
Solution Approach 1:
The patent applies dynamics by transforming static images into dynamic elements that respond to user interactions. Images are made movable through triggering operations (swiping, pinching, rotating), allowing them to change position, scale, and orientation based on user input. This creates an interactive display system that adapts to user behavior, significantly improving engagement while maintaining operational simplicity through intuitive gestures.
2Quantity of substance
If multiple images are superimposed in preview information, then information density is increased, but visual clarity and hierarchy become difficult to maintain
Solution Approach 1:
The patent applies local quality by assigning different visual properties to images based on their importance and spatial relationships. Foreground images are displayed with higher opacity and larger size, while background images use lower opacity and smaller size. The system dynamically adjusts the visual characteristics of individual images within the superimposed composition, allowing multiple images to coexist without compromising visual clarity or hierarchy.
Solution Approach 2:
The patent utilizes dimensional change by introducing depth through layered superimposition of images at different z-heights. Background images are positioned at lower depth levels with reduced opacity, while foreground images occupy higher depth levels with enhanced visibility. This three-dimensional arrangement allows multiple images to be displayed simultaneously with clear visual hierarchy, maintaining both information density and visual clarity.
3Adaptability or versatility
If image movement effects are added to content cards, then user interaction is enhanced, but system complexity and processing requirements increase
Solution Approach 1:
The patent applies self-service by enabling images to automatically respond to user triggering operations without requiring complex external control systems. The system detects user gestures (swiping, pinching, rotating) and automatically executes corresponding image transformations based on pre-defined movement information. This self-driven interaction model enhances user engagement while minimizing system complexity by eliminating the need for complex control mechanisms.
Data Source
AI summary
The disclosure provides a method, apparatus, computer device and storage medium for image display, wherein the method includes: obtaining preview information corresponding to a plurality of multimedia contents, wherein the preview information includes a plurality of superimposed displayed images; presenting a plurality of content cards on a target page, wherein the preview information is displayed on the content cards; in response to a triggering operation on the target page, determining, based on the triggering operation, movement information corresponding to respective images in the preview information in the respective content cards; and controlling the respective images to be moved based on the corresponding movement information in the respective content cards, while controlling the content cards to be moved based on the triggering operation.