Modular information representation graphical user interface for electronic devices

Abstract

1. Name of the product in this design: Modular information display graphical user interface for electronic devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. As is customary, other views are omitted. 6. Design 1 is designated as the basic design. 7. Purpose of the graphical user interface: The graphical user interface of this product is used to express information in a modular form. 8. Human-computer interaction method of graphical user interface: When the vehicle is in park, the main view of Design 1 is displayed. The interface has two cards arranged on the left and right. The card on the left displays the default environmental perception interface, and the card on the right displays the map interface. When the vehicle is switched to drive, the interface changes to state 1 of Design 1. The interface has two cards arranged on the left and right. The card on the left displays the actual environmental perception interface, and the card on the right displays the map interface. When the user uses the vehicle's navigation function, the interface changes to state 2 of Design 1. The interface has two cards arranged on the left and right. The card on the left displays the actual environmental perception interface, and the card on the right displays the navigation interface. The navigation interface adds driving guidance information (located in the upper left area of ​​the navigation interface), navigation route, road condition information ahead, current speed, and current speed limit information to the map interface. When the user performs an operation to enlarge the width of the card located on the left side in the graphical user interface shown in Figure 2, the interface changes to Figure 3 of Design 1. When the vehicle is in park, the main view of Design 2 is displayed, with two cards arranged horizontally. The card on the left shows the default environmental awareness interface, and the card on the right shows the map interface. When the vehicle switches to drive, the interface changes to state 1 in Design 2, with two cards arranged horizontally. The card on the left shows the actual environmental awareness interface, and the card on the right shows the map interface. When the user uses the vehicle's navigation function, the interface changes to state 2 in Design 2, with two cards arranged horizontally. The card on the left shows the actual environmental awareness interface, and the card on the right shows the navigation interface. The navigation interface, based on the map interface, adds driving guidance information (located in the upper left area of ​​the navigation interface), navigation route, road condition information ahead, current vehicle speed, and current speed limit information. When the user clicks the circular control at the bottom in Design 2 interface change state diagram 2, which contains multiple rectangular color blocks, the interface in Design 2 interface change state diagram 3 adds a card displaying a list of application icons. When the user selects the first icon in the application icon list, the interface in Design 2 interface change state diagram 4 is displayed, where the card on the right shows the application interface corresponding to the selected application icon, changing the left-right layout ratio. When the vehicle is in park, the main view of Design 3 is displayed, with two cards arranged horizontally. The card on the left displays the default environmental awareness interface, and the card on the right displays the map interface. When the vehicle switches to drive, the interface changes to state 1 in Design 3, with two cards arranged horizontally. The card on the left displays the actual environmental awareness interface, and the card on the right displays the map interface. When the user uses the vehicle's navigation function, the interface changes to state 2 in Design 3, with two cards arranged horizontally. The card on the left displays the actual environmental awareness interface, and the card on the right displays the navigation interface. The navigation interface, in addition to the map interface, adds driving guidance information (located in the upper left area of ​​the navigation interface), navigation route, road condition information ahead, current speed, and current speed limit information. When the user clicks the circular control at the bottom of state 2 in Design 3, which contains multiple rectangular color blocks, the interface changes to state 3 in Design 3, with a card displaying a list of application icons added to the interface. When the user selects the second application icon in the application icon list, the interface changes to state 4 in Design 3, with the card on the right displaying the application interface corresponding to the selected application icon. When the vehicle is in park, the main view of Design 4 is displayed. There are two cards arranged on the left and right sides of the interface. The card on the left displays the default environmental awareness interface, and the card on the right displays the map interface. When the vehicle switches to the forward gear, enter the design 4 interface change state diagram 1, and the left and right are arranged with two cards. The card on the left shows the real environment perception interface, and the card on the right shows the map interface. When the user inputs the voice instruction, enter the design 4 interface change state diagram 2, and the card in the interface shows the response information to the voice instruction.

Images