Zooming GUI for Small Screen Menu Navigation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Multimedia devices with small screens face challenges in efficiently displaying and managing numerous menus, requiring innovative solutions to enhance user interaction and visual effects.
Innovation Solution
A graphical user interface (GUI) method that utilizes zooming in and out to make menus appear and disappear, prioritizing clarity and visibility by adjusting menu size, transparency, and position on the screen, allowing users to conveniently manipulate and focus on relevant options.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If the number of menus is increased to provide more functions, then the functionality of the multimedia device is improved, but the screen becomes more cluttered and harder to navigate on small screens
Solution Approach 1:
The menu system is divided into multiple pages or layers that can be navigated separately. Instead of displaying all menus simultaneously on a cluttered screen, the interface segments menus into organized groups that can be accessed through pagination or hierarchical navigation, reducing visual overload while maintaining comprehensive functionality.
Solution Approach 2:
The patent introduces a three-dimensional visualization approach where menus are arranged in a 3D space rather than a flat 2D grid. This dimensional transformation allows menus to be organized spatially with depth, angle, and distance variations, enabling more menus to be displayed in an intuitive manner without increasing screen clutter.
2Quantity of substance
If more menus are displayed on the screen, then more functions are accessible, but the visual clarity and focus on individual menu items deteriorates
Solution Approach 1:
Different regions of the display are assigned different visual properties and functional roles. The patent applies varying levels of brightness, transparency, size, and focus to different menu items based on their importance, selection state, or hierarchical level. This local differentiation allows multiple menus to coexist on screen while maintaining visual hierarchy and clarity for each item.
Solution Approach 2:
The patent utilizes variations in color, brightness, and transparency to differentiate menu items and convey their state. By dynamically adjusting visual properties such as opacity, saturation, and luminance based on selection status or functional priority, the interface maintains visual clarity even when displaying numerous menus simultaneously.
3Area of stationary object
If the screen size is kept small for portability, then the device remains compact and portable, but the display area for menus is limited
Solution Approach 1:
The patent implements a nested menu structure where sub-menus are embedded within parent menus, creating a hierarchical organization. This nesting approach allows multiple levels of menu items to be accessed within the constrained screen real estate, effectively increasing the total number of accessible functions without requiring a larger display area.
Solution Approach 2:
The menu interface is designed to be dynamic and adaptable, changing its layout, density, and organization based on user interaction, device state, or available screen space. The system can dynamically adjust menu visibility, resize menu items, or reconfigure the display layout to maximize the use of limited screen area while maintaining accessibility to all functions.
Data Source
Figure 1
Figure 2
Figure 3
AI summary
A graphical user interface (GUI) and a multimedia device using the same. The method for providing a graphical user interface (GUI) includes displaying first GUI items selectable by a user on a screen, removing from the screen at least one of the first GUI items displayed on the screen by zooming in or zooming out, and additionally displaying on the screen at least one second GUI item that was not displayed on the screen by zooming in or zooming out. Accordingly, a GUI to provide more convenient manipulation and better visual effect on a small screen can be provided.