Ring-Based GUI for Compact Screen Usability
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing graphical user interfaces face challenges in providing enhanced user-machine interaction, particularly on new device form factors like smaller screens for mobile devices, which require improved usability and functionality access.
Innovation Solution
A computer-implemented method and electronic device with a graphical user interface that displays visual objects with multiple elements in rings, allowing user input to navigate and control access to device functionality by rotating and rearranging visual elements within the interface.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Length of moving object
If traditional graphical user interfaces are used on smaller mobile device screens, then device portability is improved, but usability and functionality access become more difficult
Solution Approach 1:
The patent implements nested visual objects where inner visual objects are displayed within outer visual objects, and visual elements are arranged in concentric rings. This nesting structure allows multiple levels of functionality to be accessed within a compact screen real estate, enabling users to navigate through hierarchical menus and controls without requiring a large display area. The nested arrangement provides intuitive access to frequently used functions while keeping the overall interface compact for mobile devices.
Solution Approach 2:
The patent transitions from traditional two-dimensional grid-based interface layouts to a radial dimensional arrangement where visual elements are positioned in concentric rings around a central point. This dimensional change allows for compact organization of multiple controls and functions in a space-efficient manner, improving usability on small screens by providing intuitive radial navigation patterns that are easy to understand and interact with on mobile devices.
2Adaptability or versatility
If more functionality is added to the graphical user interface, then device versatility is improved, but interface complexity increases
Solution Approach 1:
The patent segments the graphical user interface into distinct visual objects, each containing multiple visual elements arranged in concentric rings. Each visual object represents a functional category or control group, allowing users to access specific functionality by interacting with relevant visual objects. This segmentation organizes multiple functions into manageable groups, improving versatility while maintaining interface clarity and reducing perceived complexity through structured categorization.
Solution Approach 2:
The patent creates a universal visual element structure where concentric rings can accommodate multiple types of visual elements (buttons, sliders, indicators, etc.) that serve different functions within the same spatial framework. This multi-functionality approach allows a single interface structure to support diverse controls and operations, enhancing device versatility without requiring separate interface designs for different functionality types.
3Area of stationary object
If visual elements are arranged in a compact format, then screen real estate efficiency is improved, but element distinguishability decreases
Solution Approach 1:
The patent employs asymmetric radial spacing and varying ring radii to create distinct visual zones for different visual elements. By using asymmetric positioning and non-uniform spacing between concentric rings, the interface achieves compact element arrangement while maintaining clear visual differentiation. This asymmetric design ensures that even in compact formats, each visual element remains distinguishable through its unique positional characteristics and visual properties.
Solution Approach 2:
The patent applies different visual qualities and properties to visual elements at different radial positions and within different rings. Each visual element is styled with appropriate local characteristics (different colors, shapes, sizes, or interaction modes) that make it distinguishable from other elements. This local quality differentiation ensures that compact arrangement does not compromise element识别ability, as each element maintains unique visual characteristics that facilitate user interaction on space-constrained screens.
Data Source
AI summary
The present invention relates to a computer-implemented of controlling an electronic device with a display and a user input. The method includes the steps of: displaying a first visual object within a graphical user interface; wherein the first visual object comprises a plurality of first visual elements, and wherein the first visual elements are displayed in a first visual state in a ring within the graphical user interface; detecting a first user input event at one of the first visual elements; in response to the first user input event, displaying a second visual object within the graphical user interface; wherein the second visual object comprises a plurality of second visual elements, and wherein the second visual elements are displayed in a ring surrounding the first visual object within the graphical user interface; detecting a second user input event at one of the second visual elements; and, in response to the second user input event, controlling the electronic device to access functionality associated with the second visual element. An electronic device and a computer program are also disclosed.


