Graphical user interface for electronic ticket purchasing

Abstract

1. Name of the product of this design: Graphical user interface for ticket purchasing on an electronic device. 2. Purpose of this design product: This design product is used for an electronic device. 3. The key design point of this appearance design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Design 1 interface change state diagram 3. 5. Conventional design, design 1‑4 left view omitted; conventional design, design 1‑4 right view omitted; conventional design, design 1‑4 top view omitted; conventional design, design 1‑4 bottom view omitted; conventional design, design 1‑4 rear view omitted. 6. Designate Design 1 as the base design. 7. Purpose of the graphical user interface: This design product is used to buy tickets for passengers. 8. Human-computer interaction method of graphical user interface: In the main view of Design 1, the user clicks the "Ticket Purchase" control in the upper right corner of the interface, and the interface jumps to Design 1 interface change state diagram 1; enters the passenger's destination, get-off station and departure time information, and the interface changes to Design 1 interface change state diagram 2; clicks "Confirm itinerary and add passengers", the interface jumps to Design 1 interface change state diagram 3; after entering the passenger's name, ID number, mobile phone number and other information, and clicks "Confirm order", the interface jumps to Design 1 interface change state diagram 4; Design 1 interface change state diagram 5 is the interface for collecting cash from passengers offline and then helping passengers pay online. In the main view of Design 2, the user clicks the "Ticket Purchase" control in the upper right corner of the interface, and the interface jumps to Design 2 interface change state diagram 1; enters the passenger's destination, get-off station and departure time information, and the interface changes to Design 2 interface change state diagram 2; clicks "Confirm itinerary and add passengers", and the interface jumps to Design 2 interface change state diagram 3; after entering the passenger's name, ID number, mobile phone number and other information, and clicking "Confirm order", the interface jumps to Design 2 interface change state diagram 4; Design 2 interface change state diagram 5 is the interface after the passenger scans the code to complete the payment. In the main view of Design 3, the user clicks the "Ticket Purchase" control in the upper right corner of the interface, and the interface jumps to Design 3 interface change state diagram 1; enters the passenger's destination, get-off station and departure time information, and the interface changes to Design 3 interface change state diagram 2; clicks "Confirm itinerary and add passengers", and the interface jumps to Design 3 interface change state diagram 3; after confirming the number of passengers and clicking "OK", the interface jumps to Design 3 interface change state diagram 4; Design 3 interface change state diagram 5 is the interface for collecting cash from passengers offline and then transferring it to online payment for passengers. In the main view of Design 4, the user clicks the "Ticket Purchase" control in the upper right corner of the interface, and the interface jumps to Design 4 interface change state diagram 1; enters the passenger's destination, get-off station and departure time information, and the interface changes to Design 4 interface change state diagram 2; clicks "Confirm itinerary and add passengers", and the interface jumps to Design 4 interface change state diagram 3; after confirming the number of passengers and clicking "OK", the interface jumps to Design 4 interface change state diagram 4; Design 4 interface change state diagram 5 is the interface where the passenger completes the code scanning payment.

Images