Graphical User Interface for Encouraging Users to Share in Electronic Devices

Abstract

1. Name of the Design Product: Graphical User Interface for Encouraging Users to Share on 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 Photograph Best Showing the Design Key Points: Variation State Diagram 4. 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-Computer Interaction Method of the Graphical User Interface: The graphical user interfaces shown in the front view and each variation state diagram are all content interfaces for encouraging users to share displayed on the electronic device. The front view shows the entrance of the sharing interface. In the middle of the upper part of the interface, the title "My VIP Membership" is displayed. In the lower part of the interface, exclusive services are displayed. The exclusive services include four sections: rights and interests report, making money by selling cards, helping others with top-ups, and exclusive customer service. Clicking on the "Making Money by Selling Cards" section, the interface jumps to Variation State Diagram 1. In the middle of the upper part of the interface, "i Alliance" is displayed. In the middle of the interface, the title "I Want to Make Money" is displayed. Below the title, two options, "Making Money by Selling Cards" and "Making Money by Watching Movies", are displayed. By default, "Making Money by Selling Cards" is in a highlighted state. Below the title of "Making Money by Selling Cards", membership cards available for sharing are displayed. At the bottom of the interface, there are a Home button, a Level button, and a My button. The Home button is in a highlighted state. Clicking on the "Making Money by Watching Movies" option in Variation State Diagram 1 jumps to Variation State Diagram 2, where "Making Money by Watching Movies" is in a highlighted state. Below "Making Money by Watching Movies", movie cards that users can share are displayed. On the right side of the movie cards, a "Share to Earn Money" button is displayed. Swiping up Variation State Diagram 2 shows Variation State Diagram 3. The interface follows the finger swipe upwards, and the "Making Money by Watching Movies" list shows more movies. Clicking on the "Share to Earn Money" button on the right side of any movie in Variation State Diagram 3 shows Variation State Diagram 4. A sharing picture floating window pops up on the interface. On the left side at the bottom of the floating window, the reward for completing watching is displayed. On the right side, a sharing QR code is displayed. Below the floating window, a Close button is displayed. Users can save the picture according to the prompt and invite friends to watch through the QR code in the lower right corner of the floating window to obtain corresponding rewards. The grey areas in the front view and each variation state diagram are the deleted content screens, and "XX" represents text or numbers. During the actual use of the front view and each variation state diagram, the interface content displayed can be correspondingly referred to the respective reference diagrams.

Images