Donation information selection pop-up layer for convenient donation interactive graphical user interface of electronic devices

Abstract

1. The name of the product of this design: a donation information selection floating layer for a convenient donation 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. The non-dashed line parts are the parts for which protection is required, and the dashed line parts are the parts for which protection is not required. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: The entire interface is used to display the donation activity page, display the floating page for selecting donation items and quantities, and automatically calculate the donation amount when the donation quantity is selected; a part of the interface is used to display the floating page for selecting donation items and quantities, and automatically calculate the donation amount when the donation quantity is selected. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, the user can click on the option to select the donation amount, click on the "Random" control to randomize or customize the donation amount, and click on the "OK" control to proceed to the next step. The human-computer interaction methods of Design 2 to Design 4 are the same as that of Design 1. In the main view of Design 5, when the user clicks on the option to select the donation amount, the option is in a "selected" state, and the upper left corner of the option module switches to display the donation amount, presenting an interface change from the main view of Design 5 to the interface change state diagram of Design 5. The human-computer interaction method of Design 6 is the same as that of Design 5. In the main view of Design 7, when the user clicks the "Participate in Charity Meal Donation" control, the donation selection floating layer at the bottom of the interface expands upward, presenting the interface change from the main view of Design 7 to the interface change state diagram 1 of Design 7. When the user clicks on the option to select the donation amount in the floating layer, the option is in a "selected" state, and the upper left corner of the option module switches to display the donation amount, presenting the interface change from Design 7 interface change state diagram 1 to Design 7 interface change state diagram 2. The human-computer interaction method of Design 8 is the same as that of Design 7. The gray coated area in each design interface is the portion for which protection is requested, and the color of the above-mentioned coated area is not requested for protection.

Images