Top navigation event floating layer of the browsing page graphical user interface of the electronic device

Abstract

1. The name of the product of this design: the top navigation event floating layer of the browsing page graphical user interface of an electronic device. 2. Purpose of this design product: This design product is used for an electronic device. 3. The key design features of this design product are the part of the graphical user interface for which protection is sought. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: Overall purpose: browsing page interaction, local purpose: realizing the function of top navigation event floating layer display through changes in user operations. 7. Other situations that need explanation Reference diagram description: This appearance design protects the top navigation event floating layer; Design 1: When the mouse hovers over the top navigation event option, the corresponding floating layer is displayed as shown in the main view of Design 1. The upper right corner of the floating layer displays a list of popular events. If the event in the list is in the live broadcast state, a live broadcast icon is displayed on the left side of the event. When the mouse hovers over the event, a "Watch Live" prompt button is displayed on the right side of the event, as shown in the design 1 change state diagram, click the button to jump to the corresponding live broadcast room; Design 2 is the display interface of the popular event list in the top navigation event floating layer where the event has ended; Design 3: As shown in the main view of Design 3, the lower right corner of the floating layer displays a recent event preview. You can click the "Subscribe" button on the right side of the event to complete the event subscription, as shown in the design 3 change state diagram; The use state reference diagram is a rendering of the user interaction interface. The main view and change state diagram of Design 1 correspond to the use state reference diagrams 1~2 of Design 1 respectively, the main view and change state diagram of Design 2 correspond to the use state reference diagrams 1~2 of Design 2 respectively, and the main view and change state diagram of Design 3 correspond to the use state reference diagrams 1~2 of Design 3 respectively.

Images