Active Browsing via Prefetching and Mouseover Callouts
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional website search solutions require users to engage in cumbersome and time-consuming interactions to refine search results, leading to a poor user experience and reduced conversion rates, as users often hesitate to seek additional information due to the effort required.
Innovation Solution
The implementation of optimization, prefetching, and caching techniques combined with mouseover callouts in client-side browser applications and server-side website search applications, which provide browsable search result refinements and additional product information without the need for additional clicks, leveraging real-time user analytics to optimize the user interface.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If conventional search results require users to click and navigate to new pages for refinements or additional information, then users can obtain detailed product information, but the user experience becomes cumbersome and time-consuming
Solution Approach 1:
The system performs preliminary actions by prefetching and caching search result data and refinement options before the user actually requests them. When a user performs a search, the system anticipates potential refinement needs and pre-loads the corresponding data in the background, so that when users do need refinements or additional information, it is already available locally without requiring page reloads.
Solution Approach 2:
The invention transitions from traditional multi-page navigation to a single-page application dimension. Instead of moving users through multiple pages (vertical navigation), the system presents refinements and additional information in overlays, side panels, or expanded sections within the same page context, allowing users to explore multiple dimensions of product information without leaving the current view.
2Loss of information
If conventional search requires multiple clicks and page loads for refinements, then comprehensive product details can be accessed, but conversion rates decrease due to poor user experience
Solution Approach 1:
Refinement options and additional product information are pre-loaded and cached before users need them. The system anticipates user needs by prefetching data for potential refinements, so when users interact with refinement options, the information is immediately available without requiring page navigation or waiting for data to load.
Solution Approach 2:
The system introduces an intermediary layer between the user and the search database. This intermediary layer caches search results and refinement data locally in the browser, acting as a mediator that provides rapid access to information without requiring constant server communication. The intermediary handles data retrieval, caching, and presentation, simplifying the user interaction model.
3Reliability
If users must wait for new pages to load after clicking refinements, then updated search results can be displayed, but the back-and-forth navigation reduces conversions
Solution Approach 1:
The system performs preliminary actions by caching multiple potential search result sets and refinement outcomes in advance. Instead of waiting for users to click through refinements sequentially, the system pre-computes and stores various refinement result sets, enabling instant switching between different refined views without page reloads or waiting time.
Solution Approach 2:
The search results interface becomes dynamic and responsive to user interactions in real-time. When users apply refinements or hover over products, the interface dynamically updates the displayed information using cached data, providing a fluid, application-like experience. The system transitions from static page loads to dynamic content updates within the same page context.
Data Source
AI summary
Systems and methods are provided that employ a client side browser application and server side website applications that use optimization, prefetching, and caching of user interactions. These are used in combination with mouseover callouts to provide browsable search result refinements and additional product information. The systems and methods can be applied to site search applications and site-wide navigation and can be integrated with web analytics solutions to optimize the user interface and information provided based on real time end user browsing trends.