The main body of the real-life map display and interactive dynamic graphical user interface for electronic devices

Abstract

1. Name of the product of this design: Main body for real-life map display and interactive dynamic graphical user interface for electronic devices. 2. Purpose of this design product: an electronic device. 3. The key design points of this design product lie in the local part of the graphical user interface. The area covered with the translucent red block is the content for which no protection is requested. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the Graphical User Interface: The overall appearance design of the interface is used to display 3D real-life city maps, dynamic guidance of real-life maps, rotation and zooming of real-life maps to explore city information, and other interactions. The purpose of the local appearance design of the interface is the same as the overall purpose. 7. Human-computer interaction method of the graphical user interface: In the main view of Design 1, when the user enters the real-life map and zooms to a small scale, a guide route extends to the right side of the real-life map area in the middle of the interface, presenting a dynamic interface change from the main view of Design 1 to the interface change state diagram 1 of Design 1. The route then extends and connects to the next real-life map area, presenting a dynamic interface change from Design 1 interface change state diagram 1 to Design 1 interface change state diagram 2. Subsequently, the interface gradually moves to the left, switching to display the next real-life map area, presenting dynamic interface changes from Design 1 Interface Change State Diagram 2 to Design 1 Interface Change State Diagram 5. In the main view of Design 2, when the user enters the real-life map and zooms to a small scale, a guide route extends to the right side of the real-life map in the middle of the interface, presenting a dynamic interface change from the main view of Design 2 to the interface change state diagram 1 of Design 2. The route then extends and connects to the next real-life map area, and travel mode, time, and distance information are displayed above the route, presenting a dynamic interface change from Design 2 interface change state diagram 1 to Design 2 interface change state diagram 2. Subsequently, the travel prompt information is displayed in an enlarged manner above the route, and the interface gradually moves to the left, presenting a dynamic interface change from Design 2 Interface Change State Diagram 2 to Design 2 Interface Change State Diagram 4. The interface then moves to the left, switching to display the next real-life map area, presenting a dynamic interface change from Design 2 Interface Change State Figure 4 to Design 2 Interface Change State Figure 5. The human-computer interaction method from the main view of Design 3 to the interface change state diagram 5 of Design 3 is the same as that from the interface change state diagram 5 of Design 1 to Design 1. In Design 3 interface change state diagram 5, a direction compass lights up outside the real-life map area in the middle of the interface. At the same time, an animation effect of ripples spreading outward from the real-life map area as the center point is displayed in a loop, such as the dynamic interface changes from Design 3 interface change state diagram 5 to Design 3 interface change state diagram 8. The human-computer interaction method from the main view of Design 4 to the interface change state diagram 5 of Design 4 is the same as that from the interface change state diagram 5 of Design 2 to Design 2. In Design 4 Interface Change State Diagram 5, a direction compass lights up outside the real-life map area in the middle of the interface. At the same time, an animation effect of ripples spreading outward from the real-life map area as the center point is displayed in a loop, such as the dynamic interface changes from Design 4 Interface Change State Diagram 5 to Design 4 Interface Change State Diagram 8. In the main view of Design 5, users can rotate or zoom in on the real-life map area in the middle of the interface to explore and obtain information about the real-life map city. The human-computer interaction description of Design 6 is the same as that of Design 5. In each design view, the area painted with large translucent red blocks is the 3D real-life map screen.

Images