Ring-Based GUI for Compact Screen Usability

Resolve Bottlenecks,
Find Innovative Solutions
Generate 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

VSEngineering 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

Engineering Contradiction:
Improvescreen sizeVSAvoidusability
Core Design Contradiction:
Length of moving objectVSEase of operation

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.

Inventive Principle:
Principle #7Nested doll (Nesting)

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.

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

2Adaptability or versatility

If more functionality is added to the graphical user interface, then device versatility is improved, but interface complexity increases

Engineering Contradiction:
Improvefunctionality accessVSAvoidinterface complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

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.

Inventive Principle:
Principle #1Segmentation

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.

Inventive Principle:
Principle #6Universality (Multi-functionality)

3Area of stationary object

If visual elements are arranged in a compact format, then screen real estate efficiency is improved, but element distinguishability decreases

Engineering Contradiction:
Improvescreen real estateVSAvoidelement distinguishability
Core Design Contradiction:
Area of stationary objectVSDifficulty of detecting and measuring

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.

Inventive Principle:
Principle #4Asymmetry

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.

Inventive Principle:
Principle #3Local quality

Data Source

PatentUS12340065B2Graphical user interface device and method
Publication Date: 2025.06.24 CORE NETWORK LTD
  • US12340065B2 patent drawing
  • US12340065B2 patent drawing
  • US12340065B2 patent drawing

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.