Swipe-Based Search Content Display With Layered Background Canvas
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing search interfaces display content in a single, non-interactive form, leading to poor user experience and failing to meet content display requirements.
Innovation Solution
A method and apparatus that display target content associated with a search keyword, utilizing a background canvas and main content that can be switched through swipe operations, enhancing interaction and display efficiency.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If search results are displayed in a single display form, then the interface structure is simple, but the user experience is poor and the interface lacks interactivity
Solution Approach 1:
The search result page is segmented into multiple independent display regions including a background canvas, a floating card area, and a bottom navigation area. Each region can be independently controlled and switched, allowing the background canvas to display different content while the floating card and bottom area remain stable. This segmentation enables rich interactive display forms without requiring complete restructuring of the entire interface.
Solution Approach 2:
The patent introduces a new dimension of interaction by implementing swipe operations that allow users to switch between different background contents and floating card contents independently. This multi-dimensional switching capability transforms the traditional single-dimension linear display into a multi-layered interactive space, enhancing user experience while maintaining interface clarity through structured layout.
2Adaptability or versatility
If preset content is displayed at the top of the search result page, then the content delivery is straightforward, but the display form remains single and lacks variety
Solution Approach 1:
The patent implements dynamic content switching by allowing users to swipe through different background contents and floating card contents. The background canvas can display various types of content (images, videos, text) that change based on user interaction, while the floating card adapts its content accordingly. This dynamic switching mechanism provides versatile display forms without requiring complex manual configuration of each display scenario.
Solution Approach 2:
The background canvas and floating card are designed as universal display components that can accommodate multiple types of content (search results, advertisements, recommendations, etc.). These components can display different content types in a unified structure, allowing the interface to adapt to various content delivery needs without requiring separate display mechanisms for each content type.
3Quantity of substance
If a single search result list is displayed, then the interface is simple to implement, but more content cannot be displayed and comparison is difficult
Solution Approach 1:
The search results are segmented and distributed across multiple display regions: background canvas content, floating card content, and bottom navigation content. This segmentation allows a large quantity of content to be displayed simultaneously in an organized manner, with each region presenting specific content types. Users can swipe to navigate through different content sets in each region, making comparison easier without overwhelming the interface.
Solution Approach 2:
The patent transforms the traditional linear search result list into a multi-regional spatial layout. Instead of displaying all results in a single vertical list, content is distributed across background, floating card, and bottom areas, creating a multi-dimensional display space. This spatial distribution allows users to view and compare multiple content items simultaneously while maintaining ease of browsing through swipe-based navigation.
Data Source
AI summary
The present disclosure relates to a content display method, an apparatus, a readable medium, an electronic device, and a program product. The content display method includes: displaying target content associated with a search keyword in response to a search operation based on the search keyword in a terminal device, the target content includes first main content and a background canvas, and the first main content is displayed with first background content in the background canvas as a background; and controlling the background canvas and the first main content to move along with a swipe operation on the target content in response to the swipe operation, to switch the first background content to second background content in the background canvas and switch the first main content to second main content, the second main content is displayed with the second background content as a background.