Interface Display Method with Screenshot Overlay for One-Handed Navigation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing touch device interface technologies face inefficiencies in displaying detail information, requiring page jumps that reduce operational efficiency and are inconvenient for one-handed use on handheld devices due to the need for precise back button navigation.
Innovation Solution
A method and apparatus for displaying interface information by capturing a screenshot, overlaying mask layers for thumbnail and detail display on the same page, allowing animation-driven transitions without page jumps, and utilizing a larger non-overlapping area for navigation, enhancing smoothness and efficiency.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If page jumping is used to display detail information, then detail information can be displayed completely, but operational efficiency decreases due to multiple page jumps and signaling invocations
Solution Approach 1:
The patent merges the list page and detail page into a single integrated page structure. The detail information is displayed within the same page context as the list, eliminating the need for separate page jumps. This is achieved by displaying the selected item's details in an expanded view or inline section on the same page, thus maintaining operational efficiency while providing complete information.
Solution Approach 2:
The patent transitions from a traditional multi-page hierarchical structure to a single-page multi-dimensional layout. By utilizing different spatial zones and display layers within the same page, it presents both list items and detailed information simultaneously, effectively adding a dimensional aspect to information presentation without requiring navigation transitions.
2Ease of operation
If a back button is placed at the upper left corner of the detail page, then navigation control is provided, but ease of operation deteriorates due to difficulty in touching with one hand on handheld devices
Solution Approach 1:
The patent extends the navigation area from a small corner button to a full-edge strip along the left side of the screen. This dimensional expansion transforms the interaction from requiring precise finger placement on a small target to allowing broad finger contact along an extended area, significantly improving one-handed operability while maintaining clear navigation functionality.
Solution Approach 2:
The navigation control is segmented into a continuous vertical strip rather than a single discrete button. This segmentation allows different portions of the strip to serve as valid interaction zones, providing multiple touch points along the left edge that are all accessible to one hand, thus improving ease of operation without adding complex multi-button interfaces.
Data Source
AI summary
An interface information display method and apparatus are provided. The method includes: in a list display state, if a click on a list item is detected, performing operations including: acquiring object information and a position of the clicked list item; generating a screenshot image of a current page; displaying the screenshot image in full screen, displaying a first mask layer on the screenshot image, and displaying a second mask layer on the first mask layer; shrinking the screenshot image to a predetermined ratio, acquiring an object thumbnail and detailed information from the object information, displaying, in a predetermined size, the object thumbnail on the second mask layer, and displaying the detailed information in a blank area on the second mask layer; and returning to the list display state when an area of the first mask layer non-overlapping with the second mask layer is clicked.