Function mode presentation of graphical user interface for electronic device

Abstract

1. Name of the product in this design: Graphical User Interface for Displaying Functional Modes of an Electronic Device. 2. Intended use of this design: for use in an electronic device. 3. The key design features of this product are its graphical user interface content. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The graphical user interface of this design is used to display functional modes. Design 1's main view is the device function mode display page, which displays information such as different function modes and battery level. When the user triggers the mode switching button on the device, the interface changes as shown in Figure 1, displaying the first function mode. In Design 1 Interface Change State Diagram 1, when the user continues to trigger the mode switching button on the device, Design 1 Interface Change State Diagram 2 is displayed, showing the second functional mode. In Design 1 Interface Change State Diagram 2, when the user continues to trigger the mode switching button on the device, Design 1 Interface Change State Diagram 3 is displayed, showing the third functional mode. In Design 1 Interface Change State Diagram 3, when the user continues to trigger the mode switching button on the device, Design 1 Interface Change State Diagram 4 is displayed, showing the fourth functional mode. The interaction method of Design 2 is the same as that of Design 1. Design 3's main view is the device function mode display page, which shows different function modes, battery level, and other information. When the user triggers the mode switching button on the device, the interface changes as shown in Figure 1. In the Design 3 interface change state diagram 1, when the user presses and holds the trigger button on the device, the Design 3 interface change state diagram 2 is displayed, entering the fifth function mode. The interaction methods of Design 4-Design 10 are the same as those of Design 3.

Images