Quick Access Panel for Mobile Web Browsing Efficiency
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Mobile devices with touch screens face inefficiencies in web page browsing due to the need for frequent finger movement, which complicates interaction and reduces browsing efficiency.
Innovation Solution
A quick access panel is generated on a mobile device by acquiring user interface elements with quick access attributes and setting their transparency above a predetermined threshold, allowing for efficient interaction without significantly impacting the user experience.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If a touch screen mobile device is used for web page browsing, then the device portability and modern interface are improved, but the browsing efficiency deteriorates due to frequent finger movement requirements
Solution Approach 1:
The web page elements are segmented into two categories: frequently accessed elements and other elements. Frequently accessed elements are extracted and placed in a quick access panel that remains visible during browsing, while the main web page content remains accessible. This segmentation allows users to access frequent elements without navigating away from the current page context.
Solution Approach 2:
The quick access panel is positioned in a separate spatial dimension (overlaying the web page content) rather than requiring linear navigation through the page. This dimensional separation allows simultaneous access to both the quick access panel and the main web page content without requiring finger movement between different page sections.
2Productivity
If a quick access panel is created for frequent elements, then access efficiency is improved, but the visual complexity and transparency management become more difficult
Solution Approach 1:
The transparency parameter of the quick access panel is dynamically adjusted based on the selected background color. When a light color is selected, transparency is set to a first value; when a dark color is selected, transparency is set to a second value. This parameter change ensures optimal contrast and readability while maintaining a unified visual appearance across different background colors.
Data Source
AI summary
Embodiments of displaying a web page on a mobile device are provided. An aspect includes acquiring user interface elements that have a quick access attribute in the web page. Another aspect includes generating a quick access panel of the user interface elements having the quick access attributes, wherein a visible transparency of the generated quick access panel is not below a predetermined threshold.