Graphical user interface for video shopping demonstration of an electronic device

Abstract

1. Name of the product in this design: Graphical User Interface for Video Shopping Display on 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 picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of Graphical User Interface: A graphical user interface used to guide users in selecting products during video playback. 7. Human-computer interaction method of graphical user interface: Design 1 main view is the product homepage; in the main view of Design 1, the user clicks the "magic box" tool at the bottom and then selects the items in the video in the middle of the interface, resulting in the interface change state diagram 1 of Design 1. Image recognition is performed on the image range selected by the magic box; in the interface change state diagram 1 of Design 1, when the corresponding product is recognized, it will be displayed on the right, resulting in the interface change state diagram 2 of Design 1; clicking "Buy" on the right side of the corresponding product in the interface change state diagram 2 of Design 1 results in the interface change state diagram 3 of Design 1; clicking "Submit Order" in the lower right corner of the interface change state diagram 3 of Design 1 results in the interface change state diagram 4 of Design 1. Design 2's main view is the product homepage. In Design 2's main view, the user clicks the "magic box" tool at the bottom and then selects the items in the video in the middle of the interface, resulting in Design 2's interface change state diagram 1. Image recognition is performed on the selected image area. In Design 2's interface change state diagram 1, when the corresponding product is recognized, it will be displayed on the right, resulting in Design 2's interface change state diagram 2. Clicking the corresponding product image in Design 2's interface change state diagram 2 results in Design 2's interface change state diagram 3, allowing the user to view the product details via a floating zoom-in method. Clicking "Buy" in the lower right corner of Design 2's interface change state diagram 3 results in Design 2's interface change state diagram 4. Clicking "Submit Order" in the lower right corner of Design 2's interface change state diagram 4 results in Design 2's interface change state diagram 5. Design 3's main view is the product homepage. In Design 3's main view, the user clicks the "magic box" tool at the bottom and then selects the items in the video in the middle of the interface, resulting in Design 3's interface change state diagram 1. Image recognition is then performed on the image area selected by the magic box. In Design 3's interface change state diagram 1, once the corresponding product is recognized, it will be displayed on the right, resulting in Design 3's interface change state diagram 2. In Design 3's interface change state diagram 2, dragging the product on the right to the shopping cart icon at the bottom results in Design 3's interface change state diagram 3. Clicking "Buy" on the right side of the corresponding product in Design 3's interface change state diagram 3 results in Design 3's interface change state diagram 4. Clicking "Submit Order" in the lower right corner of Design 3's interface change state diagram 4 results in Design 3's interface change state diagram 5. The "XX" in the interface of the design represents a letter and / or a number and / or a letter and / or a symbol.

Images