Community home page information presentation and interactive graphical user interface for electronic devices

Abstract

1. Name of the product in this design: Community homepage information display and interactive graphical user interface for electronic devices. 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 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The design requested for protection is used to display information on the community's personal homepage, show information on works under the categories of "Featured," "Favorites," and "My," filter information on works in a hierarchical manner, and interact with users by uploading videos / images. 7. Human-computer interaction methods of the graphical user interface: In the main view of Design 1, users can click the icon to the right of "User Nickname" to reset their nickname information; they can click the "Favorites" or "My" category controls to view the works information under the corresponding category; they can click the search icon to search for the corresponding works; they can click the "Latest" category control to view the works information under the corresponding category, and can also click the arrow to its right to expand more category tags; they can click any work option to view the corresponding work information; and they can also click the plus sign control in the lower right corner to upload videos / images. In the main view of Design 2, users can click the icon to the right of "User Nickname" to reset their nickname information; they can click the "Favorites" or "My" category controls to view the works information under the corresponding category; they can click the search icon to search for the corresponding works; they can click the "Latest" category control to view the works information under the corresponding category, and can also click the arrow to its right to collapse more category tags; they can click any work option to view the corresponding work information; and they can also click the plus sign control in the lower right corner to upload videos / images. In the main view of Design 3, users can click the icon to the right of "User Nickname" to reset their nickname information; they can click the "Featured" or "My" category controls to view the works information under the corresponding category; they can click any work option to view the corresponding work information; and they can also click the plus sign control in the lower right corner to upload videos / images. In the main view of Design 4, users can click the icon to the right of "User Nickname" to reset their nickname information; they can click the "Favorites" or "My" category controls to view the works information under the corresponding category; they can click the search icon to search for the corresponding works; they can click the "Latest" category control to view the works information under the corresponding category, and can also click the arrow to its right to collapse more category tags; they can click any work option to view the corresponding work information; and they can also click the "Videos" or "Images" options at the bottom of the interface to upload system videos or images. Design 5 uses the same human-computer interaction method as Design 1. In addition, the points module is displayed in the upper right corner of the main view of Design 5, and users can click on the points module to perform corresponding operations. Design 6 uses the same human-computer interaction method as Design 2. In addition, the points module is displayed in the upper right corner of the main view of Design 6, and users can click on the points module to perform corresponding operations. Design 7 uses the same human-computer interaction method as Design 3. In addition, the upper right corner of the main view of Design 7 displays an points module, and users can click on the points module to perform corresponding operations. Design 8 uses the same human-computer interaction method as Design 4. In addition, the points module is displayed in the upper right corner of the main view of Design 8, and users can click on the points module to perform corresponding operations. In each design interface, the circular blank area is the user's avatar content screen, and the rectangular blank area with "work name" is the work's image / photo content screen.

Images