Thumbnail Image Display Method for Mobile Terminal
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing image display methods on mobile terminal devices make it difficult to intuitively recognize the position to which a thumbnail image has been moved, especially on devices with small screens, as the selected thumbnail image is highlighted before movement but its new position is hard to discern.
Innovation Solution
An image display method that includes displaying a first image, a second image adjacent to it, and a third image along a predetermined axis, where a first display form indicates the image has been moved to a gap between the second and third images upon a specific movement instruction, and a second display form is used for different movement instructions, providing distinct visual feedback.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Difficulty of detecting and measuring
If the selected thumbnail image is highlighted and displayed before being moved in the document, then it is easy to determine which thumbnail image is moved, but it is difficult to intuitively recognize a position to which the thumbnail image has been moved in the document
Solution Approach 1:
The system performs preliminary action by displaying a destination marker at the target position before the actual movement is completed. This allows the user to see where the image will be moved to, while the selected image remains highlighted to maintain identification of what is being moved.
Solution Approach 2:
A destination marker is introduced as an intermediary element between the selected thumbnail image and its final destination. This marker visually indicates the target position without interfering with the highlighting of the selected image, thus resolving the contradiction between identifying the selected image and recognizing the movement position.
2Ease of operation
If the selected thumbnail image is highlighted and displayed before the selected thumbnail image is moved in the document, then it is easy to determine which thumbnail image is moved, but when such an operation is performed in a terminal device that is a mobile terminal or the like and has a small screen, it is very difficult to recognize a position to which a thumbnail image has been moved
Solution Approach 1:
The destination marker is extracted as a separate visual element from the thumbnail image itself. This allows the movement position to be indicated independently on the small display screen without requiring additional space to relocate or resize the selected image, thus maintaining both image identification and position recognition on limited screen real estate.
Data Source
AI summary
An image display method for a terminal device that includes a display section having an input section includes displaying a plurality of images including a first image, a second image adjacent to the first image, and a third image adjacent to the second image along a predetermined axis, receiving selection of the first image based on touch input, performing, when a first movement instruction to move the first image to a gap between the second image and the third image is received, display in a first display form indicating that the first image has been moved to the gap between the second image and the third image, and performing, when a second movement instruction to move the first image to a position different from the gap between the second image and the third image is received, display in a second display form different from the first display form.