Graphical user interface for card recharging of electronic devices

Abstract

1. Name of the product of this design: Graphical user interface for card recharge for electronic devices. 2. Purpose of this design product: for use in an electronic device. 3. The design highlights of this appearance design product lie in the interface content of 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 Graphical User Interface: Graphical User Interface is used to recharge the card. The main view of Design 1 is the main interface of card recharge. The recharge amount is not filled in the input box, and the button below the input box is grayed out. At this time, the button is not clickable; enter the recharge amount in the input box, and the interface changes to Design 1 Change State Figure 1. "x" is displayed on the right side of the recharge amount, and the button below the input box lights up and becomes clickable; click the "top up" button, and the interface changes to Design 1 Change State Figure 2 Payment Information Interface. When there is no cached information in the system, the payment information in this interface is not filled in, and the "confirm" button is grayed out. At this time, the button is not clickable; enter the card number in the "card No." input box, and the interface changes to Design 1 Change State Figure 3, and the "confirm" button lights up and becomes clickable; in the "Expiry Fill in the information in the "Date" and "CVV / CVN" input boxes, and the interface changes to Design 1 Change State Figure 4; the main view of Design 2 is the main interface of card recharge, the recharge amount is not filled in the input box, the button below the input box is displayed in grayscale, and the button is not clickable at this time; enter the recharge amount in the input box, the interface changes to Design 2 Change State Figure 1, "x" is displayed on the right side of the recharge amount, and the button below the input box lights up and becomes clickable; click the "top up" button, the interface changes to Design 1 Change State Figure 2 Payment Information Interface, when there is cached information in the system, the "Card No." and "Expiry Date" input boxes display the cached information, the "confirm" button is highlighted, and the button is clickable; fill in the information in the "CVV / CVN" input box, and the interface changes to Design 1 Change State Figure 3. The "X" in the above interfaces represents text or numbers.

Images