Message Preview Box with Resource Animation for Direct Interaction
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing message notification systems are overly simplistic, using a red dot to indicate new messages without reflecting the specific content, and do not allow for direct operation of new messages, reducing efficiency.
Innovation Solution
A data processing method that displays a message list with a message preview box containing an avatar area and a target area, showing a preview message and a resource animation based on media content, allowing direct execution of message services upon trigger operation.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of manufacture
If a red dot is used to indicate new messages, then the notification is simple and easy to implement, but the notification cannot reflect specific content and cannot highlight important messages
Solution Approach 1:
The message notification is segmented into multiple visual elements: the red dot for basic notification, the message preview text for content information, and the resource animation for content-specific visualization. This segmentation allows each element to serve its specific function while collectively providing comprehensive information.
Solution Approach 2:
The notification transitions from a single-dimensional red dot to a multi-dimensional composite element that includes text information and visual animations. This dimensional expansion enables the notification to convey both basic presence and specific content information simultaneously.
2Device complexity
If a red dot is used for message notification, then the interface remains simple, but no operation can be performed on the new message directly, requiring entry into chat interface
Solution Approach 1:
The resource animation and message preview information are prepared and displayed in advance within the message list, before the user needs to access the full chat. This preliminary presentation allows users to quickly identify and prioritize messages without entering the chat interface first.
Solution Approach 2:
The resource animation serves as an intermediary element between the simple red dot notification and the full message content. It provides actionable visual information that can be interacted with directly, serving as a bridge that reduces the steps needed to access and process the message.
3Ease of operation
If all messages are displayed with the same red dot, then the notification system is uniform and simple, but messages that need focused attention cannot be highlighted
Solution Approach 1:
Different parts of the notification display different qualities of information: the red dot provides uniform notification presence, while the message preview text and resource animation provide differentiated content-specific information. This local differentiation allows important messages to be highlighted through their unique content representation.
Solution Approach 2:
The resource animation introduces dynamic visual elements that can change appearance based on message content and priority. This visual differentiation allows the system to maintain uniform notification structure while enabling precise message prioritization through varied visual cues.
Data Source
AI summary
A data processing method includes displaying, in an application interface, a message list including a message preview box that includes an avatar area and a target area not overlapping the avatar area, displaying, in the message preview box, a preview message generated based on an original interaction message, displaying, in the target area, a resource animation including a virtual image and determined based on media content in the original interaction message and a media format of the media content, and executing, in response to a trigger operation on the resource animation, a message service associated with the original interaction message.