Graphical User Interface for Page Mode Switching of Electronic Devices

Abstract

1. Name of the Design Product: Graphical User Interface for Page Mode Switching of Electronic Devices. 2. Use of the Design Product: For an electronic device. 3. Design Key Points of the Design Product: Lies in the interface content of the graphical user interface on the screen. 4. Picture or Photograph that Best Illustrates the Design Key Points: State Change Diagram 1 of Design 1. 5. Not related to the design key points, the left view, right view, top view, bottom view, and rear view of Design 1-2 are omitted. 6. Design 1 is designated as the basic design. 7. Use of the Graphical User Interface: The graphical user interfaces shown in the front views of Design 1-2 and all state change diagrams of Design 1-2 are page mode switching interfaces displayed on the display screen panel. The front view interface of Design 1-2 shows a video playing in half-screen mode. The upper part of the interface displays a video player, and the lower part displays a video information area. Slide down the video information area without releasing your finger, and State Change Diagram 1 of Design 1-2 is displayed. In the middle of the top of the video information area, prompt text for unlocking different hidden functions by pulling left and right is displayed, and an arrow is displayed directly below the prompt text. Continue to slide the video information area of State Change Diagram 1 of Design 1 to the left without releasing your finger, and State Change Diagram 2 of Design 1 is displayed. The arrow moves to the left side of the interface along with the gesture, and prompt text indicating that the dark mode will be switched after releasing the finger is displayed in the upper left corner of the video information area. After the user releases the finger, State Change Diagram 3 of Design 1 is displayed, and the page background switches to the dark mode. Continue to slide the video information area in State Change Diagram 1 of Design 2 to the right without releasing your finger, and State Change Diagram 2 of Design 2 is displayed. The arrow moves to the right side of the interface along with the gesture, and prompt text indicating that the full-screen mode will be switched after releasing the finger is displayed in the upper right corner of the video information area. After the user releases the finger, State Change Diagram 3 of Design 2 is displayed, and the page switches to the full-screen playing interface of the video. The gray areas in the front views of Design 1-2 and all state change diagrams of Design 1-2 are deleted content screens, and "XX" represents text or numbers. During the actual use of the front views of Design 1-2 and all state change diagrams of Design 1-2, the interface content displayed can be referred to the respective reference diagrams.

Images