Graphical user interface for food management on electronic devices

Abstract

1. Name of this design product: Graphical user interface for food management of electronic equipment. 2. Purpose of this design product: for use in an electronic device. 3. The key design point of this design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: main view. 5. Conventional design, omitting rear view, elevation view, left and right view. 6. Application of graphical user interface: Graphical user interface for food management of electronic devices. The main view is the interface display in standby mode. The upper half of the interface uses the refrigerator 3D scene model as the background, with the status bar, time and weather, date, and week displayed at the top. The right side displays four commonly used buttons: child lock, lock screen, settings, and personal center. The bottom displays two sections: ingredient management and recipes. Swipe left to see more functions. The user clicks the "Manual Add" button in the ingredient management section to enter the interface change state Figure 1. Interface change status diagram 1 shows the search area, selected ingredients and all ingredient lists from top to bottom. The user clicks "Customize" in the bar to enter the interface change state Figure 2. Interface change state diagram 2 is the empty state interface of the custom ingredient list, which mainly displays the entrance for adding ingredients and the guiding copy. Currently, click the "plus sign" area to enter interface change state diagram 3. Interface change status Figure 3 is the custom ingredient addition interface, where you can enter the ingredient name, select the storage location, select the ingredient type, fill in the shelf life, and select the expiration date. After the ingredient name is filled in and other information is selected or entered, the interface changes to Figure 4. Interface change status Figure 4 shows the interface after the content required to fill in the custom ingredients is entered. At this time, the Confirm Add button below becomes normal. Currently click the "Confirm Add" button to enter the interface change state Figure 5. Interface change state diagram 5 is the interface displayed in the ingredient list after the custom ingredient is successfully created. Each custom ingredient control displays a default picture and ingredient name. Click a custom ingredient control to enter interface change state diagram 6. Interface change status Figure 6 is an interface for selecting ingredients to be added to the area, which can switch the storage area of ​​ingredients and perform deletion operations. Currently, click the "Confirm Add" button at the bottom of the page to enter the interface change state Figure 7. Interface change status Figure 7 shows the interface displayed on the refrigerator model after the custom ingredients are added into the refrigerator.

Images