Online metaverse tourism service platform dynamic graphical user interface for electronic devices

Abstract

1. The name of this design product: Dynamic graphical user interface for online metaverse tourism service platform for electronic devices. 2. Purpose of this design product: used for interaction and display of graphical user interfaces. 3. The design highlights of this appearance design product: The design highlights of this appearance design product lie in the content of the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Design 1 interface change state diagram 2. 5. Designate Design 1 as the base design. 6. Purpose of the Graphical User Interface: This Graphical User Interface is used to provide a metaverse space; users can interact with the product through interface functions to conduct an online immersive tourism experience. 7. Human-computer interaction method of graphical user interface: Design 1: The graphical user interface displayed in the main view of Design 1 is the starting interface entered after opening the program; click the "Enter Metaverse" button in the main view of Design 1 to enter the Design 1 interface change state diagram 1, and then automatically enter the Design 1 interface change state diagram 2 and Design 1 interface change state diagram 3 in turn; Design 1 interface change state diagram 3 is a state reference diagram when clicking the left 1 avatar under "Select a character" and the left 1 costume under "Select the character's costume"; click the "OK" button in the Design 1 interface change state diagram 3 to enter the Design 1 interface change state diagram 4; click the white circle in the white ring in the lower left corner of Design 1 interface change state diagram 4 and drag it to "up", "down", "left" or "right" , the character in Design 1 Interface Change State Figure 4 will walk in the corresponding direction; after clicking the white button in the lower right corner of Design 1 Interface Change State Figure 4, the state of Design 1 Interface Change State Figure 4 changes to the state shown in Design 1 Interface Change State Figure 5, click the white circle in the white ring in the lower left corner of Design 1 Interface Change State Figure 5 and drag it to "up", "down", "left" or "right", and the character in Design 1 Interface Change State Figure 5 will run in the corresponding direction; click the "blue" button in the lower left corner of Design 1 Interface Change State Figure 5 to enter Design 1 Interface Change State Figure 6, click the white circle in the white ring in the lower left corner of Design 1 Interface Change State Figure 6 and drag it to "up", "down", "left" or "right", and the Design 1 interface changes The character in the state diagram 6 will run in the corresponding direction; Design 2: The graphical user interface displayed in the main view of Design 2 is the starting interface entered after opening the program; click the "Enter Metaverse" button in the main view of Design 2 to enter the Design 2 interface change state diagram 1, and then automatically enter the Design 2 interface change state diagram 2 and Design 2 interface change state diagram 3 in turn; click the left 1 avatar under "Select a character" and the left 2 costumes under "Select the character's costume" in the Design 2 interface change state diagram 3 to enter the Design 2 interface change state diagram 4; click the "OK" button in the Design 2 interface change state diagram 4 to enter the Design 2 interface change state diagram 5; click the white circle in the white ring in the lower left corner of the Design 2 interface change state diagram 5 to "up", "down", Drag to the "left" or "right", and the character in the interface change state diagram 5 of Design 2 will walk in the corresponding direction; click the "blue" button at the lower left of the interface change state diagram 5 of Design 2 to enter the interface change state diagram 6 of Design 2, click the white circle in the white ring at the lower left of the interface change state diagram 6 of Design 2 to drag "up", "down", "left" or "right", and the character in the interface change state diagram 6 of Design 2 will walk in the corresponding direction; Design 3: The graphical user interface displayed in the main view of Design 3 is the starting interface entered after opening the program; click the "Enter Metaverse" button in the main view of Design 3 to enter the interface change state diagram 1 of Design 3, and then automatically enter the interface change state diagram 2 of Design 3 and the interface change state diagram 3 of Design 3 in turn;Click the left 1 avatar under "Select a character" and the left 3 costume under "Select the costume of this character" in Design 3 Interface Change State Diagram 3 to enter Design 3 Interface Change State Diagram 4; click the "OK" button in Design 3 Interface Change State Diagram 4 to enter Design 3 Interface Change State Diagram 5; click the white circle in the white ring at the lower left of Design 3 Interface Change State Diagram 5 and drag it to "up", "down", "left" or "right", and the character in Design 3 Interface Change State Diagram 5 will walk in the corresponding direction; click the "blue" button at the lower left of Design 3 Interface Change State Diagram 5 to enter Design 3 Interface Change State Diagram 6, click the white circle in the white ring at the lower left of Design 3 Interface Change State Diagram 6 Drag "up", "down", "left" or "right", and the character in Design 3 interface change state diagram 6 will walk in the corresponding direction; Design 4: The graphical user interface displayed in the main view of Design 4 is the starting interface entered after opening the program; click the "Enter Metaverse" button in the main view of Design 4 to enter Design 4 interface change state diagram 1, and then automatically enter Design 4 interface change state diagram 2 and Design 4 interface change state diagram 3 in turn; click the left 2 avatars under "Select a character" and the left 1 costume under "Select the character's costume" in Design 4 interface change state diagram 3 to enter Design 4 interface change state diagram 4; click the "OK" button in Design 4 interface change state diagram 4 to enter Design 4 Interface Change Status Diagram 5; click on the white circle in the lower left white ring of Design 4 Interface Change Status Diagram 5 and drag it to "up", "down", "left" or "right", and the character in Design 4 Interface Change Status Diagram 5 will walk in the corresponding direction; click on the "blue" button in the lower left of Design 4 Interface Change Status Diagram 5 to enter Design 4 Interface Change Status Diagram 6, click on the white circle in the lower left white ring of Design 4 Interface Change Status Diagram 6 and drag it to "up", "down", "left" or "right", and the character in Design 4 Interface Change Status Diagram 6 will walk in the corresponding direction; Design 5: The graphical user interface displayed in the main view of Design 5 is the starting interface entered after opening the program; click After clicking the "Enter Metaverse" button in the main view of Design 5, enter the Design 5 interface change state diagram 1, and then automatically enter the Design 5 interface change state diagram 2 and Design 5 interface change state diagram 3 in sequence; click the left 2 avatars under "Select a role" and the left 2 clothes under "Select the character's clothes" in Design 5 interface change state diagram 3 to enter the Design 5 interface change state diagram 4; click the "OK" button in Design 5 interface change state diagram 4 to enter the Design 5 interface change state diagram 5; click the white circle in the white ring in the lower left corner of Design 5 interface change state diagram 5 and drag it to "up", "down", "left" or "right", and the character in Design 5 interface change state diagram 5 will walk in the corresponding direction;Click the "blue" button at the bottom left of Design 5 interface change state diagram 5 to enter Design 5 interface change state diagram 6, click the white circle in the white ring at the bottom left of Design 5 interface change state diagram 6 and drag it to "up", "down", "left" or "right", and the character in Design 5 interface change state diagram 6 will walk in the corresponding direction; Design 6: The graphical user interface displayed in the main view of Design 6 is the starting interface entered after opening the program; click the "Enter Metaverse" button in the main view of Design 6 to enter Design 6 interface change state diagram 1, and then automatically enter Design 6 interface change state diagram 2 and Design 6 interface change state diagram 3 in turn; click the left 2 avatars and "Select" under "Select Character" in Design 6 Interface Change State Diagram 3 Select the 3rd costume on the left under "Costumes for this Character" and enter the Design 6 interface change state diagram 4; click the "OK" button in the Design 6 interface change state diagram 4 and enter the Design 6 interface change state diagram 5; click the white circle in the white ring at the lower left of the Design 6 interface change state diagram 5 and drag it "up", "down", "left" or "right", and the character in the Design 6 interface change state diagram 5 will walk in the corresponding direction; click the "blue" button at the lower left of the Design 6 interface change state diagram 5 and enter the Design 6 interface change state diagram 6; click the white circle in the white ring at the lower left of the Design 6 interface change state diagram 6 and drag it "up", "down", "left" or "right", and the character in the Design 6 interface change state diagram 6 will Walk in the corresponding direction; Design 7: The graphical user interface displayed in the main view of Design 7 is the starting interface entered after opening the program; click the "Enter Metaverse" button in the main view of Design 7 to enter the Design 7 interface change state diagram 1, and then automatically enter the Design 7 interface change state diagram 2 and Design 7 interface change state diagram 3 in turn; click the left 3 avatars under "Select a character" and the left 1 under "Select the character's costume" in the 7 interface change state diagram 3 to enter the Design 7 interface change state diagram 4; click the "OK" button in the Design 7 interface change state diagram 4 to enter the Design 7 interface change state diagram 5; click the white circle in the white ring in the lower left corner of the Design 7 interface change state diagram 5 to "up", "down", "left" or "right" ” Drag, the character in Design 7 Interface Change State Diagram 5 will walk in the corresponding direction; click the “blue” button at the lower left of Design 7 Interface Change State Diagram 5 to enter Design 7 Interface Change State Diagram 6, click the white circle in the white ring at the lower left of Design 7 Interface Change State Diagram 6 and drag “up”, “down”, “left” or “right”, the character in Design 7 Interface Change State Diagram 6 will walk in the corresponding direction; Design 8: The graphical user interface displayed in the main view of Design 8 is the starting interface entered after opening the program; click the “Enter Metaverse” button in the main view of Design 8 to enter Design 8 Interface Change State Diagram 1, and then automatically enter Design 8 Interface Change State Diagram 2 and Design 8 Interface Change State Diagram 3 in sequence;Click the 4th avatar on the left under "Select a character" and the 1st costume on the left under "Select the costume of this character" in the interface change state diagram 3 of Design 8 to enter the interface change state diagram 4 of Design 8; click the "OK" button in the interface change state diagram 4 of Design 8 to enter the interface change state diagram 5 of Design 8; click the white circle in the white ring at the lower left of the interface change state diagram 5 of Design 8 to drag "up", "down", "left" or "right", and the character in the interface change state diagram 5 of Design 8 will walk in the corresponding direction; click the "blue" button at the lower left of the interface change state diagram 5 of Design 8 to enter the interface change state diagram 6 of Design 8; click the white circle in the white ring at the lower left of the interface change state diagram 6 of Design 8 to drag "up", "down", "left" or "right", and the character in the interface change state diagram 6 of Design 8 will walk in the corresponding direction. ; 8. Other circumstances that require explanation: The graphical user interface of this design product is applied to electronic devices.

Images