Tablet menu ordering system dynamic graphical user interface

Abstract

1. Name of the product in this design: Dynamic Graphical User Interface for Tablet Computer Menu Ordering System. 2. Purpose of this design: This tablet computer is used for work communication, data reception, display of basic information on the work surface, and editing of information as a data receiving and output terminal. 3. The key design feature of this product lies in the graphical user interface on the screen. 4. The image or photograph that best illustrates the design's key features: the front view. 5. Purpose of the graphical user interface: This design is applied to a food ordering system. The interface presents the appearance, name, price, and other relevant information of the dishes in the form of large images, allowing users to view the dishes and complete the browsing and selection of dishes. 6. The area of ​​the graphical user interface in the product: the graphical user interface on the screen. 7. Human-computer interaction method of graphical user interface: The main view displays the current menu category information, catalog entry, current menu price, member login entry, etc. after entering the system. Clicking the "Milk Tea" button on the left side of the main view enters the interface change state diagram 1, which displays a large image of the menu item. In the state of the interface change state diagram 1, swiping the screen to the left enters the interface change state diagram 2, which displays the current menu item and switches to the next menu item animation frame. The swiping direction of the animation is consistent with the direction of the user's swipe gesture. The transition effect triggers the large image switching animation immediately. The current dish image slides along the swipe direction of the gesture and covers the previous drink or dish. At the same time, the next dish image slides in from the same side along the same direction. After a 0.3-second overlay transition, the interface changes to the full-screen display of the next dish image, as shown in Figure 3.

Images