Dynamic graphical user interface for e-hailing service response and fare increase in electronic devices

Abstract

1. Name of the product of this design: Dynamic graphical user interface for responding to price increases for online ride-hailing services on electronic devices. 2. Purpose of the product of this design: 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: Main view of Design 1. 5. The electronic equipment is of conventional design and other views are omitted. 6. Designate Design 1 as the base design. 7.Purpose of the graphical user interface: used to increase the price when waiting for a response on the online car-hailing service page. The main view of Design 1 is the waiting for response interface. Click "Add ￥X to Go Faster" to display the dynamic effects of Design 1 changing state diagrams 1 to 6 in sequence. Design 1 changing state diagram 6 is the interface where the button on the right side of the price increase and fast-moving module disappears after the dynamic effect disappears and becomes the interface of "Accelerated Call...". Click the triangle icon on the right side of "Fastest departure in X minutes" to display Design 1 changing state diagram 7. Design 1 changing state diagram 7 is the interface where the price increase option is displayed in a semi-elastic layer. Click "Expand" on the right side of "Send a red envelope to the called driver to accelerate the order acceptance" to display Design 1 changing state diagram 8. The main view of Design 2 is the waiting for response interface. Click "Add ￥X to Go Faster" to display the dynamic effects of Design 2 changing state diagrams 1 to 6 in sequence. Design 2 changing state diagram 6 is the interface where the button on the right side of the price increase and fast-moving module disappears after the dynamic effect disappears and becomes the interface of "Accelerated Call...". Click the triangle icon on the right side of "Fastest departure in 1 minute" to display Design 2 changing state diagram 7. Design 2 changing state diagram 7 is the interface where the price increase option is displayed in a semi-elastic layer The interface of the options, click "Expand" on the right side of "Add X models within X yuan" to display the design 2 change state diagram 8. The main view of design 3 is the waiting response interface. Click the triangle icon on the right side of "Departure in X minutes at the fastest" to display the design 3 change state diagram 1. The design 3 change state diagram 1 is the interface for displaying the price increase option in a semi-elastic layer manner. Click "Expand" on the right side of "Send a red envelope to the called driver to speed up the order acceptance" to display the design 3 change state diagram 2. Click "Add X yuan to depart quickly" in the design 3 change state diagram 2 to display the design 3 change state diagrams 3~8 in sequence. The main view of design 4 is the waiting response interface. Click the triangle icon on the right side of "Departure in X minutes at the fastest" to display the design 4 change state diagram 1. The design 4 change state diagram 1 is the interface for displaying the price increase option in a semi-elastic layer manner. Click "Expand" on the right side of "Add X yuan to depart quickly" to display the design 4 change state diagram 2. Click "Add X yuan to depart quickly" in the design 4 change state diagram 2 to display the design 4 change state diagrams 3~8 in sequence.

Images