Pinch Gesture Expand Collapse UI for Touch Screens
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current electronic display devices lack an intuitive and efficient user interface for navigating and viewing hidden content, such as in tables of contents, search results, or embedded sub-content, using touch-screen gestures.
Innovation Solution
Implementing a pinch gesture-based expand/collapse function that allows users to display or hide content with a preview pane, combining it with zoom-in/out functionality, where an outward pinch expands hidden content and an inward pinch collapses it, with options for font size limits and tap-expand gestures to set expansion centers.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If traditional touch-screen controls are used for content navigation, then device compatibility is maintained, but user interaction efficiency and intuitiveness are insufficient
Solution Approach 1:
The pinch gesture is designed to serve multiple functions: expanding content, collapsing content, and zooming in/out. This multi-functionality reduces the need for separate controls for each operation, thereby improving ease of operation without significantly increasing interface complexity
Solution Approach 2:
The interface dynamically responds to the intensity and direction of the pinch gesture. Different pinch intensities trigger different actions (expand, collapse, zoom), allowing the system to adapt to user intentions without requiring multiple discrete controls, thus enhancing operational efficiency
2Loss of information
If detailed content is always displayed, then information accessibility is improved, but screen real estate for navigation controls is reduced
Solution Approach 1:
The content display is segmented into expandable sections. By default, only summary or less detailed content is displayed to preserve screen real estate. Users can selectively expand specific sections to access detailed information when needed, balancing information accessibility with available display space
Solution Approach 2:
Detailed content is nested within collapsible containers. The interface structure allows parent elements to contain child elements that can be expanded or collapsed. This nesting enables the system to display condensed information by default while providing access to detailed content through expansion, effectively managing screen real estate
3Adaptability or versatility
If pinch gesture is combined with zoom function, then functionality is enhanced, but gesture recognition accuracy may be compromised
Solution Approach 1:
The system performs preliminary detection of the pinch gesture's initial state and trajectory before executing the intended action. By analyzing the gesture's progression (e.g., initial pinch distance, direction of movement), the system can distinguish between zoom intentions and expand/collapse intentions, improving recognition accuracy while maintaining enhanced functionality
Solution Approach 2:
The system provides visual feedback during gesture execution to confirm the detected action. This feedback mechanism helps the system verify whether the pinch gesture was interpreted correctly, allowing for correction of misrecognitions and improving overall gesture detection accuracy while supporting multiple functions
Data Source
AI summary
Techniques are disclosed for expanding and collapsing content in electronic touch sensitive devices. The expand/collapse function can be used to navigate through content that may be displayed on a screen. The user can engage the function with a pinch-based gesture. In some cases, the UI feature includes a reading pane that displays a sample of the previously hidden detailed data relating to the content currently displayed on the screen. Background content outside the reading pane can be faded or otherwise softened. In some cases, the UI feature also includes, or alternatively includes, tap-expand feature that allows the user to select one or more items that are intended to be expanded or collapsed. Such a feature can include an initial single contact, followed by an inward or outward pinch with at least one additional contact point, in some example case.