Operating area for brightness and volume adjustment interactive graphical user interface for electronic devices

Abstract

1. Name of the product in this design: Operation area of ​​an interactive graphical user interface for adjusting brightness and volume in electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts in the graphical user interface, and the parts not marked with dotted lines are the parts for which protection is required. 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 the graphical user interface: used to adjust screen brightness and video volume; the local purpose requiring protection is the same as the overall purpose. 7. Human-computer interaction method of graphical user interface: In Design 1, the main view interface of Design 1 is in a state where the video is paused. Users can click the "Brightness" / "Volume" controls in the main view interface of Design 1 to adjust the screen brightness or video volume. In Design 2, the main view interface is in a state where the video is paused. Users can slide up and down the brightness and volume sliders on the left and right sides of the main view interface to adjust the screen brightness or video volume. In Design 3, when the user clicks on a blank area in the Design 3 main view interface to pause video playback, "brightness" and "volume" adjustment controls are displayed on the left and right sides of the interface, showing the interface changes from the Design 3 main view to the Design 3 interface state diagram. The human-computer interaction descriptions for Designs 4 through 6 are the same as those for Design 3. In Design 7, when a user clicks on a blank area in the Design 7 main view interface to pause video playback, "brightness" and "volume" adjustment controls are displayed on the left and right sides of the interface, showing the interface changes from the Design 7 main view to the Design 7 interface state diagram 1. When a user clicks the "Brightness" control on the left side of Design 7 Interface Change State Diagram 1, the brightness adjustment slider can be expanded to adjust the screen brightness, showing the interface changes from Design 7 Interface Change State Diagram 1 to Design 7 Interface Change State Diagram 2. The human-computer interaction description for Design 8 is the same as that for Design 7. In Design 9, when a user clicks on a blank area in the Design 9 main view interface to pause video playback, "brightness" and "volume" adjustment controls are displayed on the left and right sides of the interface, showing the interface changes from the Design 9 main view to the Design 9 interface state diagram 1. When the user slides down the "Brightness" slider on the left side of Design 9 Interface Change State Diagram 1, the screen brightness will decrease, showing the interface changes from Design 9 Interface Change State Diagram 1 to Design 9 Interface Change State Diagram 2. In the design 10, when the user clicks the blank area in the main view interface of the design 10 to pause the playing video, the interface left and right sides display the "brightness" and "volume" adjustment controls, and the design 10 main view presents the interface change of the design 10 interface change state diagram 1. When the user slides the "volume" slider on the right side of the design 10 interface change state diagram 1 upwards, the video volume can be increased, and the design 10 interface change state diagram 1 presents the interface change to the design 10 interface change state diagram 2.

Images