The main body of the interactive graphical user interface for changing the appearance of QR codes on electronic devices.

Abstract

1. Name of the product in this design: The main body of the interactive graphical user interface for changing the appearance of electronic devices using QR codes. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts in the graphical user interface, and the parts not marked with dotted lines are the parts for which protection is required. 4. The picture or photo that best illustrates the key design points: Design 1 main view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: Used to change the appearance of the QR code; the local purpose requiring protection is the same as the overall purpose. 7. Human-computer interaction method of graphical user interface: In Design 1, the main view of Design 1 is a QR code style editing interface. Users can click the arrow to the right of "QR code style" on the main view interface of Design 1 to expand more style options, or click any color option on the interface to change the background color of the QR code, or click the arrow to the right of "Add corporate brand" to perform related settings, or click the "Save QR code" control at the bottom of the interface to save. The human-computer interaction description for Design 2 is the same as that for Design 1. In Design 3, the main view is the QR code color editing interface. Users can select colors by dragging the circular color picker control in the color picker module of the Design 3 main view interface, or by dragging the circular control on the color slider in the interface, or by clicking the "Collapse" control in the interface to collapse the contents of the color picker module, or by clicking the "Reset" / "Confirm" control at the bottom of the interface to reset the color or confirm the color selection. The human-computer interaction description for Design 4 is the same as that for Design 3. In Design 5, when a user clicks the color picker at the top of the color options in the Design 5 main view interface, the color picker panel can be opened to perform relevant editing operations on the QR code background color, presenting the interface changes from the Design 5 main view to the Design 5 interface state diagram. The human-computer interaction descriptions for Designs 6 to 8 are the same as those for Design 5.

Images