Radial UI Layout for Touchscreen Interaction Clarity
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional electronic devices with touch screens face challenges in providing intuitive and clear user interfaces for various user functions, as existing UIs often present items in a list format without clearly representing relationships between items and functions, making it difficult for users to easily and intuitively execute desired functions.
Innovation Solution
A method and electronic device implementation where UIs display items associated with user functions in a radial pattern around an object, allowing users to select and drag items to the object to execute specific functions, with visual effects and animations enhancing the intuitive nature of the interface.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If items are displayed in a list format, then the UI structure is simple and easy to implement, but the relationship between items and user functions is not clearly represented
Solution Approach 1:
The patent transitions from a one-dimensional linear list layout to a two-dimensional radial layout where items are arranged around a central object. This dimensional change allows the central object to serve as a visual anchor that clearly represents the user function, while items positioned radially around it show their relationships through spatial arrangement, thereby improving relationship clarity without excessive complexity
Solution Approach 2:
The patent employs a radial/circular arrangement pattern where items are positioned around the central object in a curved, spherical-like configuration. This curved layout naturally guides user attention from the central function object to surrounding items, creating an intuitive visual hierarchy that clearly represents functional relationships while maintaining aesthetic appeal
2Ease of operation
If a touch screen is used instead of a keyboard or mouse, then the device is more portable and user-friendly, but the input mechanism becomes less precise for complex functions
Solution Approach 1:
The patent segments the user interface into distinct interactive zones: a central object area for primary function selection and surrounding radial item areas for secondary operations. This segmentation allows the touch screen to handle different input precision requirements in different zones, with the central object providing a large, easy-to-hit target for portable device users while maintaining functional precision
Solution Approach 2:
The patent implements preliminary visual organization where items are pre-arranged in a radial pattern around the central object, and visual effects are pre-configured to guide user interaction. This preliminary arrangement reduces the cognitive and physical precision burden on users during actual interaction, making complex functions more accessible on portable touch devices
3Ease of operation
If visual effects and animations are added to enhance intuitiveness, then user interaction becomes more intuitive and engaging, but the energy consumption and processing requirements increase
Solution Approach 1:
The patent applies visual effects and animations selectively rather than universally - using them to highlight important interactions like item selection, drag operations, and function execution, while keeping routine interactions simpler. This partial application maintains intuitiveness for critical user actions while minimizing unnecessary energy consumption from excessive animations throughout the entire interface
Data Source
AI summary
A method for displaying a user interface (UI) in an electronic device having a touch screen is provided. The method receiving an input for executing the UI of a first user function. The method further includes, in response to the input, displaying the UI having an object associated with the first user function and first items associated with the first user function and arranged in a radial pattern around the object, and when an item is selected from the first items and is dragged to the object, executing the first user function in connection with the particular item.