Alert graphical user interface for electronic device

Abstract

1. Name of the product in this design: Alarm Graphical User Interface for Electronic Equipment. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The picture or photo that best illustrates the key design points: Design 1 Change State Diagram 1. 5. The product carrier is a conventional design, and the rear view, left view, right view, top view, and bottom view of each design are omitted. 6. Design 1 is designated as the basic design. 7. Purpose of the graphical user interface: to monitor the security status of the building and assist users in quickly triggering alarms. 8. Human-computer interaction method of graphical user interface: The main view of Design 1 is the monitoring homepage. When the monitoring device triggers the system alarm, the interface changes from the main view of Design 1 to the change state diagram of Design 1. An alarm reminder floating window pops up on the interface. Clicking the alarm reminder floating window in the change state diagram of Design 1 will lead to the change state diagram of Design 1. After the countdown in the change state diagram of Design 1 ends or clicking "Request Dispatch", the interface will lead to the change state diagram of Design 2. Design 2's main view is the monitoring homepage. When the monitoring device triggers a system alarm, the interface transitions from Design 2's main view to Design 2's changing state diagram 1. An alarm notification pop-up window appears on the interface. Clicking the alarm notification pop-up window in Design 2's changing state diagram 1 leads to Design 2's changing state diagram 2. After the countdown ends in Design 2's changing state diagram 2, or by clicking "Request Dispatch," one enters Design 2's changing state diagram 3. Clicking any progress node on the progress bar in Design 2's changing state diagram 3 leads to Design 2's changing state diagram 4. Clicking "Cancel Alarm" in Design 2's changing state diagram 4 leads to Design 2's changing state diagram 5. 9. Other situations requiring explanation: Other explanation: The gray-covered area represents the content screen, and the X character represents non-fixed text content.

Images