Browser UI Element Placement Based on Navigation Input
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Content delivery systems often fail to effectively place user interface elements in areas where users tend to hover their input devices, leading to reduced interaction and engagement due to the inability to customize network pages based on user behavior.
Innovation Solution
The system tracks navigation input data to identify high-value areas on a browser window where users tend to idle their pointers and adjusts the placement of user interface elements accordingly, using embedded code to analyze and adapt the placement of elements over time.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If user interface elements are placed in standard locations on network pages, then the layout is simple and consistent, but user interaction decreases because elements are located away from where users tend to hover their input devices
Solution Approach 1:
The system performs preliminary tracking of user input device movement to identify high-value areas before finalizing the placement of user interface elements. By analyzing navigation input data in advance and determining where users tend to idle their pointers, the system pre-positiones elements in optimal locations to maximize interaction probability.
Solution Approach 2:
The placement of user interface elements transitions from static standard locations to dynamic positions based on real-time or historical user behavior data. The system continuously adapts element placement by analyzing navigation input data and adjusting high-value area identification, making the interface layout responsive to user interaction patterns.
2Productivity
If the system tracks and analyzes navigation input data to identify high-value areas, then user interaction increases, but the system complexity and processing requirements increase
Solution Approach 1:
The tracking system serves multiple functions: it monitors user navigation behavior, identifies high-value areas for element placement, and provides data for continuous optimization. By making the tracking infrastructure multi-functional, the system reduces the need for separate dedicated components for each function, thereby managing complexity while enhancing productivity.
Solution Approach 2:
The system uses its own tracking data to automatically optimize element placement without requiring external intervention or manual configuration. By analyzing its own navigation input data and autonomously determining high-value areas, the system reduces the need for additional external tools or services, managing complexity through self-sufficiency.
Data Source
AI summary
Disclosed are various embodiments for placing user interface elements in a network page. A first network page is generated with client side code embedded therein that can track navigation input data associated with the user. The navigation input data can be interpreted to determine whether the user has a tendency to idle an input device in a particular area of the network page or exhibit any other behavior that allows a high value area to be identified.