Graphical User Interface for Fume Control in Electronic Devices

Abstract

1. Name of the product in this design: Graphical User Interface for Fume Control in Electronic Devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are the graphical user interface displayed on the screen. 4. The image or photo that best illustrates the design points: Design 1 Interface Change State Diagram 1. 5. The electronic device panel is a conventional design, and other views are omitted. 6. Design 1 is designated as the basic design. 7. Design 1's main view shows the interface when the range hood is off. After the range hood is turned on, it displays the corresponding PM2.5 value based on the detected value and changes the color of the ring and the PM2.5 value. Specifically, when the range hood detects a PM2.5 value less than or equal to 100, the ring and the PM2.5 value switch to green. Figure 1 shows the user interface of Design 1's main view when clicking the power-on area and when clicking the area with a single wavy line. Figure 2 shows the user interface of Design 1's interface when clicking the area with two wavy lines. Figure 3 shows the user interface of Design 1's interface when clicking the area with three wavy lines. Like the user interface, Design 1's interface state change diagram 4 is the same as Design 1's interface state change diagram 3, which switches between images of the four curved areas. Furthermore, users can freely switch between Design 1's interface state change diagrams 1 to 4. Design 2's main view shows the range hood in its off state. After the range hood is turned on, it displays the detected PM2.5 value and changes the color of the ring and the PM2.5 value accordingly. Specifically, when the range hood detects a PM2.5 value greater than 100 and less than or equal to 200, the ring and the PM2.5 value turn yellow. Design 2's interface state change diagram 1 shows the main view of Design 2, where clicking the power-on area and clicking the single wavy line area switch between images. The graphical user interface (GUI) is shown in Figure 2. Figure 2 shows the GUI interface state transitions based on the double wavy line area (Figure 1). Figure 3 shows the GUI interface state transitions based on the three wavy lines (Figure 2). Figure 4 shows the GUI interface state transitions based on the four curves (Figure 3). Furthermore, users can freely switch between Figures 1 and 4. The main view of Design 3 shows the interface when the range hood is off. After the range hood is turned on, it displays the detected PM2.5 value and changes the color of the ring and the PM2.5 value accordingly. When the range hood detects a PM2.5 value greater than 200, the circular ring and the PM2.5 value switch to red. Design 3 Interface Change State Figure 1 shows the main view of Design 3, where clicking the power-on area and clicking the single wavy line area switches the user interface. Design 3 Interface Change State Figure 2 shows the user interface of Design 3 Interface Change State Figure 1, where clicking the double wavy line area switches the user interface. Design 3 Interface Change State Figure 3 shows the user interface of Design 3 Interface Change State Figure 2, where clicking the three wavy lines area switches the user interface. Design 3 Interface Change State Figure 4 shows the user interface of Design 3 Interface Change State Figure 3, where clicking the four curve areas switches the user interface. Furthermore, users can freely switch between Design 3 Interface Change State Figures 1 to 4.

Images