An interaction module for a friend update prompt interactive graphical user interface for an electronic device

Abstract

1. The name of the design product: an interactive module of a friend update prompt interactive graphical user interface for an electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: the part in the graphical user interface, the part outside the dashed line is the claimed part. 4. The picture or photo that best shows the design points: design 1 front view. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: for friend update prompt interaction, the use of the claimed part is to prompt friend updates and show the viewing method of the update content. 7. The human-computer interaction mode of the graphical user interface: in design 1, design 1 front view shows the prompt module of friend updates, when the user stays in the current interface without operation for a preset time, the content in the prompt module is automatically folded and only the overlapping friend avatars are displayed in the module, presenting the interface change from design 1 front view to design 1 interface change state figure 1. When the user clicks the expansion control on the right side of the module in design 1 interface change state figure 1, all the friend avatars of the updated works are expanded, presenting the interface change from design 1 interface change state figure 1 to design 1 interface change state figure 2. When the user clicks any friend avatar in design 1 interface change state figure 2, the work details page of the friend update is jumped to, presenting the interface change from design 1 interface change state figure 2 to design 1 interface change state figure 3. The human-computer interaction description of design 2 is the same as that of design 1. In design 3, design 3 front view shows the prompt module of friend updates, when the user stays in the current interface without operation for a preset time, the content in the prompt module is automatically folded and only the overlapping friend avatars are displayed in the module, presenting the interface change from design 3 front view to design 3 interface change state figure 1. When the user clicks the expansion control on the right side of the module in design 3 interface change state figure 1, all the friend avatars of the updated works are expanded, presenting the interface change from design 3 interface change state figure 1 to design 3 interface change state figure 2. When the user long-presses and horizontally slides the friend avatar in design 3 interface change state figure 2, the selected avatar is switched, and the updated work thumbnail is displayed below the selected avatar, presenting the interface change from design 3 interface change state figure 2 to design 3 interface change state figure 3. After the user releases the hand, the work details page of the selected friend update is entered, presenting the interface change from design 3 interface change state figure 3 to design 3 interface change state figure 4. The human-computer interaction description of design 4 is the same as that of design 3. In design 5, the design 5 main view displays a prompt module of friend updates. When the user stays in the current interface without operation for a preset time, the content in the prompt module is automatically folded and only the overlapping friend avatars are displayed in the module, presenting the design 5 main view to the interface change of design 5 interface change state figure 1. When the user clicks the expansion control on the right side of the module of design 5 interface change state figure 1, all the friend avatars of the updated works can be expanded, presenting the interface change from design 5 interface change state figure 1 to design 5 interface change state figure 2. When the user uses the function for the first time, the interface displays relevant teaching prompts, presenting the interface change from design 5 interface change state figure 2 to design 5 interface change state figure 3. When the user long-presses and horizontally slides the friend avatars in design 5 interface change state figure 3 according to the teaching prompts, the selected avatars can be switched, and the updated work thumbnails are displayed below the selected avatars, presenting the interface change from design 5 interface change state figure 3 to design 5 interface change state figure 4. The human-computer interaction of design 6 is the same as that of design 5. In design 7, the design 7 main view displays a prompt module of friend updates. When the user stays in the current interface without operation for a preset time, the content in the prompt module is automatically folded and only the overlapping friend avatars are displayed in the module, presenting the design 7 main view to the interface change of design 7 interface change state figure 1. When the user clicks the expansion control on the right side of the module of design 7 interface change state figure 1, all the friend avatars of the updated works can be expanded, presenting the interface change from design 7 interface change state figure 1 to design 7 interface change state figure 2. When the user long-presses and horizontally slides the friend avatars in design 7 interface change state figure 2, the selected avatars can be switched, and the updated work thumbnails are displayed below the selected avatars, presenting the interface change from design 7 interface change state figure 2 to design 7 interface change state figure 3. When the user continues to long-press and performs a downward sliding operation, all the work contents updated by the friend can be inserted in the current interface, and the interface displays relevant prompts, presenting the interface change from design 7 interface change state figure 3 to design 7 interface change state figure 4. The human-computer interaction of design 8 is the same as that of design 7. In design 9, the design 9 main view displays a prompt module of friend updates. When the user stays in the current interface without operation for a preset time, the content in the prompt module is automatically folded and only the overlapping friend avatars are displayed in the module, presenting the design 9 main view to the interface change of design 9 interface change state figure 1. When the user clicks the expansion control on the right side of the design 9 interface change state diagram module, all the updated works of the friend's avatar are expanded, and the interface changes from design 9 interface change state diagram 1 to design 9 interface change state diagram 2. When the user first uses this function, the interface displays relevant teaching prompts, and the interface changes from design 9 interface change state diagram 2 to design 9 interface change state diagram 3. When the user long-presses and left and right swipes the friend's avatar in design 9 interface change state diagram 3 according to the teaching prompts, the selected avatar can be switched, and the updated work thumbnail is displayed below the selected avatar. The interface changes from design 9 interface change state diagram 3 to design 9 interface change state diagram 4. When the user first uses this function, the interface displays relevant teaching prompts, and the interface changes from design 9 interface change state diagram 4 to design 9 interface change state diagram 5. When the user continues to long-press and performs a downward swipe operation according to the teaching prompts, all the updated work content of the friend can be inserted into the current interface, and the interface displays relevant prompts. The interface changes from design 9 interface change state diagram 5 to design 9 interface change state diagram 6. The human-computer interaction of design 10 is the same as that of design 9.

Images