Interactive module for custom room-based microphone seating layout styles for electronic devices (graphical user interface).

Abstract

1. Name of the product in this design: Interactive module for a graphical user interface with a custom room-based microphone seating layout for electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts within the graphical user interface, with the area outside the dotted lines being the protected area. 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: Used to customize the layout of the microphone seats in the room; the local purpose that needs protection is the same as the overall purpose. 7. Human-computer interaction method of graphical user interface: In Design 1, users can click any dot in the middle of the main view interface of Design 1 to perform the operation of taking a seat in the room, or click the small window function control in the upper left corner of the interface to open the room floating window display function, or click the close control in the upper right corner of the interface to perform the operation of leaving the room. Users can also click on their own avatar after taking a seat to customize the display style of their avatar, such as changing the avatar to an emoji icon or image. The human-computer interaction descriptions for Designs 2 to 4 are the same as those for Design 1. In Design 5, when a user clicks on any dot in the middle of the Design 5 main view interface, the user in the room can take their seat on the microphone. The dot will display the avatar of the seated user, showing the interface change from the Design 5 main view to the Design 5 interface state diagram 1. When a user sits down and clicks on their own avatar, a pop-up window for selecting a custom avatar will appear, showing the interface changes from Design 5 Interface Change State Figure 1 to Design 5 Interface Change State Figure 2. When a user clicks on any custom avatar option in the pop-up window, the pop-up window content will collapse and the avatar at the sitting position will change to the selected icon, presenting the interface changes from Design 5 Interface Change State Figure 2 to Design 5 Interface Change State Figure 3. In Design 6, when a user enters a room and other users are already seated, the avatar of the seated user is displayed at the dot position on the main view interface of Design 6. When a user clicks on any dot in the middle of the Design 6 main view interface, the user can take a seat in the room. The dot will display the avatar of the seated user, showing the interface change from the Design 6 main view to the Design 6 interface state diagram 1. When a user sits down and clicks on their own avatar, a pop-up window for selecting a custom avatar will appear, showing the interface changes from Design 6 Interface Change State Figure 1 to Design 6 Interface Change State Figure 2. When a user clicks on any custom avatar option in the pop-up window, the pop-up window content will collapse and the avatar at the sitting position will change to the selected icon, presenting the interface changes from Design 6 Interface Change State Figure 2 to Design 6 Interface Change State Figure 3. In Design 7, when a user enters a room and other users are already seated, the avatar of the seated user is displayed at the dot position on the main view interface of Design 7, and some users have customized their avatar display style. When a user clicks on any dot in the middle of the Design 7 main view interface, the user in the room can take their seat on the microphone. The dot will display the avatar of the seated user. During this time, other users in the room will also customize their avatar styles and change them in real time, presenting the interface change from the Design 7 main view to the Design 7 interface state diagram 1. When a user sits down and clicks on their own avatar, a pop-up window for selecting a custom avatar will appear. During this time, other users in the room are also customizing their avatar styles and changing them in real time, presenting the interface changes from Design 7 Interface Change State Figure 1 to Design 7 Interface Change State Figure 2. When a user clicks on any custom avatar option in the pop-up window, the pop-up window content will collapse and the avatar at the sitting position will change to the selected icon content, presenting the interface changes from Design 7 interface change state diagram 2 to Design 7 interface change state diagram 3. In Design 8, when a user enters a room and other users are already seated, the avatar of the seated user is displayed at the dot position on the main view interface of Design 8. When other users who are already seated click on their own avatar, they can customize the display style of their avatar. The interface displays the changes in the user's avatar in real time, showing the interface changes from the main view of Design 8 to the interface state diagram of Design 8. In Design 9, when a user enters a room and other users are already seated, the avatar of the seated user is displayed at the dot position on the main view interface of Design 9, and some users have customized their avatar display style. When other users who are seated but have not customized their avatars click on their own avatars, they can customize the display style of their avatars. The interface displays the changes in the user's avatars in real time, showing the interface changes from the main view of Design 9 to the interface state diagram of Design 9.

Images