Function capsule opening dynamic graphical user interface for electronic devices

Abstract

1. Name of the product in this design: Functional capsule of electronic device with dynamic graphical user interface. 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 open the function control capsules in the control center according to the user's swipe operation, and to display the dynamic changes of the function capsules at different opening levels according to the position of the user's finger swipe. 7. Human-computer interaction method of graphical user interface: In Design 1, the main view is the main interface displayed by the electronic device. When the user slides the volume control capsule to the right in the main view, the interface 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 releases the volume control capsule that has been pressed and held 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 Design 3, the main view is the main interface displayed by the electronic device. When the user slides the brightness control capsule to the right in the main view, the interface switches sequentially to interface change state diagram 1, interface change state diagram 2, interface change state diagram 3 and interface change state diagram 4; among them, the gray area of ​​the desktop background is used to display the content screen. In Design 4, the main view is the main interface displayed by the electronic device. When the user releases the brightness control capsule pressed 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 5 to 7, the main view is the main interface displayed by the electronic device. Users can adjust and amplify the current playback volume by sliding the volume control capsule to the right in the main view. The gray area of ​​the desktop background is used to display content. In Designs 8 to 10, the main view is the main interface displayed by the electronic device. Users can adjust and enlarge the current display brightness by sliding the brightness control capsule to the right in the main view. The gray area of ​​the desktop background is used to display content.

Images