Main body of a leaderboard information display and interactive graphical user interface for an electronic device

Abstract

1. Name of the product in this design: The main body of an electronic device for displaying ranking information and providing an interactive graphical user interface. 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 image or photograph that best illustrates the design's key points: Design 3, main view. 5. Design 3 is designated as the basic design. 6. Purpose of the graphical user interface: to display the reasons for the ranking list generation; to display ranking list map information, showing store information on the map screen according to the location of stores in the ranking list; to display ranking list information, such as multiple ranking list categories, store cards / store images / store recommendation information / store ratings, etc. in the ranking list; at the same time, the ranking list information and the ranking list map information are displayed in conjunction. 7. Human-computer interaction method of graphical user interface: Design 1 The main view is the list display interface. The reason for the list generation is displayed at the top of the interface, and the list information is displayed at the bottom of the interface. Design 2 uses the same human-computer interaction method as Design 1. Design 3's main view is the list display interface. The top of the interface displays the reason for the list's generation, and the bottom of the interface displays the list information. After the reason for the list's generation is displayed, the interface changes to a different state in Design 3. The top of the interface displays the list map information, and the bottom of the interface displays the list information. The list map information and the list information are displayed in a linked manner. Design 4's main view is the ranking display interface. The top of the interface displays the ranking map information; the bottom of the interface displays the ranking list information. Users can switch the ranking content by clicking the tags of different rankings above or to the left of the ranking list information; the bottom of the interface displays a ranking update prompt bar to indicate that the ranking will be refreshed soon. Design 5's main view is the ranking display interface. The top of the interface displays the ranking map information, and the bottom of the interface displays the ranking list information. When refreshed, the content of the store at the top is highlighted. Design 6's main view is the list display interface, with a list update prompt bar at the bottom of the interface to indicate that the list is about to be refreshed and displayed; during the list refresh and display process, the interface changes as shown in Figure 1 of Design 6, highlighting the store content at the top of the refreshed list; after the list refresh and display is complete, the interface changes as shown in Figure 2 of Design 6. Design 7 uses the same human-computer interaction method as Design 4. Design 8's main view is the ranking display interface. The top of the interface displays the ranking map information, and the map bubble can display the store's introduction information; the bottom of the interface displays the ranking list information, and users can enter the store's rating details page by clicking on the store's rating information; stores located at the top of the ranking list display area can be highlighted in the map. Design 9 uses the same human-computer interaction method as Design 8. The main view of Design 10 is the ranking display interface. The top of the interface displays the ranking map information, and the bottom of the interface displays the ranking list information. When the user clicks on the rating information of a store in the ranking, he enters the rating details page of that store. When the user pulls down the ranking list overlay to the bottom area of ​​the interface, the ranking list collapses and displays more ranking map information, presenting the interface change from the main view of Design 10 to the interface change state diagram of Design 10. 8. Other situations requiring explanation: The schematic maps in each design view interface are part of the content screen and will change depending on the area of ​​use. They are not the part of this design patent that is claimed. 9. The rectangular blank areas in each design view are content screens, such as photos and pictures. The text and / or numbers in each design view interface are replaceable, and their number is not limited by the number of characters that can be replaced.

Images