Display screen panel with GUI of editable in-car app desktop cards

Abstract

1. The name of the product of this design: Display screen panel with a graphical user interface with editable in-vehicle application desktop cards. 2. Purpose of this design product: used for interaction and display of information. This design display screen panel can be used for car computers, car navigation systems, car central control displays, and seat displays. 3. The key design point of this appearance design product lies in the content of the graphical user interface on the screen. 4. The picture or photo that best illustrates the design points: Interface change state diagram 1. 5. Conventional design, other views omitted. 6. Purpose of the graphical user interface: The interface of this design allows users to customize the order and size of desktop cards. 7. Human-computer interaction mode of the graphical user interface: The main view is the home page of the vehicle computer. The page is displayed as a multi-page desktop that can be turned left and right. Each page of the desktop consists of 3 application windows. The application window can be composed of a single large card on the left and middle, a medium card on the upper right, and a small card on the lower right, as shown in the main view; long press any application window in the main view to enter the editing mode. In the editing mode, each application window is editable. An icon that can delete the window is displayed in the upper right corner of each application window, and a completion icon appears in the lower right corner of the interface. In the editing mode, drag the application window to adjust the card position on the desktop of the current page, or drag the application window to the next page of the desktop on the left or right, as shown in the interface change state diagram 1; in the interface change state diagram 1, slide the multi-page desktop to the left to slide to a new page of blank desktop, Create a new desktop page and add a desktop application window. An Add button appears in the middle of the desktop and a Done icon appears in the lower-right corner of the desktop, as shown in Interface Change Status Figure 2. Click the Add button in Interface Change Status Figure 2, and an application card in three styles, large, medium, and small, appears on the left side of the desktop. At the same time, other recently used application icons appear on the right side of the desktop, and a Done icon appears in the lower-right corner of the desktop. Slide other applications to the left to display the desktop applications that can be added in turn. Click another application on the right to display the corresponding application on the left. Each application that appears on the left can choose to display the three card presentation methods of large, medium, and small, as shown in Interface Change Status Figure 3. In Interface Change Status Figure 3, click to select one of the three large, medium, and small cards on the left, and click the Done icon to exit the editing state to complete the setting of the new desktop application, as shown in Interface Change Status Figure 4.

Images