Operation area of ​​a graphical user interface with expanded shortcut buttons for electronic devices

Abstract

1. The name of the product of this design: an operating area of ​​a graphical user interface for expanding shortcut buttons of an electronic device. 2. Purpose of the product of this design: an electronic device. 3. The key design features of this design product lie in the solid-line content of the graphical user interface; the dotted-line content does not constitute part of the design for which protection is sought. 4. The picture or photo that best illustrates the key points of the design: Figure 4 showing the interface change states of Design 1. 5. Designate Design 1 as the base design. 6.Purpose of the graphical user interface: used to expand quick operation buttons in a circular manner. The local purpose that needs to be protected is the same as the overall purpose. 7. Human-computer interaction method of graphical user interface: In Design 1, when the user clicks the "right button" in the main view interface of Design 1, the control is selected, and the interface changes from the main view of Design 1 to the interface change state of Design 1 are presented in Figure 1. When the user clicks and releases the button, the "right button" expands in a ring shape from the right to the lower left, presenting the interface changes from Design 1 interface change state diagram 1 to Design 1 interface change state diagram 2. As more space is expanded downward on the ring, more shortcut buttons are displayed, presenting an interface change from Design 1 interface change state diagram 2 to Design 1 interface change state diagram 3. When the ring is expanded to the bottom, multiple shortcut buttons are displayed, presenting the interface changes from Design 1 interface change state diagram 3 to Design 1 interface change state diagram 4. When the user clicks the "Copy" control on the ring of Design 1 Interface Change State Diagram 4, the control is selected, and the interface changes from Design 1 Interface Change State Diagram 4 to Design 1 Interface Change State Diagram 5 are presented. When the user releases his hand, the ring retracts from the left to the right, presenting the interface changes from Design 1 interface change state diagram 5 to Design 1 interface change state diagram 6. As more space is folded upward on the ring, fewer shortcut buttons are displayed, presenting an interface change from Design 1 interface change state diagram 6 to Design 1 interface change state diagram 7. When the ring is collapsed to the initial state, the interface displays a prompt message of "Copied", presenting the interface changes from Design 1 interface change state diagram 7 to Design 1 interface change state diagram 8. The human-computer interaction description of Design 2 is the same as that of Design 1.

Images