Dynamic graphical user interface for volume control in electronic devices

Abstract

1. Name of the product in this design: Dynamic graphical user interface for volume control of electronic device. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. Images or photos that best illustrate the design points: Design 1 Interface change state diagram 2. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The interface is used to manually adjust the volume bar displayed on the side of the device according to user operations, and to display the dynamic changes of the volume bar during the adjustment process. 7. Human-computer interaction method of graphical user interface: In Design 1 and Design 3, the main view is the main interface displayed by the electronic device. When the user slides the volume bar on the side of the interface upward in the main view, the interface automatically switches to interface change state diagram 1, interface change state diagram 2, interface change state diagram 3 and interface change state diagram 4 in sequence; among them, the gray area of ​​the desktop background is used to display the content screen. In Design 2, the main view is the main interface displayed by the electronic device. When the user clicks on a part other than the volume bar in the main view, the interface automatically switches to interface change state diagram 1 and interface change state diagram 2 in sequence. The gray area of ​​the desktop background is used to display the content screen. In Designs 4 and 5, the main view is the main interface displayed by the electronic device. Users can control the playback volume of the device by sliding the volume bar upwards on the interface in the main view. Users can also change the display position of the volume bar or volume bar panel by dragging the area where the volume bar is located in the main view. The gray area of ​​the desktop background is used to display content.

Images