Graphical User Interface for Cloud Service Platforms on Mobile Phones

Abstract

1. Name of the product in this design: Graphical User Interface for a Cloud Service Platform for Mobile Phones. 2. Purpose of this design: for displaying information, interacting with others, and running programs. 3. The key design features of this product are the graphical user interface content on the screen. 4. The picture or photo that best illustrates the key design points: Design 1 main view. 5. The six views of the hardware device are omitted. 6. Design 1 is designated as the basic design. 7. Purpose of the graphical user interface: The graphical user interface of this design is a display and interactive interface for the mother and child screens, which is used to ensure that the screen information of two cloud phones can be viewed in real time on one device. 8. Human-Computer Interaction Method of Graphical User Interface: Design 1's main view shows the interface after entering the parent-child screen mode, where the parent and child screens are displayed in a picture-in-picture format. The parent screen is the large screen used to display the content of the host machine, and the child screen is the small screen used to display the content of the child machine. The child machine control panel is located at the bottom of the display screen. Clicking the full-screen button in the lower left corner of the child screen will cause the interface to jump from Design 1's main view to Design 1's interface change state diagram. In Design 1's interface change state diagram, the parent screen is the small screen used to display the content of the host machine, and the child screen is the large screen used to display the content of the child machine. Clicking the full-screen button in the lower left corner of the parent screen will cause the interface to jump from Design 1's interface change state diagram back to Design 1's main view. Design 1 Interface Change State Reference Figure 1 is a reference figure for Design 1's main view, and Design 1 Interface Change State Reference Figure 2 is a reference figure for Design 1's interface change state diagram. Design 2 The main view shows the interface displayed in split-screen mode after entering the parent-child screen mode. The parent and child screens are displayed in a picture-in-picture format, with the parent screen being the large screen displaying the main machine's content and the child screen being the small screen displaying the child machine's content. The child machine's control panel is located at the bottom of the display. Clicking the full-screen button in the lower left corner of the child screen jumps the interface from the main view of Design 2 to the interface change state diagram of Design 2. In the interface change state diagram of Design 2, the parent screen is the small screen displaying the main machine's content, and the child screen is the large screen displaying the child machine's content. Dragging the small screen in the interface change state diagram of Design 2 into the interface change state diagram of Design 2 3 allows the small screen to be dragged and placed anywhere within the large screen. Design 2 Interface Change State Reference Diagram 1 is a reference diagram for the main view; Design 2 Interface Change State Reference Diagram 2 is a reference diagram for Interface Change State Diagram 1; and Design 2 Interface Change State Reference Diagram 3 is a reference diagram for Interface Change State Diagram 2. The main view shows the interface displayed in a split-screen mode after entering the parent-child screen mode. The parent and child screens are displayed in a picture-in-picture format. The parent screen is the large screen used to display the content of the main machine, and the child screen is the small screen used to display the content of the child machine. The child machine control panel is located at the bottom of the display screen. Drag the small screen in the main view of Design 3 to enter the interface change state diagram of Design 3. The small screen can be dragged and placed anywhere in the large screen. Reference Figure 1 of the interface change state diagram of Design 3 is a reference diagram of the main view of Design 3, and Reference Figure 2 of the interface change state diagram of Design 3 is a reference diagram of the interface change state diagram of Design 3. 9. Other situations requiring explanation: Other explanations: A single color block covering an area is a variable image, and "XXXX" is variable text or numbers.

Images