Fibonacci Rectangle GUI for Maximizing Display Space
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current graphical user interfaces (GUIs) are limited by their text-based nature, leading to issues such as eye strain, poor navigability, and inefficient information display, which can be addressed by transitioning to an image-based interface that leverages the full perceptual potential of the human eye.
Innovation Solution
A computer program product employing a Fibonacci Rectangle (FR) ratio for primary page media display to generate human interface (HI) elements, including menu pages and gallery viewers, which maximizes screen space and allows for seamless navigation and printing, using a Golden Container Page (GCP) and iFrames for smooth page loading and full-screen functionality.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If text-based GUI models are used, then language-dependent navigation is achieved, but information density and visual comprehension speed are limited
Solution Approach 1:
The patent replaces text-based navigation (mechanical system of reading and processing language) with image-based visual interface that leverages the human eye's natural perceptual fields. This substitution allows simultaneous presentation of multiple information layers through visual metaphors, dramatically increasing information density while maintaining ease of comprehension through intuitive visual relationships rather than text processing
Solution Approach 2:
The patent transitions from two-dimensional text display to multi-dimensional visual representation by utilizing the eye's three perceptual fields (text at 10 degrees, shape at 30 degrees, color at 60 degrees). This dimensional expansion allows information to be presented in parallel visual layers rather than sequential text, increasing information density while maintaining rapid comprehension through simultaneous visual processing
2Area of stationary object
If browser headers and navigation bars are included, then navigation controls are available, but display space is reduced
Solution Approach 1:
The patent merges navigation functionality directly into the visual metaphor structure itself. Rather than separate navigation bars, the visual metaphors are designed so that navigation paths are inherent to the visual relationships presented. This integration eliminates the need for dedicated navigation space while maintaining ease of operation through intuitive visual guidance
Solution Approach 2:
The visual interface is designed to be self-navigating through its structure. The visual metaphors naturally guide user attention and interaction paths without requiring separate control mechanisms. The layout and visual relationships automatically serve the navigation function, eliminating the need for traditional browser headers and navigation bars
3Loss of time
If multiple pages are used for content display, then information organization is achieved, but loading time and user engagement are reduced
Solution Approach 1:
The patent implements preliminary loading of all visual metaphor elements and associated content in the background before user interaction begins. This allows the interface to present a complete, interactive visual model immediately without sequential page loading delays, significantly reducing perceived load time while maintaining comprehensive information organization through the visual metaphor structure
4Area of stationary object
If standard aspect ratios are used, then device compatibility is achieved, but screen space utilization is suboptimal
Solution Approach 1:
The patent employs dynamic aspect ratios that adapt to the visual metaphor content rather than fixed standard ratios. The display dimensions are optimized for each specific visual model, maximizing screen space utilization while maintaining device compatibility through responsive scaling and flexible layout adjustments that preserve the integrity of the visual metaphors across different devices
Data Source
AI summary
The embodiments described herein generally relate to computer program products or application instructions systematically employing various hybrid versions of a Fibonacci Rectangle with an approximate ratio of 1.6 to 1. to generate GUI elements including menu pages configured to display a number of menu squares or rectangles, each including distinct menus or nested menu boxes with corresponding selectable actions and which may display one or more media types and may contain a potential link to another inter-domain or intra-domain application window. The system is configured to maximize the amount of space that a web page content can be displayed in. Web menu pages and gallery viewers may include menu boxes, nested images, media assets, or pages. Media asset types may include images, third-party or outside web application APIs, videos, rendered HTML or other code, or the like.