Dynamic Scrollbar Positioning for Touch Display Visibility
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
On devices with limited display areas, such as smartphones and mobile phones, the scrollbar is often obscured by the user's finger or contacting object when scrolling, making it difficult to determine the scroll position and operate the image display effectively.
Innovation Solution
An image displaying apparatus with a controller that dynamically adjusts the position of the scrollbar based on the user's touch position, displaying it on either side of the screen depending on the virtual line division, ensuring it remains visible and accessible during scrolling operations.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If the scrollbar is displayed on the screen during scrolling operations, then the scroll position can be monitored, but the scrollbar may be obscured by the user's finger or contacting object making it difficult to determine the scroll position
Solution Approach 1:
The scrollbar's display position is made dynamic rather than fixed. The controller detects the touch position and dynamically adjusts the scrollbar's position to be offset from the contact point, ensuring the scrollbar remains visible during scrolling operations regardless of where the user touches the screen.
Solution Approach 2:
The controller acts as an intermediary between the touch input and the scrollbar display. It processes the touch position information and mediates the scrollbar's position accordingly, preventing direct obscuration by the user's finger while maintaining the scrollbar's visibility function.
2Object-affected harmful factors
If the scrollbar is positioned away from the touch area to prevent obscuration, then visibility is improved, but the scrollbar may become less accessible for interaction
Solution Approach 1:
The scrollbar's position is dynamically adjusted based on real-time touch detection. When no touch is detected, the scrollbar can be positioned for optimal accessibility. When touch is detected, it repositions to avoid obscuration, thus adapting to operational context to maintain both visibility and accessibility.
Solution Approach 2:
Different regions of the display are assigned different functions dynamically. The area near the touch point is reserved for user interaction, while the scrollbar is positioned in a different region to ensure visibility. This local differentiation resolves the conflict between accessibility and visibility.
Data Source
AI summary
An image displaying apparatus includes an image display that displays an image, and a controller that determines an image and controls the image display to display the determined image. The image display includes a display that displays all or part of information content as a whole image or a partial image in a predetermined area, and when displaying the partial image, additionally displays a positional image indicating where the partial image is positioned within the whole image, and a position detector that detects the position where a contacting object contacts the display. The controller includes a scroll determining unit that determines whether or not to scroll the displayed partial image according to change in the detected position, and a positional image determining unit that determines where to display the positional image according to the detected position.