Extraction concentration selection graphical user interface for electronic devices

Abstract

1. Name of this design: Graphical User Interface for Selecting Extraction Concentration in Electronic Devices. 2. Purpose of this design: The graphical user interface is used for human-computer interaction and display of concentration selection. 3. The key design feature of this product is its graphical user interface. 4. The image or photograph that best illustrates the design's key features: the front view. 5. Purpose of the graphical user interface: The graphical user interface is used to display the interface for selecting the extraction concentration. 6. Human-Computer Interaction Method of Graphical User Interface: Taking plasmid extraction as an example: The main view displays two concentration selection buttons: "Normal Concentrate" and "High Concentrate." Clicking the "Normal Concentrate" button performs plasmid extraction at a normal concentration, while clicking the "High Concentrate" button performs plasmid extraction at a high concentration. Clicking any button in the main view leads to interface state diagram 1. The right side of interface state diagram 1 displays "Start," "Reset," and "Back" operation buttons, and the numbers on the left show the work progress. Clicking the "Start" button in interface state diagram 1 leads to interface state diagram 2. Interface state diagram 2 shows the interface after clicking the "Start" button in interface state diagram 1. At this time, the "Start" button changes to a "Pause" button, which the user can click to pause the work. The numbers on the left show... The progress percentage is displayed, as shown in the figure, currently at "52%". Clicking the "Pause" button in interface state diagram 2 leads to interface state diagram 3. Interface state diagram 3 shows the interface after clicking the "Pause" button in interface state diagram 2. At this time, the "Pause" button changes to a "Continue" button, and the user can click "Continue" to continue working. After clicking the "Continue" button in interface state diagram 3, the interface state diagram 4 is displayed. Interface state diagram 4 shows the interface when the work progress is "100%". At this time, the number "100%" on the left side of the interface indicates that the work is completed.

Images