Bookmark usage operation area for online reading interactive dynamic graphical user interface for electronic devices

Abstract

1. Name of the product of this design: Bookmark operation area of ​​an interactive dynamic graphical user interface for online reading in electronic devices. 2. Purpose of the product of this design: an electronic device. 3. The key design features of this design product lie in the solid-line content of the graphical user interface; the dotted-line content does not constitute part of the design for which protection is sought. 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: used for online reading interaction, and the local purpose that needs to be protected is used to demonstrate how to use bookmarks. 7. Human-computer interaction method of graphical user interface: In Design 1, when the user clicks or pulls down the bookmark icon in the upper left corner of the main view interface of Design 1, the bookmark icon extends downward, and then the text page being read in the interface shrinks, and the book cover is displayed in front of the text page and folded to the left at the same time, simulating the effect of closing the book and continuously shrinking and folding to the position where the book was before opening the book, presenting the interface change from the main view of Design 1 to the interface change state diagram 4 of Design 1. In Design 2, when the user clicks or pulls down the bookmark icon in the upper right corner of the Design 2 main view interface, the bookmark icon extends downward, and then the text page being read in the interface shrinks, and the book cover is displayed in front of the text page and folded to the left at the same time, simulating the effect of closing the book and continuously shrinking and retracting to the position where the book was before the book was opened, presenting the interface change from the Design 2 main view to the Design 2 interface change state diagram 4.

Images