Select character widget graphical user interface for electronic devices

Abstract

1. Name of the product in this design: Graphical User Interface for Selecting Roles in 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. This design is a two-dimensional product; therefore, the left, right, top, bottom, and rear views (1-4) are omitted. 6. Design 1 is designated as the basic design. 7. Human-computer interaction method of graphical user interface: The graphical user interface shown in the main view of Design 1-4 and the various change state diagrams of Design 1-4 are all the selection role segment interfaces displayed in electronic devices. Design 1's main view displays a full-screen playback page, with the "Watch TA" entry at the bottom of the playback control bar in a closed state. Clicking the "Watch TA" entry displays Design 1's changed state diagram 1, showing the video on the left and a "Watch Only TA" overlay on the right, with a list of character options in the center of the "Watch Only TA" overlay. Clicking on a character option as needed displays Design 1's changed state diagram 2 and Design 1's changed state diagram 3 in sequence. Clicking the close button in the upper right corner of the interface displays Design 1's changed state diagram 4, showing a full-screen playback page, with the "Watch TA" entry in an open state, and viewable segments on the progress bar highlighted. Design 2's main view displays a full-screen playback page, with the "Watch TA" entry at the bottom of the playback control bar showing as closed. Clicking the "Watch TA" entry displays Design 2's changed state diagram 1, showing the video on the left and a "Don't Watch TA" overlay on the right, with a list of character options in the middle of the "Don't Watch TA" overlay. Clicking on a character option as needed displays Design 2's changed state diagram 2 and Design 2's changed state diagram 3 in sequence. Clicking the close button in the upper right corner of the interface displays Design 2's changed state diagram 4, showing a full-screen playback page, with the "Watch TA" entry showing as open, and viewable segments on the progress bar highlighted. Design 3's main view displays a full-screen playback page, with the "Watch TA" entry at the bottom of the playback control bar showing as enabled. Clicking the "Watch TA" entry displays Design 3's changed state diagram 1, showing the video on the left and a "Watch Only TA" overlay on the right. Clicking the "Don't Watch TA" button at the top of the "Watch Only TA" overlay displays Design 3's changed state diagram 2, showing a "Don't Watch TA" overlay on the right, with all characters showing as unselected. Clicking one of the character options displays Design 3's changed state diagram 3. Clicking the "Restore Full Video" button in the upper right corner of the interface displays Design 3's changed state diagram 4. Design 4's main view displays a full-screen playback page, with the "Watch TA" entry at the bottom of the playback control bar showing as enabled. Clicking the "Watch TA" entry displays Design 4's changed state diagram 1, showing the video on the left and a "Don't Watch TA" overlay on the right. Clicking the "Watch Only TA" button at the top of the "Don't Watch TA" overlay displays Design 4's changed state diagram 2, showing the "Watch Only TA" overlay on the right with all characters showing as unselected. Clicking one of the character options displays Design 4's changed state diagram 3. Clicking the "Restore Full Video" button in the upper right corner of the interface displays Design 4's changed state diagram 4. The gray areas in the main view of Design 1-4 and the various change state diagrams of Design 1-4 represent the content to be deleted. "XX" indicates text or numbers. In actual use, the interface content displayed in the main view of Design 1-4 and the various change state diagrams of Design 1-4 can be referenced to the corresponding reference diagrams.

Images