Information Display With Dynamic Top Information Area Transitions
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
The sudden and abrupt changes in the form of a top information area during user interaction result in a poor user experience when displaying information on a page.
Innovation Solution
A method and apparatus that determine a target state for the top information area based on user sliding operations, updating the display to smoothly transition from a current state to a target state, incorporating a detail information area associated with the top information area's location, using sliding parameters such as distance and speed to ensure a seamless change.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Area of stationary object
If the top information area is suddenly displayed or hidden to reduce page occupation, then the page space utilization is improved, but the form change becomes abrupt and user experience deteriorates
Solution Approach 1:
The top information area transitions from a static display state to a dynamic one, where it can be smoothly expanded or contracted based on user interaction. The system dynamically adjusts the display state by detecting sliding operations and gradually transitioning between contracted and expanded states, making the form change smooth rather than abrupt.
Solution Approach 2:
The system changes the display parameters of the top information area based on sliding detection. By monitoring sliding distance and sliding speed, the system adjusts parameters such as display state (contracted/expanded) and transitions between these states smoothly, resolving the contradiction between space utilization and user experience.
2Loss of information
If the top information area is always displayed to show promotion information, then the information visibility is improved, but the page occupation increases and detailed information display is reduced
Solution Approach 1:
The top information area is designed to dynamically adjust its display state between contracted and expanded based on user interaction. When users slide on the page, the system detects this and smoothly transitions the top information area between states, ensuring information remains visible when needed while reducing page occupation during detailed information browsing.
Solution Approach 2:
The system prepares the top information area to be quickly transitioned between states based on predicted user needs. By detecting sliding operations in advance and preparing for state transitions, the system ensures that promotion information is visible when users might need it, while minimizing page occupation during normal browsing.
Data Source
AI summary
The disclosure provides a method, apparatus, computer device and a storage medium for information display. The method includes: determining a current display state of a top information area displayed on a target page; in response to sliding on the target page, determining a target state of the top information area based on the sliding and the current display state; and updating to display a changed effect of the top information area under the sliding, to cause the top information area to change from the current display state to the target state, and displaying a detail information area on the target page based on the changed effect; the detail information area being associated with a display location of the top information area on the target page.