Graphical User Interface for In-Vehicle Road Navigation of an Electronic Device

Abstract

1. Name of the Design Product: Graphical User Interface for In-vehicle Road Navigation of Electronic Devices. 2. Use of the Design Product: For displaying information and human-computer interaction. 3. Design Key Points of the Design Product: Lies in the graphical user interface. 4. Picture or Photograph that Best Illustrates the Design Key Points: The front view of Component 1 of Design 1. 5. Design 3 is designated as the basic design. 6. Use of the Graphical User Interface: For multi-screen interaction of vehicle navigation in a multi-screen linkage manner. 7. Human-Computer Interaction Method of the Graphical User Interface: The interaction logic between components shown in this design is multi-screen linkage. The front view of Component 1 of Design 1, the front view of Component 2 of Design 1, and the front view of Component 2 of Design 2 are the initial interfaces. Among them, the interface of Component 1 of Design 1 is the central control screen, and the interface of Component 2 of Design 1 is the left screen; the interface of Component 1 of Design 2 is the central control screen, and the interface of Component 2 of Design 2 is the right screen; the interface of Component 1 of Design 3 is the central control screen, the interface of Component 2 of Design 3 is the left screen, and the interface of Component 3 of Design 3 is the right screen; after voice interaction is awakened by voice in the front view of Component 1 of Design 1, it enters the State Change Diagram 1 of the interface of Component 1 of Design 1; after the address is input by voice in the State Change Diagram 1 of the interface of Component 1 of Design 1, it enters the State Change Diagram 2 of the interface of Component 1 of Design 1; after any address in the voice selection list is selected in the State Change Diagram 2 of the interface of Component 1 of Design 1, it enters the State Change Diagram 3 of the interface of Component 1 of Design 1; when swiping three fingers to the left at any position in the State Change Diagram 3 of the interface of Component 1 of Design 1, the navigation page information of the central control screen is transmitted to the left screen, and it enters the State Change Diagram of the interface of Component 2 of Design 1; after voice interaction is awakened by voice in the front view of Component 1 of Design 2, it enters the State Change Diagram 1 of the interface of Component 1 of Design 2; after the address is input by voice in the State Change Diagram 1 of the interface of Component 1 of Design 2, it enters the State Change Diagram 2 of the interface of Component 1 of Design 2; after any address in the voice selection list is selected in the State Change Diagram 2 of the interface of Component 1 of Design 2, it enters the State Change Diagram 3 of the interface of Component 1 of Design 2; when swiping three fingers to the right at any position in the State Change Diagram 2 of the interface of Component 1 of Design 2, the navigation page information of the central control screen is transmitted to the right screen, and it enters the State Change Diagram of the interface of Component 2 of Design 2; after voice interaction is awakened by voice in the front view of Component 1 of Design 3, it enters the State Change Diagram 1 of the interface of Component 1 of Design 3; after the address is input by voice in the State Change Diagram 1 of the interface of Component 1 of Design 3, it enters the State Change Diagram 2 of the interface of Component 1 of Design 3; after any address in the voice selection list is selected in the State Change Diagram 2 of the interface of Component 1 of Design 3, it enters the State Change Diagram 3 of the interface of Component 1 of Design 3; when swiping down at the upper end position of the screen in the State Change Diagram 3 of the interface of Component 1 of Design 3, it enters the State Change Diagram 4 of the interface of Component 1 of Design 3; when clicking the "Settings" icon in the lower task bar in the State Change Diagram 4 of the interface of Component 1 of Design 3, it enters the State Change Diagram 5 of the interface of Component 1 of Design 3; when swiping up in the left task bar in the State Change Diagram 5 of the interface of Component 1 of Design 3, it enters the State Change Diagram 6 of the interface of Component 1 of Design 3; when clicking "Display" in the State Change Diagram 6 of the interface of Component 1 of Design 3, it enters the State Change Diagram 7 of the interface of Component 1 of Design 3; when clicking the "22. in the lower task bar in the State Change Diagram 7 of the interface of Component 1 of Design 3The "5"" enters the state change diagram of Design 3 Component 1 Interface 8; when the vehicle sensor detects that the vehicle is in a bright environment, the Design 3 Component 1 Interface, the Design 3 Component 2 Interface, and the Design 3 Component 3 Interface synchronously enter the bright color theme. When entering from the state change diagram of Design 3 Component 1 Interface 7 to the state change diagram of Design 3 Component 1 Interface 9, the main view of Design 3 Component 2 synchronously enters the state change diagram of Design 3 Component 2 Interface, and the main view of Design 3 Component 3 synchronously enters the state change diagram of Design 3 Component 3 Interface; in the state change diagram of Design 3 Component 1 Interface 9, when swiping down at the upper position of the screen, it enters the state change diagram of Design 3 Component 1 Interface 10. 8. Other situations that need to be explained Other explanations: The single gray color block in each view is the content screen.

Images