Main body for ringtone setting interactive graphical user interface of electronic device

Abstract

1. Name of the product in this design: Body of an interactive graphical user interface for setting ringtones in electronic devices. 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 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The overall interface design is used for setting ringtones, categorizing ringtones, displaying ringtone settings and templates, trimming ringtone audio, and creating custom ringtone backgrounds; the partial interface design is used for setting ringtones, categorizing ringtones, previewing ringtone templates, trimming ringtone audio, and creating custom ringtone backgrounds. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, users can click the ringtone category control at the top of the interface to switch between setting "alarm", "notification" or "charging" ringtones; they can also slide the interface to the left to preview the ringtone template. Design 2 uses the same human-computer interaction method as Design 1. In the main view of Design 3, users can click the ringtone category control at the top of the interface to switch between setting "Alarm", "Notification" or "Charging" ringtones; they can also swipe right to switch the display of the default ringtone interface. In the main view of Design 4, users can click the ringtone category control at the top of the interface to switch between "Alarm", "Notification" or "Charging" ringtones; they can swipe left to preview the ringtone template; they can click the "Audio Trimming" or "Custom Background" controls to perform corresponding operations and customize the ringtone; and they can click the "Confirm Settings" control to complete the ringtone settings. In the main view of Design 5, users can click the ringtone category control at the top of the interface to switch between "Alarm," "Notification," or "Charging" ringtones; they can swipe right to switch the default ringtone display; they can click the "Audio Trimming" or "Custom Background" controls to perform corresponding operations and customize the ringtone; and they can click the "Confirm Settings" control to complete the ringtone settings. In the main view of Design 6, users can click the ringtone category control at the top of the interface to switch between "Incoming Call", "Notification" or "Charging" ringtones; they can swipe left to preview the ringtone template; they can click the "Audio Trimming" or "Custom Background" controls to perform corresponding operations and customize the ringtone; and they can click the "Confirm Settings" control to complete the ringtone settings. In the design 7 main view, the user can click the ringtone classification control at the top of the interface to switch to set the "incoming call", "alarm clock" or "charging" ringtone; can click the "audio clip" control to clip the ringtone audio; can also click the "confirm setting" control to complete the ringtone setting. In the design 8 main view, the user can click the ringtone classification control at the top of the interface to switch to set the "incoming call", "alarm clock" or "notification" ringtone; can swipe right to switch to display the default ringtone interface; can click the "audio clip" or "self-made background" control to perform the corresponding operation to customize the ringtone; can also click the "confirm setting" control to complete the ringtone setting. In the design 9 main view, when the user swipes left in the middle area of the interface, the template interface of the ringtone is switched to display, presenting the interface change of the design 9 main view to the design 9 interface change state diagram. The human-computer interaction mode of design 10 is the same as that of design 9.

Images