Dynamic Web Browser Display Adaptation for Small Viewports
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing web browser display methods fail to maintain viewability when the display region is small, as images or content items are either not reduced in size, leading to degraded visibility, or are reduced, resulting in poor usability.
Innovation Solution
A web browser program that adjusts the display of content items based on the size of the display region by showing multiple categories and their corresponding items in a large layout, reducing items in a medium layout, and displaying only selected category items in a small layout, ensuring items are visible and usable across varying window sizes.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Illumination intensity
If images are not reduced in size, then viewability of images is maintained, but usability in small display regions is degraded
Solution Approach 1:
The patent implements dynamic display adaptation by detecting the size of the display region and automatically adjusting the display layout accordingly. When the display region is small, the system transitions from displaying multiple category items to displaying only selected category items, making the display behavior flexible and adaptive to different viewing conditions
Solution Approach 2:
The patent changes the display parameter (number of displayed items) based on the display region size. By monitoring the display region dimensions and adjusting the number of items displayed from multiple to fewer based on the detected size, the system optimizes both viewability and usability for different display conditions
2Ease of operation
If images are reduced in size, then usability in small display regions is improved, but viewability of images is degraded
Solution Approach 1:
The patent segments the display content into different categories and allows selective display of items based on the display region size. By organizing content into categories and enabling selective rendering of only the necessary category items for small displays, the system maintains image quality and viewability while adapting to limited display space
Solution Approach 2:
The patent applies partial action by displaying only a subset of category items when the display region is small, rather than attempting to display all items. This selective display approach ensures that the displayed items maintain adequate size and viewability while still providing sufficient information for the user
3Loss of information
If multiple category items are displayed, then information completeness is improved, but display region utilization is degraded in small screens
Solution Approach 1:
The patent dynamically adjusts the display content based on the detected display region size. When the display region is small, the system automatically reduces the number of displayed category items to optimize display region utilization, while still maintaining information completeness by allowing users to access additional items through interaction
Solution Approach 2:
The patent performs preliminary categorization of content into different categories before display. This pre-organization allows the system to efficiently select and display only the necessary category items for small displays, optimizing display region utilization while preserving the ability to access complete information when needed
Data Source
AI summary
A storage medium stores a program for causing a computer to perform: obtainment of information indicating a size of a size-changeable display region; and control based on the obtained information such that in a case where the display region has a first size, display items that correspond to a first number being plural of contents and are categorized into corresponding categories are displayed in areas corresponding to the categories, respectively, in the display region, and in a case where the display region has a second size smaller than the first size, operation items corresponding to the categories, respectively, are displayed in the display region and a display item corresponding to the content categorized into the category corresponding to a selected operation item is displayed without displaying a display item corresponding to the content categorized into the category corresponding to an unselected operation item.