Electronic devices with graphical user interface for fitness training display

Abstract

1. Name of the product in this design: Electronic device with graphical user interface for fitness training display. 2. Intended use of this design: for use in an electronic device. 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: to allow users to independently select exercise programs and conduct fitness training. 6. Human-computer interaction method of graphical user interface: The main view is the initial interface. The user selects "Course Management" in the main view to enter interface state diagram 1. Clicking the plus button in interface state diagram 1 enters interface state diagram 2. Clicking the video course in interface state diagram 2 enters interface state diagram 3. Clicking the circle in the right column of interface state diagram 3 to select at least one action and then clicking "Next" enters interface state diagram 4. Clicking "Add Rest" in the upper right corner of interface state diagram 4 enters interface state diagram 5. Clicking "Add Rest" below the corresponding action in interface state diagram 5 enters interface state diagram 6. After selecting a rest time in step 6 and clicking "Confirm," you will enter interface state diagram 7. Click the "Next" button at the bottom of interface state diagram 7 to enter interface state diagram 8. Click "Complete" in interface state diagram 8 to enter interface state diagram 9. Click the course cover in interface state diagram 9 to enter interface state diagram 10. Click "Start Training" in interface state diagram 10 to enter interface state diagram 11, interface state diagram 12, and interface state diagram 13 in sequence. When the timer in interface state diagram 13 ends, you will enter interface state diagram 14 to begin training. When the countdown in the lower right corner of interface state diagram 14 ends, you will enter interface state diagram 15. 7. Other situations requiring explanation: Other explanation: The gray-covered areas in the interface are images or content screens.

Images