Visual Low-Code Website Building Graphical User Interface for Electronic Devices

Abstract

1. Name of the Design Product: Graphical User Interface for Visual Low-Code Website Building of Electronic Devices. 2. Use of the Design Product: An electronic device. 3. Design Key Points of the Design Product: Lies in the graphical user interface in the electronic device. 4. Picture or Photograph Most Indicating the Design Key Points: Interface Variation State Diagram 5. 5. The electronic device has a conventional design, and other views are omitted. 6. Use of the Graphical User Interface: The product interface is an interactive interface for visual low-code website building; it is used to obtain the desired website style through AI dialogue and guide the modification of the click area with visual connection lines; in the main view interface, after the user has a dialogue with the AI, Interface Variation State Diagram 1 is displayed, and the AI gives several scheme types for the user to choose; in Interface Variation State Diagram 1, after clicking on a scheme (for example: Scheme 1), Interface Variation State Diagram 2 is displayed; when clicking on the scheme page for modification in Interface Variation State Diagram 2, Interface Variation State Diagram 3 is displayed; in Interface Variation State Diagram 3, after dragging the "+" sign, Interface Variation State Diagram 4 is displayed. Dragging the "+" sign will show connection lines. Dragging the connection line to the next page indicates the click jump effect of the finally presented web page; when all page jump settings are completed in Interface Variation State Diagram 4, Interface Variation State Diagram 5 is displayed, and the "Generate" button in the upper right corner is highlighted; in Interface Variation State Diagram 5, after clicking on the "Generate" button in the upper right corner, Interface Variation State Diagram 6 is displayed; the content screen is within the gray area of the interface.

Images