Graphical User Interface for Cross-Page Sibling Sorting of a List of Electronic Devices

Abstract

1. Name of the Design Product: Graphical User Interface for Cross - page Same - level Sorting of Lists in an Electronic Device. 2. Use of the Design Product: An electronic device. 3. Design Key Points of the Design Product: Lies in the content of the graphical user interface. 4. Picture or Photograph Most Indicating the Design Key Points: Front view. 5. Use of the Graphical User Interface: For cross - page same - level sorting of lists. Description of Human - Machine Interaction and Changing States of the Graphical User Interface: The front view shows the list on the current page. Moving the cursor to a certain row in the list enters the interface changing state diagram 1; moving the cursor to the drag handle on the left side of the row enters the interface changing state diagram 2, and the cursor changes from an arrow - shaped cursor to a cross - shaped cursor; pressing, the cross - shaped cursor changes to a hand - shaped cursor and enters the interface changing state diagram 3; pressing and dragging the row where the hand - shaped cursor is located changes its position and enters the interface changing state diagram 4 (during the dragging process, if the drag is released without successfully anchoring the target position, it is regarded as giving up modifying the list sorting. The same below); continuously pressing and dragging the hand - shaped cursor to the position of the target page number button enters the interface changing state diagram 5; pressing the row where the hand - shaped cursor is located for 1S and then enters the target list page, as shown in the interface changing state diagram 6; continuing to press and drag the row to the target position enters the interface changing state diagram 7; releasing the press, the cursor changes from the hand - shaped cursor back to the cross - shaped cursor and enters the interface changing state diagram 8; moving the cross - shaped cursor out of the list enters the interface changing state diagram 9.

Images