SmartColor, an edited user information graphical user interface for upper extremity rehabilitation devices

Abstract

1. Name of the product in this design: Graphical User Interface for Editing User Information (SmartColor) for Upper Limb Rehabilitation Equipment. 2. The purpose of this design is to facilitate the operation of the program and to provide upper limb rehabilitation training for patients. 3. The key design features of this product are solely its graphical user interface. 4. The image or photograph that best illustrates the design points: Change state diagram 1. 5. If the design points are not involved, omit the rear view; if the design points are not involved, omit the left view; if the design points are not involved, omit the right view; if the design points are not involved, omit the top view; if the design points are not involved, omit the bottom view. 6. The purpose of the graphical user interface is to facilitate program operation and the therapist's editing of patient information. 7. Human-Computer Interaction Methods of the Graphical User Interface: Main View: The displayed graphical user interface is the login interface; Change State Diagram 1: The displayed graphical user interface is the main interface after successfully logging in by entering the device account and password in the main view; Change State Diagram 2: The displayed graphical user interface is the one where clicking "User Management" in the main interface of Change State Diagram 1 displays all user cards; Change State Diagram 3: The displayed graphical user interface is the one where clicking the initial letter index bar at the top of the main interface of Change State Diagram 2 quickly locates and finds a user, displaying user cards whose usernames begin with that initial letter; Change State Diagram 4: The displayed graphical user interface is the one where selecting the "More Options" button in the upper right corner of a user card in Change State Diagram 3 displays more operation options in the user card; Change State Diagram 5: The displayed graphical user interface is the one where clicking the "Edit" button in Change State Diagram 4 displays the user's basic information interface; Change State Diagram 6: The displayed graphical user interface is the one where clicking the "Save" button in Change State Diagram 5 displays a message indicating successful editing by the user.

Images