Dynamic graphical user interface for garment handling operations on electronic devices

Abstract

1. Name of the product in this design: Dynamic graphical user interface for clothing handling operations of 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. Application of the graphical user interface: Used in electronic garment handling devices, allowing users to rotate or tap the touch ring area to switch between different washing and care hoppers or drying, washing, and garment care programs, and visually display the remaining program time, realizing human-computer interaction operation of garment washing and care functions. 7. The area of ​​the graphical user interface in the product: This dynamic graphical user interface is fully displayed in the circular touch interaction area in the center of the front of the garment handling electronic device. All light and shadow, positioning points, text, and operation instructions are limited to this circular area. 8. Human-computer interaction method of graphical user interface: Users operate by sliding and rotating the circular interactive ring; the bright light spot on the ring will rotate synchronously along the circular trajectory according to the user's sliding operation; when the light spot rotates to the corresponding white dot, the corresponding washing and care tub text label will be displayed synchronously in the center of the inner ring of the interface, completing the switching selection of different washing and care tub modes. The whole interface is a continuous and dynamic switching process. Design 1's main view is the initial standby interface. After the device is powered on, the initial standby interface is displayed by default. The white dot at the top of the ring is highlighted with a bright light. There are no text labels in the center of the inner ring. This is the basic standby state without selecting any washing and conditioning tub. It is the starting interface of the entire dynamic interactive process. When the touch ring is rotated or touched in the main view of Design 1, and the highlighted dot stays at the white dot at the top of the ring, the text "Upper Tube" appears simultaneously in the center area of ​​the inner ring, and the interface switches to the upper tub washing and care mode selected state as shown in Design 1 interface change state diagram 1; when the touch ring is slid along the ring as shown in Design 1 interface change state diagram 1, and the original highlighted dot at the top rotates along the ring trajectory to the right-side white dot position, the text in the inner ring is simultaneously updated and replaced with "Right Tube", and the interface switches to the right tub washing and care mode selected state as shown in Design 1 interface change state diagram 2; when the touch ring is rotated or touched in the main view of Design 1, and the highlighted dot stays at the white dot at the top of the ring ... updated and replaced with "Right Tube", and the interface switches to the right tub washing and care mode selected state as shown in Design 1 interface change state diagram 2; when the touch ring is rotated or touched in the main view of Design 1, and the highlighted dot stays at the white dot at the top of the ring, the text in the inner ring is updated and replaced with "Right Tube", and the interface switches to the right tub washing and care mode selected state as shown in Design 1 interface change state diagram 2; when the touch ring is rotated or touched in the main view of Design 1, and the highlighted dot stays at the white dot at the top of the ring, the text in the inner ring is updated and replaced with "Right Tube", and the interface switches to the right tub washing and care mode selected state as shown in Design 1 interface change state diagram 2; when the touch ring is rotated or In response to the rotation of the touch ring or a touch of the touch ring in the interface change state diagram 2 of Design 1, when the bright spot rotates along the ring to the bottom positioning white spot, the text on the inner ring changes to "Lower Drum", and the interface switches to the lower drum washing and care mode selected state in the interface change state diagram 3 of Design 1; when in response to the rotation of the touch ring or a touch of the touch ring in the interface change state diagram 3 of Design 1, when the bright spot rotates along the ring to the left positioning white spot, the text on the inner ring is updated to "Left Drum", and the interface switches to the left drum washing and care mode selected state in the interface change state diagram 4 of Design 1, completing the entire drum position cycle selection interaction process. Design 2 and Design 1 have the same interaction method, but Design 2 protects the color. Design 3's main view is the initial standby interface, with the device powered on and in standby mode. The left side of the ring features a soft, gradient halo without any bright positioning points. The center of the inner ring is blank, without displaying the duration or working mode text. This is the basic initial interface before any washing or care program has been started, representing the starting state of the entire dynamic interaction. When the touch ring in response to rotation or touch operation, the highlighted light spot moves and stops at the white dot at the top of the ring. Simultaneously, the running time value and the mode text "Drying" are displayed at the center of the inner ring, and the interface switches to the state shown in Figure 1 of Design 3. The drying program is selected and running. When the touch ring rotates or is touched, and the top highlight moves along the circular track to the right-side white dot, the inner ring text is updated to "Washing in Progress" and the running time is displayed. The interface then switches to the washing program running interface shown in Figure 2. When the touch ring rotates or is touched, and the highlight moves along the circular track to the bottom white dot, the inner ring text changes to "Care in Progress" and the running time is displayed. The interface then switches to the garment care program running interface shown in Figure 3. When the touch ring rotates or is touched, and the highlight moves to the left-side white dot, the inner ring text is updated to "Washing in Progress" and the running time is displayed, completing one full cycle of program switching. Design 4 and Design 3 have the same interaction method, but Design 4 protects colors. 9. Other situations requiring explanation: Design 2 and Design 4 request color protection.

Images