Dynamic UI Handle for Mobile Content Selection Clutter
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Limited screen real estate and input devices on mobile computing devices make it challenging for users to perform common interactions, such as selecting content in spreadsheets or tables, due to cluttered displays and difficulty in navigating options.
Innovation Solution
A single user interface (UI) handle element is displayed near the selected content, which can be used to adjust the selection, with additional UI handle elements appearing only when the selection is changed, keeping the display uncluttered and allowing users to easily modify their selections.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If multiple UI handle elements are displayed initially for content selection, then the user can access more selection options, but the display becomes cluttered and harder to navigate on limited screen real estate
Solution Approach 1:
The UI handle elements are displayed dynamically based on user interaction state. Initially, only a single handle element is shown to maintain a clean display. When the user activates selection mode (e.g., by long-pressing content), additional handle elements are revealed to provide more selection options. This dynamic appearance and disappearance of interface elements resolves the contradiction between providing versatile selection options and maintaining ease of operation on limited screen space.
Solution Approach 2:
Additional UI handle elements are extracted from the initial interface view and only displayed when needed. The system separates the basic single-point selection functionality (always available) from the extended multi-point selection functionality (available upon user request). This extraction principle allows the interface to remain uncluttered while still providing access to comprehensive selection capabilities when users need them.
2Ease of operation
If multiple UI handle elements are displayed simultaneously, then users have more control over content selection, but the interface complexity increases on mobile devices
Solution Approach 1:
The interface complexity is managed dynamically by showing only the necessary number of handle elements at any given time. When selection mode is not active, a single simple handle is displayed. When selection mode is activated, additional handle elements are introduced to provide more control. This dynamic adjustment of interface complexity resolves the contradiction between providing comprehensive selection control and maintaining interface simplicity on mobile devices.
3Ease of operation
If a single UI handle element is displayed, then the display remains uncluttered, but users have limited ability to modify their selection
Solution Approach 1:
The system prepares additional UI handle elements in advance but keeps them hidden until the user activates selection mode. The single initially displayed handle element serves as a preliminary interface that, when interacted with (e.g., through long-press or tap), triggers the revelation of additional handles. This preliminary action principle allows the display to remain clear while still enabling comprehensive selection modification capabilities when needed.
Data Source
Figure 1
Figure 2
Figure 3A
AI summary
A single user interface (UI) handle element is displayed in response to a selection of content. For example, in response to selecting a piece of content (e.g. cell, word, item...),the single UI handle element is displayed near the selection of the content (e.g. near a corner of the selected content). The display of the single UI handle element assists in keeping the display uncluttered as opposed to initially displaying more user interface elements with a content selection. In response to an indication to expand the selection, one or more additional UI handle elements may be displayed to assist the user in changing the selection of content (e.g. an additional handle displayed near another corner of the selection).