Touchscreen Web Element Highlighting Logic
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing web page highlighting techniques on touchscreen displays often result in superfluous highlighting, which can lead to an unpleasant user experience due to the highlighting of entire elements instead of specific regions, especially when dealing with complex or large elements.
Innovation Solution
The proposed solution involves determining whether to highlight and how to highlight a touched web page element based on its type, size, complexity, and assigned event handlers, such as highlighting a region around a touch location for image map elements and not highlighting elements that exceed size and complexity thresholds.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Measurement precision
If the entire touched element is highlighted, then the user receives visual feedback about element selection, but superfluous highlighting occurs that degrades user experience
Solution Approach 1:
The patent segments the touched element into a specific region around the touch location and the rest of the element. Instead of highlighting the entire element, it identifies and highlights only the specific region where the user touched, thereby eliminating superfluous highlighting while maintaining precise visual feedback about element selection.
Solution Approach 2:
The patent applies local quality by differentiating the highlighting behavior based on the specific characteristics of the touched element. For image map elements, it highlights only the region around the touch location rather than the entire image. This localized approach provides precise feedback while avoiding unnecessary highlighting of other parts of the element.
2Reliability
If large and complex elements are highlighted, then complete element feedback is provided, but the highlighting becomes superfluous and unpleasant
Solution Approach 1:
The patent applies partial action by highlighting only the necessary region around the touch location rather than the entire element. This partial highlighting provides sufficient feedback to confirm element selection without the excessive highlighting of large and complex elements, thereby improving user experience while maintaining reliable feedback.
Data Source
AI summary
Methods for highlighting tappable web page elements in response to a touch detect a touch to a touchscreen display, determine that a touched element displayed at the touch location, and determine whether and how the touched element is to be highlighted. Highlighting can be based on various touched element properties. In one embodiment, if a touched element is not tappable, the element is not highlighted. If the touched element is editable, the element is highlighted. A region around the touch location is highlighted if the touched element is an image map or SVG element and a portion of the element at the touch location is tappable. A touched element is also highlighted if the element has an inline display style or is a highlight element type. The touched element is not highlighted if its size and complexity exceed size and complexity thresholds.