Graphical User Interface for Live Streaming Gradient Gifts on Electronic Devices

Abstract

1. Name of the product in this design: Graphical User Interface for Gradient Gifts in Live Streaming Rooms for Electronic Devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The image or photograph that best illustrates the key design points: Design 1, Change State Diagram 2. 5. Design 1 is designated as the basic design. 6. Human-computer interaction method of graphical user interface: The graphical user interface shown in the main view of Design 1-2 and the various change state diagrams of Design 1-2 are all the live broadcast room gradient gift interface displayed on electronic devices. Design 1's main view displays the live stream page. The top of the interface shows the live video feed, and the bottom right displays a gift-giving button. Clicking the gift-giving button displays Design 1's changed state diagram 1. The top of the interface shows the live video feed, and the bottom displays the gift-giving panel. Gifts that can be upgraded have an upgrade indicator in the upper right corner. Clicking a gift icon with an upgrade indicator displays Design 1's changed state diagram 2. The top of the interface shows the live video feed, the middle displays the tiered gift activity entrance, and the bottom displays the gift-giving panel. The selected gift icon in the gift-giving panel has an upgrade indicator in the upper right corner, and the gift price is displayed below the gift icon. A "give" button is displayed below the gift price. Clicking the "give" button displays Design 1's changed state diagram 3. The gift-giving panel at the bottom of the interface changes to a gift effect. If the next level is not unlocked, a banner showing the number of gifts required to upgrade the gift to the next level is displayed below the gift effect. If the next level is unlocked, a banner congratulating the unlocking of the next level is displayed below the gift effect. Design 2's main view displays the live stream page, with the live video feed at the top and a gift-giving button at the bottom right. Clicking the gift-giving button displays Design 2's status change diagram 1, showing the live video feed at the top and the gift-giving panel at the bottom. Gifts with upgrade icons have an upgrade indicator in the upper right corner. Clicking a gift icon with an upgrade indicator displays Design 2's status change diagram 2, showing the live video feed at the top, the tiered gift activity entry in the middle, and the gift-giving panel at the bottom. When the ultimate effect is not unlocked, the tiered gift activity entry displays a thumbnail of the next level's animation effect to the left, with a lock icon in the upper right corner. The tiered gift activity entry also displays the next... The system displays the unlocking conditions for each level and the current level information. The right side shows the entry to the advanced encyclopedia. When the ultimate effect has been unlocked, the left side of the tiered gift activity entry displays a thumbnail of the ultimate animation effect, the middle displays "Congratulations on unlocking the ultimate effect" and the current level information, and the right side shows the entry to the advanced encyclopedia. Clicking the advanced encyclopedia entry displays Design 2 Change Status Diagram 3. The upper part of the interface displays the live video screen, and the lower part displays the advanced encyclopedia overlay. The upper part of the advanced encyclopedia overlay displays the current level information of the selected gift, the middle displays the animation thumbnails of all levels of the selected gift, the corresponding level is displayed below the animation thumbnails, the unlocking conditions are displayed below the corresponding level, and the current indicator is displayed in the upper right corner of the animation thumbnail of the current level of the selected gift. The gray areas in the main view of Design 1-2 and the various change state diagrams of Design 1-2 represent the content to be deleted. "XX" represents text or numbers. In actual use, the interface content displayed in the main view of Design 1-2 and the various change state diagrams of Design 1-2 can be referenced to the respective reference diagrams.

Images