Interactive graphical user interface for remittance and top-up of electronic devices

Abstract

1. Name of the product in this design: Interactive graphical user interface for remittance and top-up in electronic devices. 2. Purpose of this design product: an electronic device. 3. The key design point of this design product lies in the graphical user interface. 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 design requested for protection is used to calculate the estimated remittance amount based on the currency (the corresponding currency is displayed by default based on the location) after the user enters the recharge amount, and to perform the recharge interaction. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, when the user enters the recharge amount and confirms the currency conversion, and clicks the "Recharge" control, a floating window of remittance institution information pops up from the bottom of the interface, showing the interface change from the main view of Design 1 to the interface change state diagram of Design 1. When the user clicks the "Go to Recharge" control, the floating window closes and a confirmation pop-up window appears to go to the remittance institution's mini program, showing the interface changes from Design 1 Interface Change State Figure 1 to Design 1 Interface Change State Figure 2. In the main view of Design 2, when the user enters the recharge amount and confirms the currency conversion, and clicks the "Recharge" control, a floating window for agreeing to the agreement pops up at the bottom of the interface, as shown in Figure 1 of the interface change state in Design 2. When the user clicks "Agree", the bottom of the interface switches to displaying a floating window showing the remittance institution's information, as shown in Figure 2 of the interface change state. When the user clicks the "Go to Recharge" control, the floating window closes and a confirmation pop-up window appears to go to the remittance institution's mini program, showing the interface changes from Design 2 interface change state diagram 2 to Design 2 interface change state diagram 3. Design 3 uses the same human-computer interaction method as Design 1. Design 4 uses the same human-computer interaction method as Design 2.

Images