Dynamic Chat Window Repositioning for Seamless Webpage Scrolling
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing chat window solutions on enterprise websites often prevent users from scrolling the host website when a virtual keyboard is displayed, leading to jarring flicker effects and accessibility issues, such as the chat window being pushed above the screen view or disappearing below the page.
Innovation Solution
A method and apparatus that dynamically reposition the chat window to allow scrolling with the webpage, maintaining a substantial portion of the webpage visible, and prevent jarring effects by sliding the chat window back to its previous position after scrolling, while accommodating virtual keyboard display and user input.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If the chat window is displayed at a fixed position on the Web page, then the chat window remains accessible to the user, but the user cannot scroll the host Website when the virtual keyboard is displayed
Solution Approach 1:
The chat window transitions from a fixed position to a dynamic position that changes based on user interactions. When the virtual keyboard is displayed, the chat window automatically repositions to accommodate the keyboard while maintaining accessibility. This dynamic behavior allows both chat window access and Web page scrolling to function simultaneously without conflict.
2Ease of operation
If the chat window is moved above the virtual keyboard when text input is provided, then the virtual keyboard can be displayed at the original position, but the chat window may get pushed above the screen view
Solution Approach 1:
The system continuously monitors the position of the chat window relative to the screen boundaries and the virtual keyboard. When the chat window approaches or exceeds screen boundaries, the system automatically adjusts its position to keep it within the visible area while maintaining its functional relationship with the virtual keyboard. This feedback mechanism ensures the chat window remains visible and accessible.
3Ease of operation
If the Web page scrolls to the bottom when the virtual keyboard is displayed, then the user can access the chat window, but the user is taken away from the focal point on the host Website
Solution Approach 1:
Instead of scrolling the entire Web page to accommodate the chat window and virtual keyboard, the solution creates a localized adjustment where only the chat window and keyboard area are repositioned. The rest of the Web page maintains its original scroll position and focal point, allowing users to access chat functionality without losing their place in the content.
4Adaptability or versatility
If the chat window is affixed to the bottom or side portion of the Web page, then the user can scroll the host Website with the chat window open, but the chat window may disappear below the Web page when the user attempts to scroll
Solution Approach 1:
The chat window is positioned dynamically rather than being statically affixed to a specific location. It adapts its position based on the user's scrolling behavior and the presence of the virtual keyboard, ensuring it remains within the visible area of the screen while allowing full Web page scrolling functionality.
Data Source
AI summary
A computer-implemented method and an apparatus facilitate user chat interactions. A chat widget offering chat-based assistance is displayed on one or more Web pages of an enterprise Website. In response to a user selection of the chat widget, a chat window is displayed at a first predetermined position on a Web page. The chat window is repositioned to a second predetermined position in response to a user input indicative of provisioning of a text input. The repositioning of the chat window enables display of a virtual keyboard. The placement of the chat window and the virtual keyboard enables the user to view a substantial portion of the Web page. The chat window is caused to scroll with the Web page in response to a Web page scroll input provided by the user and slide back to a previous position subsequent to completion of a scroll movement of the Web page.