The mobile wallet transition of electronic devices to a graphical user interface card list

Abstract

1. Name of the product in this design: Card list of a mobile wallet for an electronic device with a transitional graphical user interface. 2. Purpose of this design: An electronic device. 3. The key design features of this product are the parts of the graphical user interface that require protection. 4. The image or photograph that best illustrates the design's key features: the front view. 5. Purpose of the graphical user interface: to run mobile wallet applications; the purpose of the protected section is to arrange and display available electronic cards. 6. Human-computer interaction method of graphical user interface: This design is an interactive dynamic graphical user interface used for the process of switching cards from horizontal browsing mode to vertical search mode in the mobile wallet application. The main view shows the initial state of the interface, which is in card usage mode. Multiple cards are arranged horizontally, and the current card in the center is displayed vertically at its maximum size. Cards on both sides are partially displayed, and the overlap between the left card and the edge of the toolbar is drawn with a dotted line. When the user presses and holds the card in the center of the screen and pulls it down, the interface enters a transition process, showing the transition state diagrams 1 to 4 in sequence. During this process, the card in the center gradually shrinks and is adjusted to a horizontal position. The originally horizontally arranged cards gradually change to a vertically stacked arrangement, eventually presenting all available cards stacked vertically in the center of the screen so that users can view all the cards. 7. Other situations requiring explanation: This design is a partial protection design, where the solid line portion is the content to be protected, and the dashed line portion is not the content to be protected.

Images