The travel booking information displayed on electronic devices includes a progress section in the graphical user interface.

Abstract

1. Name of the product in this design: Progress section of a graphical user interface for displaying travel order information on an electronic device. 2. Purpose of this design: An electronic device with a graphical user interface for displaying travel order information and a progress section for displaying order progress. 3. The key design feature of this product is its graphical user interface. 4. The image or photograph that best illustrates the design's key points: Design 2 main view. 5. The main view reference image of Design 2 and the reference images for interface change states 1, 2, 3, and 4 of Design 2 are the same as the main view reference image of Design 1 and the reference images for interface change states 6, 9, 10, and 11 of Design 1, respectively. The main view reference image of Design 2 and the reference images for interface change states 1, 2, 3, and 4 of Design 2 are omitted. The main view reference image of Design 3 and the reference images for interface change states 1 and 2 of Design 3 are the same as the reference images for interface change states 9, 10, and 11 of Design 1, respectively. The main view reference image of Design 3 and the reference images for interface change states 1 and 2 of Design 3 are omitted. 6. Design 2 is designated as the basic design. 7. Purpose of the graphical user interface: The graphical user interface is used to display information about travel orders, and the progress section is used to display the order progress. 8. Human-computer interaction method of graphical user interface: Design 1: Click the "Sign Now" button in the main view of Design 1, and the interface changes to state 1; then click the "Sign" button, and the interface changes to state 2; then sign in the rectangle, and the interface changes to state 3; then click the "Submit" button, and the interface changes to state 4; then click the "I have read and confirmed" button, and the interface changes to state 5; then automatically changes to state 6; then click the "Pay Now" button, and the interface changes to state 7; then click the payment button at the bottom to make payment, and the interface changes to state 8, 9, 10, and 11 in sequence. Design 2: After clicking the "Go to Sign" button and completing the signature in the main view of Design 2, the interface changes to state 1. Then, after clicking the "Go to Payment" button and completing the payment, the interface will automatically change to state 2, 3, and 4 in sequence. Design 3: In the main view of Design 3, the interface can automatically and sequentially change to the Design 3 interface change state diagrams 1 and 2. 9. Other situations requiring explanation: This design is a partial design, and the progress section is the part not covered by the semi-transparent color block. Protection is requested for the progress section.

Images