Route information module for interactive graphical user interface of travel routes in electronic devices

Abstract

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.

Images