Planning content interaction area of itinerary planning interactive graphical user interface for electronic device

Abstract

1. Name of the product in this design: Interactive area for planning content in a graphical user interface for travel planning of 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 combine the map view with the planning content overlay, linking and displaying the planned route and itinerary content, and showing the specific map view and itinerary content; the partial appearance design of the interface is used to combine the map view with the planning content overlay, linking and displaying the planned route and itinerary content, and quickly switching to preview the planned itinerary content. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, the upper area of ​​the interface displays the planned route of the trip. Users can click on any location on the route, and the content information of that location will be switched in the floating layer below the interface; or, the trip planning content is displayed in the floating layer below the interface, and users can click on the trip time option in the floating layer to switch the planned route information for the selected time. Design 2 uses the same human-computer interaction method as Design 1. In the main view of Design 3, the upper area of ​​the interface displays the planned route of the trip, and the lower floating layer displays the trip planning content cards. Users can swipe left or click on other trip planning content cards to switch the displayed route information for the selected time. Design 4 uses the same human-computer interaction method as Design 3, with photos of the corresponding locations displayed above the floating layer. In the main view of Design 5, the upper area of ​​the interface displays the planned route of the trip, and the lower floating layer displays the trip planning content cards. Users can swipe left and right or click on other trip planning content cards to switch the displayed route information for the selected time. In the main view of Design 6, when the user clicks the "Day 1" option in the overlay, the route at the top of the interface switches accordingly, and the itinerary planning content in the overlay also switches accordingly, presenting the interface changes from the main view of Design 6 to the interface change state diagram of Design 6. Design 7 uses the same human-computer interaction method as Design 6. In the main view of Design 8, when the user slides the planning information content in the floating layer at the bottom of the interface and slides to a certain position node, the route information at the top of the interface changes accordingly based on the current preview content. At the same time, the position node on the route is highlighted, showing the interface change from the main view of Design 8 to the interface change state diagram of Design 8. In the main view of Design 9, when the user clicks the rounded rectangle control in the lower right corner of the interface, the user enters the route planning editing state, which shows the interface changes from the main view of Design 9 to the interface change diagram of Design 9. In the main view of Design 10, when the user drags the bottom floating layer upwards, the floating layer expands upwards and displays specific travel planning information, presenting the interface change from the main view of Design 10 to the interface change state diagram of Design 10. In each design view, the background with the travel route is the map content screen. Meanwhile, in each design view, the bold black dashed line portion with the travel route is part of the design and is the portion for which protection is requested.

Images