1. Name of the product in this design:
Route information module for interactive
graphical user interface of travel routes for electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts in the
graphical user interface, and the parts not marked with dotted lines are the parts for which protection is required. 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 overall appearance design of the interface is used to display the navigation search module, travel
route options, map navigation routes, specific
route information, etc. The partial appearance design of the interface is used to display the travel
route options and specific route information modules, and to allow users to quickly switch the corresponding route information by clicking on the route option, and to switch route information by swiping, etc. 7. Human-computer
interaction method of graphical
user interface: In the main view of Design 1, users can click on the route option above the map route to switch the display of the corresponding route information (the bottom module of the interface displays the specific route information of the corresponding option route). Users can also
swipe horizontally on the route information module at the bottom of the interface to view more specific information of the route. The human-computer interaction methods of Design 2 and Design 3 are the same as those of Design 1. In the main view of Design 4, users can click on the route options below the map route to switch the display of the corresponding route information (the module below it displays the specific route information of the corresponding option route). Users can also click on the "Start Navigation" control to enter the navigation state. The human-computer interaction methods of Design 5 and Design 6 are the same as those of Design 4. In the Design 7 main view, when the user clicks on any route option above the map route, the route information of the corresponding option is switched to display, showing the interface changes from the Design 7 main view to the Design 7 interface
state diagram. Design 8 uses the same human-computer
interaction method as Design 7. In the main view of Design 9, when the user clicks on the specific route
information card at the bottom of the interface, the interface jumps to the Design 9 interface change
state diagram. In the interface change status diagram of Design 9, users can click the route option below the map route to switch the display of the corresponding route information. In the Design 10 main view, when the user drags the specific route
information card overlay at the bottom of the interface upwards, the
overlay expands upwards to display more route information cards, presenting the interface change from the Design 10 main view to the Design 10 interface change
state diagram. In the interface change state diagram of Design 10, users can click on any route card to enter the corresponding route navigation information interface.