Graphical User Interface for Food Delivery for Electronic Devices

Abstract

1. Name of the Design Product: Graphic User Interface for Food Delivery on Electronic Devices. 2. Use of the Design Product: An electronic device. 3. Design Key Points of the Design Product: Lies in the content of the graphic user interface on the product screen. 4. Picture or Photograph that Best Illustrates the Design Key Points: The front view of Design 1. 5. Design 1 is designated as the basic design. 6. Use of the Graphic User Interface: The overall interface shown in the front views of Design 1 to Design 10 is for conveniently displaying order information, and the protected partial part is for displaying food delivery order information. 7. Human - Machine Interaction Method of the Graphic User Interface: The interfaces shown in the front views of Design 1 - Design 10 are food delivery information display interfaces. Specifically, in the interfaces shown in the front views of Design 1 - 10, a food delivery information display area is shown at the upper part of the interface. The food delivery information display area shows the estimated delivery time of the food delivery, a delivery status progress bar, a map display area, and an interaction control area. The estimated delivery time of the food delivery is a time period or a time point, such as estimated to be delivered at 18:00 - 18:30, which is used to remind the user of the estimated food delivery time; the delivery status progress bar also has key nodes during the food delivery process, such as waiting for the merchant to accept the order, the merchant is preparing the meal, the rider is delivering the goods, the order has been delivered / the goods are waiting to be picked up. There is a progress line in the progress bar to show the delivery progress. For example, the yellow line in the progress bar of Design 10 is the progress line, and the length of the progress line will change according to the actual delivery status. For example, referring to Figures 1 to 2 of the dynamic state change of Design 10, the progress line will gradually become longer. The map display area will show the relationship between the user's location, the merchant's location, and the rider's location according to the progress presented on the delivery status progress bar. Specifically, for example, referring to Figure 1 of the dynamic change state of Design 10, when the progress bar shows "the merchant is preparing the meal and the rider is on the way to the merchant", the icons and locations of the merchant, the rider, and the user are shown on the map, and the distance and estimated arrival time from the rider icon to the merchant are marked near the rider icon. Another example, referring to Figure 2 of the dynamic change state of Design 10, when the progress bar shows "the rider is delivering the goods", the icons of the rider and the user are shown on the map, and the distance and estimated delivery time from the rider icon to the user are marked near the rider icon. This can more intuitively convey the progress of the order to the user. The interaction control area includes multiple interaction controls, and each interaction control corresponds to a different function. When the user clicks on an interaction control, the page can jump to implement the corresponding function, such as canceling the order, contacting the merchant, contacting the rider, modifying the address, urging the order, applying for after - sales service, etc. Generally speaking, only 3-4 commonly used interactive controls corresponding to the delivery status are displayed in the interactive control area, and the remaining interactive controls are folded or hidden. The "More" control in the interactive control area of Design 1 is used to fold the remaining interactive controls, and all interactive controls can be viewed after the user clicks the "More" interactive control. 8. Other circumstances that need to be explained Other explanations: The parts not blocked by the red semi-transparent color block in each front view are the parts for which protection is requested, and the parts blocked by the red semi-transparent color block are the areas for which protection is not requested. The parts blocked by the red semi-transparent color block are used to show the product embodiments corresponding to the parts for which protection is requested; however, the claimed design does not include color.

Images