DOM Search Result Display Using Relevant Content Highlighting
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Users face challenges in efficiently viewing keyword search results on web pages due to the prominence of irrelevant content, requiring significant scrolling and manual hiding of non-relevant elements, which is time-consuming and error-prone.
Innovation Solution
A method that identifies relevant and irrelevant DOM elements based on preferences, modifying their styles to emphasize relevant content and hide or de-emphasize irrelevant content, thereby reducing the need for extensive scrolling and manual intervention.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If all matching terms on the webpage are highlighted to ensure complete search results are displayed, then the completeness of search results is improved, but the user's ability to focus on relevant information deteriorates due to irrelevant content being displayed with the same prominence
Solution Approach 1:
The patent applies local quality by differentiating the display characteristics of relevant content versus irrelevant content. Relevant DOM elements (those containing or related to search keywords) are highlighted with distinctive visual styles, while unrelated DOM elements are displayed with standard or diminished styles. This allows the system to maintain completeness of search results while enabling users to easily distinguish and focus on relevant information through localized visual differentiation.
2Loss of information
If all content on the webpage is displayed to ensure complete search results are visible, then the completeness of search results is improved, but the amount of scrolling required increases significantly
Solution Approach 1:
The patent extracts and isolates relevant content from the overall webpage by identifying DOM elements that are related to search keywords and presenting them in a condensed format. By extracting only the necessary information (elements containing keywords or related to them) and separating them from unrelated content, the system reduces the total display area required, thereby minimizing scrolling while maintaining completeness of search results.
3Loss of information
If irrelevant content is displayed alongside relevant content to provide complete webpage context, then the completeness of webpage context is improved, but the prominence of relevant content deteriorates
Solution Approach 1:
The patent utilizes color changes and visual style modifications to differentiate relevant content from irrelevant content. DOM elements containing search keywords or related to them are highlighted with distinct visual characteristics (such as background colors, text colors, or border styles), while unrelated elements are displayed with standard or subdued styles. This visual differentiation maintains the completeness of webpage context by displaying all content, while simultaneously enhancing the prominence and measurability of relevant content through distinctive visual attributes.
Data Source
AI summary
An approach is provided for managing a display of a keyword search result. First Document Object Model (DOM) element(s) in a DOM of a web page are identified as specifying first content that is relevant to the keyword. Second DOM element(s) in the DOM are identified as specifying second content that is irrelevant to the keyword. The display of the result of the search is generated to include the first content and paragraph(s) for viewing according to modified first attribute(s). The paragraph(s) had been hidden previously in a prior display of the web page. The display hides from view the second content according to modified second attribute(s).