1. Name of the product in this design:
Graphical user interface for viewing images and details of industrial vision
software 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. Design 1 is designated as the basic design. 6. Purpose of the
graphical user interface: A
graphical user interface used for browsing images and viewing details of corresponding tags in industrial vision
software. 7. Human-computer
interaction method of graphical
user interface: Design 1 main view is the product homepage; Clicking the
image name in the left
list of Design 1 main view displays the original image and
label box, resulting in Design 1 interface change
state diagram 1; Enter text in the input box in the lower right part of Design 1 interface change
state diagram 1, resulting in Design 1 interface change
state diagram 2; Click "Comment" in the lower right corner of Design 1 interface change state diagram 2 to comment on the image, resulting in Design 1 interface change state diagram 3; Hover the mouse over the image in Design 1 interface change state diagram 3 and scroll the mouse wheel inward to
zoom in on the image, resulting in Design 1 interface change state diagram 4; Drag the "Draw
Thick Line" button on the right side of Design 1 interface change state diagram 4 to obtain Design 1 interface change state diagram 5. Design 2's main view is the product homepage; clicking on the
image name in the left-hand
list of Design 2's main view displays the original image and its
label box, resulting in Design 2'
s interface change state diagram 1; entering text in the input box in the lower right corner of Design 2'
s interface change state diagram 1 results in Design 2'
s interface change state diagram 2; clicking "Comment" in the lower right corner of Design 2's interface change state diagram 2 allows you to comment on the image, resulting in Design 2's interface change state diagram 3; hovering the mouse over the image in Design 2's interface change state diagram 3 and
scrolling the mouse wheel inwards zooms in on the image, resulting in Design 2's interface change state diagram 4; dragging the "Background Transparency" indicator on the right side of Design 2's interface change state diagram 4 results in Design 2's interface change state diagram 5. Design 3's main view is the product homepage; clicking on the
image name in the left-hand
list of Design 3's main view displays the original image and its
label box, resulting in Design 3's interface change state diagram 1; entering text in the input box in the lower right corner of Design 3's interface change state diagram 1 results in Design 3's interface change state diagram 2; clicking "Comment" in the lower right corner of Design 3's interface change state diagram 2 allows you to comment on the image, resulting in Design 3's interface change state diagram 3; hovering the mouse over the image in Design 3's interface change state diagram 3 and
scrolling the mouse wheel inwards zooms in on the image, resulting in Design 3's interface change state diagram 4; clicking the label selection box on the right side of Design 3's interface change state diagram 4 deselects the label box for that image, resulting in Design 3's interface change state diagram 5. 8. Other situations requiring explanation: Other explanation: The gray blocks in the interface represent replaceable content screens.