Floating Thumbnail Photo Preview Interface
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional photo preview methods in photography interfaces utilize small, static thumbnails, which limit the visibility of photo quality and require users to tap the thumbnail to view details, leading to poor preview effects and increased operation complexity.
Innovation Solution
A photo preview method that displays a floating thumbnail with a larger size and dynamic floating effect after photographing, allowing users to perform tapping and sliding operations directly on the thumbnail to preview, share, or delete photos without leaving the photography interface.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Area of moving object
If a small stationary thumbnail is displayed in the photographing interface, then the interface layout is simple and stable, but the display area is small and photo quality assessment is difficult
Solution Approach 1:
The thumbnail is transformed from a stationary state to a floating dynamic state. After photographing, the thumbnail floats upward from the bottom corner to the center of the screen with animation effects, allowing users to interact with it by sliding or tapping. This dynamic behavior increases the display area and makes photo quality assessment easier while maintaining interface simplicity.
2Ease of operation
If a small stationary thumbnail is displayed, then the interface structure is simple, but the preview effect is poor and operation complexity increases
Solution Approach 1:
Multiple photo operations (preview, share, delete, favorite) are merged into a single floating thumbnail interaction. Users can perform all these operations by sliding or tapping the floating thumbnail without leaving the photographing interface, simplifying the operation process while the interface temporarily displays the floating thumbnail during interaction.
Solution Approach 2:
The floating thumbnail serves as an intermediary element between the photographing interface and various photo operations. It provides a centralized interaction point that mediates between the user and multiple functions (preview, share, delete, favorite), making operations more convenient while maintaining interface structure integrity.
3Loss of information
If a floating thumbnail with larger size is displayed, then the photo preview effect is improved and operations can be performed directly, but the interface layout becomes more complex
Solution Approach 1:
The thumbnail dynamically changes its position and size. It starts as a small thumbnail in the bottom corner, then floats upward and enlarges to a larger display area in the center of the screen. This dynamic transformation allows the interface to maintain simplicity in normal state while providing enhanced preview capability when needed.
Solution Approach 2:
The floating thumbnail is displayed periodically after photographing actions. It appears temporarily to allow user interaction, then returns to or is replaced by the standard interface layout. This periodic display maintains interface simplicity while providing enhanced functionality when required.
Data Source
AI summary
This application discloses a photo preview method, an electronic device, and a storage medium. The photo preview method includes: obtaining a photographing instruction, and taking a first photo according to the photographing instruction; displaying a floating thumbnail of the first photo in a photographing interface based on the first photo, the floating thumbnail having a floating effect; and scaling down the floating thumbnail to a stationary thumbnail if no image operation instruction is obtained in a display region of the floating thumbnail within a preset time period, or performing an operation on the floating thumbnail according to the image operation instruction if the image operation instruction is obtained in the display region of the floating thumbnail within the preset time period. According to the photo preview method, a photo preview effect can be significantly improved.