Interactive graphical user interface for product selection page of electronic devices

Abstract

1. Name of the product of this design: Graphical user interface for interactive product selection page of electronic equipment. 2. Purpose of this design product: This design product is used for an electronic device. 3. The key design point of this appearance design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Design 1 changing state diagram 1. 5. Conventional design, omitting the top, bottom, left, right, rear views and stereogram of Design 1 and Design 2. 6. Designate Design 1 as the base design. 7. Purpose of the graphical user interface: To realize the product selection and viewing on the product selection page and support the folder selection function through changes in user operations. 8. Other situations that require explanation are described in reference figures: Design 1: As shown in the main view of Design 1, select any product and the "N items selected" option will be displayed at the bottom of the page, as shown in the changing state diagram 1 of Design 1. Click on the option to display the floating layer to view the selected products, as shown in the changing state diagram 2 of Design 1; Design 2: The main view of Design 2 displays the added product list in the form of a folder. Click on any folder to call up the floating layer, as shown in the changing state diagram of Design 2, to display the products in the selected folder; It should be noted that the color block coated areas in the main views and changing state diagrams of Designs 1 and 2 are content screens, and this design does not request color protection; The usage state reference diagram is a rendering of the user interaction interface. The main view of Design 1 and changing state diagrams 1~2 correspond to the usage state reference diagrams 1~3 of Design 1 respectively, and the main view and changing state diagram of Design 2 correspond to the usage state reference diagrams 1~2 of Design 2 respectively.

Images