Column User Interface for Content Navigation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Electronic devices with graphical user interfaces for navigating and displaying content items often appear cluttered and confusing, leading to a jarring experience when transitioning from viewing video content.
Innovation Solution
A column user interface is provided, allowing users to efficiently navigate and select content items through a structured layout of columns, which can be scrolled horizontally and vertically, with features like sticky headings and translucent overlays for smooth transitions.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If a traditional graphical user interface is used for navigating content items, then users can access and select content, but the interface becomes cluttered and confusing
Solution Approach 1:
The interface is divided into multiple columns, each representing a different content category or collection. This segmentation allows users to navigate through organized sections rather than a cluttered single-view interface, reducing cognitive load while maintaining comprehensive content access.
Solution Approach 2:
The interface transitions from traditional horizontal scrolling to a vertical column-based layout with horizontal categorization. This dimensional reorganization creates a more intuitive navigation structure where users can quickly scan categories vertically and select content horizontally, improving ease of operation without increasing perceived complexity.
2Ease of operation
If a user interface is brought up after viewing video, then users can navigate content, but the transition is jarring and unintuitive
Solution Approach 1:
The column interface is implemented as an overlay that dynamically appears and disappears during video playback. The interface can be dismissed by tapping anywhere on the screen, allowing smooth transitions between video viewing and content navigation without jarring interruptions. This dynamic behavior reduces visual disruption while maintaining ease of operation.
3Adaptability or versatility
If more content items are displayed to provide more options, then user selection capability improves, but the interface becomes more cluttered
Solution Approach 1:
Content items are segmented into multiple columns based on categories, collections, or content types. This organization allows the interface to display a large number of content items without creating clutter, as users can navigate through structured sections rather than viewing all items in a single overwhelming list.
Solution Approach 2:
The column-based interface structure serves multiple functions simultaneously: it organizes content by category, provides hierarchical navigation, and displays numerous content items in a compact format. This multi-functionality increases content selection capability without proportionally increasing interface clutter.
Data Source
AI summary
The invention is directed to an electronic device. The electronic device provides, for display on a display device, a user interface including a first set of columns, two or more columns in the first set of columns each including two or more menu items. The electronic device receives a selection input. In response to receiving the selection input, in accordance with a determination that the selection input corresponds to selection of a first column the electronic device provides, for display on the display device, a second set of columns, two or more of the columns in the second set of columns corresponding to different subsets of menu items that were displayed in the first column that was selected in response to the selection input.