Option display floating window for beauty interactive graphical user interface of electronic device

Abstract

1. The name of the product of this design: A floating window for displaying options of a beauty interactive graphical user interface for electronic devices. 2. Purpose of the product of this design: an electronic device. 3. The key points of the design of this design product are the parts in the graphical user interface, and the parts outside the dotted lines are the parts that require protection. 4. The picture or photo that best illustrates the key points of the design: Design 3 main view. 5. Designate Design 3 as the base design. 6.Purpose of the graphical user interface: used for beauty interaction. The local purpose that needs to be protected is used to display beauty options, viewing methods and parameter adjustment methods. 7. Human-computer interaction method of graphical user interface: In Design 1, the main view of Design 1 is the interface without selecting any beauty option. Users can click on any option in the upper two rows of the floating window in the main view interface of Design 1 to view the beauty option list corresponding to the option, or click on any beauty option in the floating window to preview the beauty effect and adjust the beauty parameters. Users can also view more options by swiping left or right on the beauty option in the floating window. The human-computer interaction description of Design 2 is the same as that of Design 1. In Design 3, the main view of Design 3 is an interface for selecting the beauty option with sub-options. Users can click on any option in the upper two rows of the floating window in the main view interface of Design 3 to view the beauty option list corresponding to the option, or click on any beauty option in the floating window to preview the beauty effect. Users can also adjust the beauty parameters of the selected beauty option by swiping left or right on the slider above the floating window, or they can view more options by swiping left or right on the beauty option in the floating window. Users can also click on the beauty option with expanded sub-options in the interface floating window to collapse the expanded sub-option content to the left at the current position of the beauty option. In Design 4, the main view of Design 4 is an interface for selecting the beauty option without sub-options. Users can click on any option in the upper two rows of the floating window in the main view interface of Design 4 to view the beauty option list corresponding to the option, or click on any beauty option in the floating window to preview the beauty effect. Users can also adjust the beauty parameters of the selected beauty option by swiping left or right on the slider above the floating window, or they can view more options by swiping left or right on the beauty option in the floating window. In Design 5, the main view of Design 5 is an interface in which no beauty option is selected. When the user clicks on any beauty option in the floating window of the Design 5 main view interface, and the beauty option contains sub-options, the beauty option will expand to the right at the current position to display the sub-option content, and the first sub-option will be selected by default. A parameter adjustment slider will be displayed above the floating window, presenting the interface changes from the Design 5 main view to the Design 5 interface change status diagram. In Design 6, the main view of Design 6 is an interface for selecting the beauty option with sub-options. When the user clicks on the beauty option with expanded sub-option content in the floating window of the Design 6 main view interface, the beauty option will collapse the expanded sub-option content to the left at the current position, presenting the interface change from the Design 6 main view to the Design 6 interface change state diagram. In Design 7, the main view of Design 7 is an interface in which no beauty option is selected. When the user clicks on any beauty option in the floating window of the Design 7 main view interface, and the beauty option contains sub-options, the beauty option will expand to the right at the current position to display the sub-option content, and the first sub-option will be selected by default, and the parameter adjustment slider will be displayed above the floating window, presenting the interface change from the Design 7 main view to the Design 7 interface change state diagram 1. When the user slides the slider above the floating window of Design 7 Interface Change State Diagram 1 to the left, the beauty parameters of the sub-option can be adjusted, and the interface changes from Design 7 Interface Change State Diagram 1 to Design 7 Interface Change State Diagram 2 will be presented. In Design 8, the main view of Design 8 is an interface in which no beauty option is selected. When the user clicks on any beauty option in the floating window of the Design 8 main view interface, and the beauty option contains sub-options, the beauty option will expand to the right at the current position to display the sub-option content, and the first sub-option will be selected by default, and the parameter adjustment slider will be displayed above the floating window, presenting the interface change from the Design 8 main view to the Design 8 interface change state diagram 1. When the user slides the beauty option in the floating window of Design 8 Interface Change State Diagram 1 to the left, more beauty option content can be viewed on the right, presenting the interface changes from Design 8 Interface Change State Diagram 1 to Design 8 Interface Change State Diagram 2. In Design 9, the main view of Design 9 is an interface in which no beauty option is selected. When the user clicks on any beauty option in the floating window of the Design 9 main view interface, and the beauty option contains sub-options, the beauty option will expand to the right at the current position to display the sub-option content, and the first sub-option will be selected by default, and the parameter adjustment slider will be displayed above the floating window, presenting the interface change from the Design 9 main view to the Design 9 interface change state diagram 1. When the user slides the beauty option in the floating window of Design 9 Interface Change State Diagram 1 to the right, more beauty option content can be viewed on the left, presenting the interface changes from Design 9 Interface Change State Diagram 1 to Design 9 Interface Change State Diagram 2. In Design 10, the main view of Design 10 is an interface in which no beauty option is selected. When the user clicks on any beauty option in the floating window of the Design 10 main view interface, and the beauty option does not contain sub-options, the beauty option will be directly selected and the parameter adjustment slider will be displayed above the floating window, presenting the interface changes from the Design 10 main view to the Design 10 interface change status diagram.

Images