Dual Scrollable Interface for Content Preview and Selection
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing methods for navigating and previewing content items on touch-sensitive electronic devices are cumbersome, inefficient, and place a significant cognitive burden on users, particularly in battery-operated devices where they also consume excessive energy.
Innovation Solution
The implementation of a method that displays concurrently two scrollable areas on a touch-sensitive device's display, allowing users to scroll through graphical objects representing content sets and a list of content items, with gestures enabling selection and playback of content item portions, thereby streamlining navigation and previewing processes.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If conventional methods are used for navigating and previewing content items, then the interface is simple, but the cognitive burden on users is significant and navigation is tedious
Solution Approach 1:
The interface is segmented into two distinct scrollable areas: a first scrollable area displaying graphical objects representing sets of content items, and a second scrollable area displaying detailed content item information. This segmentation allows users to navigate and preview content simultaneously without cognitive overload, as each area has a specific function.
Solution Approach 2:
The patent introduces a two-dimensional scrolling interface where users can independently scroll horizontally in the first area to select different content sets and vertically in the second area to navigate content items. This dimensional approach transforms the traditional single-list navigation into a spatial mapping system that reduces cognitive burden.
2Productivity
If conventional sequential navigation methods are used, then the interface is simple, but navigation time is excessive and energy is wasted
Solution Approach 1:
The system performs preliminary actions by displaying multiple graphical objects representing different sets of content items in the first scrollable area simultaneously. Users can preview multiple content sets at once without sequential navigation, allowing them to identify and select desired content more quickly before detailed viewing in the second area.
Solution Approach 2:
The patent enables continuous useful action by allowing simultaneous scrolling and previewing in both areas. While users scroll through the first area to select content sets, the second area continuously displays relevant content item information, eliminating idle time and keeping the interface constantly useful throughout the navigation process.
3Use of energy by moving object
If conventional content previewing methods are used, then the device structure is simple, but energy consumption is excessive in battery-operated devices
Solution Approach 1:
The system applies partial action by displaying only relevant portions of content items in the second scrollable area based on the selection from the first area. Instead of loading or displaying all content simultaneously, the system selectively renders content information based on user navigation state, reducing overall energy consumption while maintaining efficient content selection capability.
Data Source
Figure 1A
Figure 1B
Figure 2
AI summary
A portable electronic device displays concurrently a first predefined scrollable area and a second predefined scrollable area distinct from the first predefined scrollable area. The first predefined scrollable area includes a plurality of graphical objects and is configured to scroll in a first direction. Each of the plurality of graphical objects represents a respective set of content items. The second predefined scrollable area includes a list of content items and is configured to scroll in a second direction that is orthogonal to the first direction. The device detects a gesture that corresponds to selection of a first graphical object of the plurality of graphical objects in the first predefined scrollable area; and, in response to detecting the gesture, plays respective portions of one or more content items in the set of content items that correspond to the selected first graphical object.