Custom floating ball graphical user interface for electronic devices

Abstract

1. Name of the Design Product: Customizable Floating Ball Graphical User Interface for Electronic Devices. 2. Use of the Design Product: An electronic device. 3. Design Key Points of the Design Product: Lies in the graphical user interface. 4. Picture or Photo that Best Illustrates the Design Key Points: Variation State Diagram 3. 5. This design product is a flat product, and the left view, right view, top view, bottom view, and rear view are omitted. 6. Human-Machine Interaction Method of the Graphical User Interface: The graphical user interfaces shown in the front view and each variation state diagram are all the customizable floating ball content interfaces displayed on the electronic device. The front view shows the home page interface, and the floating ball is not displayed by default; click the "My" button in the lower right corner of the front view, and Variation State Diagram 1 is displayed, with the settings button displayed in the middle of the interface; click the settings button in Variation State Diagram 1, and Variation State Diagram 2 is displayed, with the floating ball button displayed in the middle of the interface; click the floating ball button in Variation State Diagram 2, and Variation State Diagram 3 is displayed, with the customizable floating ball interface displayed, four icons in the default state and a close button in the middle, and a floating ball switch button at the bottom; turn on the floating ball switch in Variation State Diagram 3, and Variation State Diagram 4 is displayed, with the customizable floating ball interface in the state where the floating ball function is enabled; click any one of the four icons in the middle of the interface, and Variation State Diagram 5 is displayed, with the customizable menu displayed, "Used" is displayed on the right side of the option being used, and a selection button is displayed on the right side of the unused option; use a finger to select and hold any one of the unused options in Variation State Diagram 5, and Variation State Diagram 6 is displayed, with the corresponding option in the selected state; release the finger, and Variation State Diagram 7 is displayed, with "Used" displayed on the right side of the selected option, and a return button is displayed in the upper left corner of the interface; click the return button in Variation State Diagram 7, and Variation State Diagram 8 is displayed, with the customized icon displayed in the middle of the interface, and a return button is displayed in the upper left corner of the interface; click the return button in Variation State Diagram 8, and Variation State Diagram 9 is displayed, with the settings interface displayed, and a return button is displayed in the upper left corner of the settings interface; click the return button in Variation State Diagram 9, and Variation State Diagram 10 is displayed, with a home page button displayed in the lower left corner of the interface; click the home page button in Variation State Diagram 10, and Variation State Diagram 11 is displayed, with a floating ball displayed in the middle of the right side of the interface. Drag the floating ball to move its position; click the floating ball in Variation State Diagram 11, and Variation State Diagram 12 is displayed, with the floating ball expanded into the customized icon and a close button. Click any one of the icons in the floating ball to directly jump to the corresponding interface; click the close button in Variation State Diagram 12, and Variation State Diagram 13 is displayed, with the floating ball retracted. The gray areas in the front view and each variation state diagram are the deleted content screens, and "XX" represents text or numbers. In the actual use process of the front view and various change state diagrams, the interface content displayed by them can be correspondingly referred to each reference diagram.

Images