Tab Button Focusing Area for Mobile Screen Space
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Mobile terminal applications often suffer from small screen space constraints, leading to poorly designed tab buttons that are difficult to click accurately due to their small size, resulting in user errors and inefficiencies.
Innovation Solution
Implementing a focusing area on the screen to detect and utilize tab buttons that have slid within it, allowing for improved accuracy in selection and convenience by modifying coordinates and transparency of tab buttons to optimize screen space usage.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Area of stationary object
If tab buttons are designed in small sizes to reserve more screen space, then screen space utilization is improved, but user clicking accuracy deteriorates
Solution Approach 1:
The tab button bar is segmented into multiple individual tab buttons, each capable of being independently focused and selected. This allows the system to treat each tab button as a separate selectable unit, enabling accurate selection through focus management rather than relying solely on visual size for click accuracy.
Solution Approach 2:
A focusing mechanism is introduced as an intermediary between the user and tab button selection. The focus indicator (such as an underline or highlight) acts as a mediator that clearly shows which tab button is currently selected, replacing the need for large clickable areas with a precise focus-based selection system.
2Adaptability or versatility
If multiple tab buttons are displayed in a tab button bar, then functionality is improved, but screen space consumption increases
Solution Approach 1:
The tab button bar is transformed from a static horizontal arrangement occupying significant screen width into a more space-efficient layout. Tabs can be arranged vertically or wrapped to multiple lines, utilizing the vertical dimension of the screen to reduce horizontal space consumption while maintaining all tab functionalities.
Solution Approach 2:
The tab button bar becomes dynamic in its display behavior. Tabs that are not currently relevant or frequently used can be automatically hidden or collapsed, while only the active or frequently accessed tabs remain visible. This dynamic adjustment allows the interface to adapt to user behavior patterns, maintaining functionality while optimizing screen space usage.
Data Source
AI summary
The present disclosure provides an example method and system for managing tab buttons. A tab sliding bar including multiple tab buttons is established. A focusing area is set up at a display area. When the tab sliding bar is slid, information of a tab button among the multiple tab buttons that has fallen within the focusing area is obtained. The information of the tab button that has fallen within the focusing area is used as input information at a page. The page is displayed according to the input information.