Main body for credit card repayment graphical user interface of electronic device

Abstract

1. Name of the product in this design: Body of a graphical user interface for credit card repayment in electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts in the graphical user interface, and the parts not marked with dotted lines are the parts for which protection is required. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The overall interface is used for credit card repayment; a portion of the interface needs to be protected for dragging a slider on the credit card to adjust the repayment method and amount. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, users can view the current credit card information, repayment date and bill amount. They can slide left and right on the rounded rectangle area at the bottom of the credit card to adjust the repayment method and amount. They can also release their hand in the current state to enter the full repayment interface. In the main view of Design 2, users can view the current credit card information, repayment date, and bill amount. They can slide left and right on the rounded rectangle area at the bottom of the credit card to adjust the repayment method and amount, and can also click the "View Plan" control to enter the repayment plan interface. In the main view of Design 3, users can view the current credit card information, repayment date and bill amount. They can slide left and right on the rounded rectangle area at the bottom of the credit card to adjust the repayment method and amount. They can also release their finger in the current state to enter the installment repayment interface. In the main view of Design 4, users can view the current credit card information, repayment date and bill amount. They can slide left and right on the rounded rectangle area at the bottom of the credit card to adjust the repayment method and amount, and release the slider to automatically enter the corresponding repayment interface. Design 5 uses the same human-computer interaction method as Design 4. The human-computer interaction methods of Design 6 and Design 7 are the same as those of Design 1.

Images