Electronic device with a graphical user interface for ordering food

Abstract

1. Name of the Design Product: Electronic Device with Graphical User Interface for Ordering Food. 2. Use of the Design Product: An electronic device. 3. Design Key Points of the Design Product: Lies in the graphical user interface on the screen. 4. Picture or Photograph that Best Illustrates the Design Key Points: Front View. 5. The views are of conventional designs, and the rear view, left view, right view, top view, and bottom view are omitted. 6. Use of the Graphical User Interface: A graphical user interface for ordering food; when the user clicks on the panel, the panel expands and is displayed as shown in the front view. The front view is the home page. When the "Mobile Ordering" button is clicked on the front view, the interface jumps to Interface Variation State Diagram 1. Interface Variation State Diagram 1 is the "Product Ordering" page (the picture frame where the product name is located in Interface Variation State Diagram 1 is a variable screen). After selecting the corresponding product, the interface jumps to Interface Variation State Diagram 2. Select the corresponding product attributes and add-ons. After selection, click the "Add to Cart" button, and the interface jumps to Interface Variation State Diagram 3 (the picture frame where the product name is located in Interface Variation State Diagram 3 is a variable screen). Interface Variation State Diagram 3 shows that the product has been added to the cart, and you can continue to select the corresponding product to add to the cart. After the product is added to the cart, click the "Go to Checkout" button, and the interface jumps to Interface Variation State Diagram 4. Interface Variation State Diagram 4 is the "Checkout" page. Select "Dine-in" or "Takeout". After selection, optionally fill in the table number and remarks. After filling in, click the "Collect Payment" button, and the interface jumps to Interface Variation State Diagram 5. Select "Cash Collection" or "Scan Code Collection". If "Cash Collection" is selected, the interface jumps to Interface Variation State Diagram 6. Interface Variation State Diagram 6 is the "Cash Collection" interface. You can enter the corresponding actual received amount to initiate "Collection". After the collection is completed, the interface jumps to Interface Variation State Diagram 7. Interface Variation State Diagram 7 is the "Transaction Result" page, showing whether the transaction is completed.

Images