Thumbnail Display Gap Widening for Accurate Drag Placement
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing display apparatuses face issues with accurately moving a selected thumbnail image from a sparse region to a dense region due to overlapping images, leading to incorrect movement and recognition challenges.
Innovation Solution
A display method that involves displaying a group of images with both dense and sparse regions, allowing the selection of an image from the sparse region, moving it to a predetermined destination in the dense region, widening the gap between adjacent images, and placing the image in a sparse state, thereby enhancing visibility and accuracy of the movement.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Quantity of substance
If images are densely arranged to display more thumbnails on a single screen, then the quantity of displayed images increases, but the overlapping state makes it difficult to correctly recognize the destination for image movement
Solution Approach 1:
The patent applies local quality by creating different display states (dense state and sparse state) for different regions or contexts within the thumbnail display. When a user initiates a drag operation, the destination region transitions from a dense state (where many thumbnails overlap) to a sparse state (where thumbnails are spaced apart), making the destination clearly recognizable only when needed for the movement operation.
Solution Approach 2:
The patent implements dynamics by making the thumbnail arrangement adaptable and changeable based on user interaction. The display dynamically switches between dense and sparse states: normally displaying thumbnails in a dense state to maximize screen utilization, and temporarily transitioning to a sparse state when a drag operation is detected, thereby resolving the recognition problem only when necessary.
2Difficulty of detecting and measuring
If images are sparsely arranged to improve recognition of image content, then the visibility of individual images improves, but the number of images that can be displayed on a single screen decreases
Solution Approach 1:
The patent makes the thumbnail arrangement dynamic, allowing it to switch between sparse and dense states based on user interaction. During normal display, thumbnails are arranged densely to maximize the number of visible thumbnails. When a drag operation is detected, the system dynamically transitions to a sparse state to improve visibility during the movement process, then returns to the dense state afterward.
Solution Approach 2:
The patent employs periodic action by repeatedly switching between dense and sparse states during drag operations. The sparse state is temporarily activated during the drag operation to facilitate recognition, then the system returns to the dense state, creating a periodic pattern of state changes that balances both visibility and display capacity needs.
3Productivity
If thumbnails are arranged in a dense overlapping state to display more images, then screen space utilization increases, but moving a selected image to a destination in the dense region becomes inaccurate
Solution Approach 1:
The patent applies local quality by creating a sparse state specifically for the destination region during drag operations. While the overall display maintains high density for productivity, the local area where the image will be dropped transitions to a sparse state, ensuring accurate placement without compromising overall screen space utilization during normal operations.
Solution Approach 2:
The patent implements dynamics by making the thumbnail arrangement adaptable based on user interaction. The system maintains a dense arrangement for normal display but dynamically transitions to a sparse arrangement in the destination region when a drag operation is detected, thereby ensuring accurate image movement only when necessary while maintaining high productivity during normal operations.
Data Source
AI summary
A display method according to the present disclosure includes a display step of displaying an image group including a plurality of images and having a dense region where the plurality of images are so densely arranged that the images partially overlap with each other and a sparse region where the arrangement of the images is sparser than in the dense region, a selection step of selecting any of the images located in the sparse region as a selected image, a movement step of moving the selected image to a predetermined destination in the dense region, a wide gap step of converting a dense state at the destination into a sparse state at the destination by widening a gap between the images adjacent to each other at the destination, and a placement step of placing the selected image at the destination having the sparse state.