Graphical user interface for viewing information on electronic devices

Abstract

1. Name of the product of this design: Graphical user interface for viewing information on electronic devices. 2. Purpose of this design product: This design product is used for an electronic device. 3. The design key point of this appearance design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Conventional design, design 1‑4 left view omitted; conventional design, design 1‑4 right view omitted; conventional design, design 1‑4 top view omitted; conventional design, design 1‑4 bottom view omitted; conventional design, design 1‑4 rear view omitted. 6. Designate Design 1 as the base design. 7.Purpose of the graphical user interface: This design product is used to enable users to quickly view the boarding code and boarding point information while waiting for the driver to pick them up. The main views of Design 1 and Design 3 are both interfaces where the boarding code is waiting to be verified. The main views of Design 2 and Design 4 are both interfaces where the boarding code has been fully verified. The upper half of each main view interface is a map area, which displays thumbnails of the driver's pick-up route and boarding point. The middle position displays the boarding code status and operation controls, and below it is the vehicle information. The interface change state diagram of Design 1 is the interface displayed after clicking the "Ticket Check" control in the main view of Design 1. The boarding code and boarding information to be verified can be directly viewed, which is convenient for users to show the code for ticket checking. Click the "X" close symbol in the upper right corner or click the "Collapse Boarding Code" control at the bottom to directly close the interface; The interface change state diagram of Design 2 is the interface displayed after clicking the "View" control in the main view of Design 2. You can view the boarding code with a "verified" mark. Click the "X" close symbol in the upper right corner or click the "Collapse Boarding Code" control at the bottom to directly close the interface. The interface change state diagrams of Design 3 and 4 are the interfaces displayed after clicking the "View Large Image" control in the map area above the main view interface of Design 3 and 4. The scene map of the boarding point is enlarged, and the user can quickly find the boarding point based on the enlarged image. 8. Human-computer interaction method of the graphical user interface: When the user clicks the "Ticket Check" control in the middle of the interface in the main view of Design 1, the interface jumps to the Design 1 interface change state diagram. When the user clicks the "View" control in the middle of the interface in the main view of Design 2, the interface jumps to the Design 2 interface change state diagram. When the user clicks the "View larger image" control at the top of the interface in the main view of Design 3, the interface jumps to the Design 3 interface change state diagram. When the user clicks the "View larger image" control at the top of the interface in the main view of Design 4, the interface jumps to the Design 4 interface change state diagram.

Images