Dynamic Content Grid With Bin-Packed Viewport Reconfiguration
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current content viewing solutions on mobile and desktop devices limit multitasking and interaction with multiple content elements due to static grid or list views that do not dynamically optimize viewport space, requiring users to navigate away from the main content hub to interact with specific content.
Innovation Solution
A dynamic content grid system that allows users to expand and interact with multiple media elements on the same viewport using a bin packing algorithm to reconfigure the layout, accommodating expanded elements and new content.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If a static grid view or list view is used to display content, then the viewport space is optimized for displaying multiple content elements, but the user cannot simultaneously interact with multiple content elements and must navigate away from the main content hub
Solution Approach 1:
The patent implements a dynamic grid view where content elements can transition between collapsed and expanded states. When a user selects a content element, it expands to allow interaction while the system dynamically recalculates and repositions remaining elements using a bin-packing algorithm. This dynamic behavior enables simultaneous interaction with multiple expanded elements while maintaining optimal viewport utilization.
2Adaptability or versatility
If a list view is used to display content, then the content is organized in a single direction based on parameters such as time or relevance, but the viewing of content is limited to a single axis
Solution Approach 1:
The patent transitions from traditional single-axis list views to a two-dimensional grid layout. Content elements are arranged across both horizontal and vertical axes, allowing users to view and interact with multiple elements simultaneously within the viewport. This dimensional expansion increases viewport utilization while maintaining flexible content organization capabilities.
3Area of stationary object
If a static grid view is used to display content, then content is displayed across both horizontal and vertical axes, but the user has to be directed away from the static grid view to interact with content of interest
Solution Approach 1:
The system implements dynamic expansion behavior where selected content elements grow in size within the grid layout. Instead of navigating away from the grid view, the selected element expands to occupy more space while the bin-packing algorithm repositions other elements to accommodate this change. This allows users to interact with expanded content while remaining within the context of the overall grid view.
4Ease of operation
If interactive functions are provided within the list view, then user interaction is enabled, but space on the viewport is taken from other content that could have been displayed
Solution Approach 1:
The patent applies interactive functions locally to specific content elements rather than providing them uniformly across all elements. When a user selects a content element, interactive functions are activated for that specific element through expansion, while other elements maintain their display-only state. This localized approach enables interaction capabilities without permanently reducing the space available for displaying content elements.
Data Source
AI summary
A computer program product, method and system are provided for optimizing a viewport on a consumer electronic device. A content grid is displayed on a viewport of the consumer electronic device. The content grid includes an array of media elements displayed in a global feed and algorithmically arranged with little cost of user interaction through an expanding function. In response to a user selecting a first media element of the array of media elements, the size of the selected first media element is expanded, and the displayed content grid is reconfigured to accommodate the expanded first media element. In response to new media content being uploaded to the consumer electronic device, a new media element corresponding to the uploaded new media content is fitted to the displayed content grid based on results of a bin packing algorithm.