Graphical User Interface for Driving the Sale of Membership Cards for Electronic Devices

Abstract

1. Name of the Design Product: Graphic User Interface for Driving Membership Card Sales in Electronic Devices. 2. Use of the Design Product: An electronic device. 3. Design Key Points of the Design Product: Lies in the graphic user interface. 4. Picture or Photo Most Indicating the Design Key Points: Front View. 5. The 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 Graphic User Interface: The graphic user interfaces shown in the front view and the change state diagrams are all content interfaces for driving membership card sales displayed in the electronic device. The front view shows the interface for inviting friends to get membership. In the upper area of the interface, an invitation section is displayed. At the bottom of the invitation section, an "Invite Now" button is shown. Below the invitation section, a "Poster Invitation" button is displayed. In the lower part of the interface, a reward section is shown. The reward section contains three lists: "To Be Completed", "Completed", and "Expired". Initially, an "Invite Now" button is shown in the "To Be Completed" list; when the "Poster Invitation" button is clicked, Change State Diagram 1 is displayed. A "Back" button is shown in the upper left corner of the interface. In the middle of the interface, an invitation poster is displayed. In the middle of the poster, an invitation QR code is shown; after a friend scans the QR code in the middle of the interface, when the user clicks the "Back" button in Change State Diagram 1, Change State Diagram 2 is displayed, and the "To Be Completed" list shows the friends who have scanned the code; after the friend scans the code and completes the payment, when the "Completed" list in Change State Diagram 2 is clicked, Change State Diagram 3 is displayed. The "Completed" list shows the friends who have completed the payment, and a "Receive Reward" button is shown on the right side of the list; when the "Receive Reward" button in Change State Diagram 3 is clicked, Change State Diagram 4 is displayed, and a "Reward Received" floating window is shown on the interface. A "Close" button is shown below the "Reward Received" floating window; when the "Close" button in Change State Diagram 4 is clicked to close the floating window and the "Expired" button is clicked, Change State Diagram 5 is displayed, and the "Expired" list shows the friends who have scanned the code but have not made a purchase within the specified time. The gray areas in the front view and each change state diagram are deleted content pictures, and "XX" represents text or numbers. During the actual use of the front view and each change state diagram, the interface content shown can be correspondingly referred to the respective reference diagrams.

Images