Research on Key Elements of UI Design of Image Editing System Based on CSCW

Abstract

In the post-epidemic era, the application of computer-supported collaborative work (CSCW) in graphics and image software has become increasingly urgent. Collaborative image editing software allows users who are geographically dis-tributed in different locations to view and edit the same shared image object through the network. The interaction of the CSCW system includes human-computer interaction and human-to-human interaction, and human-to-human in-teraction expands the time and space of interaction, and also strengthens the freedom of interaction between user groups. The research object of this article is the interactive key elements of the graphics and image software on the mo-bile terminal in the collaborative editing state, that is, the current operating state of the system and related information. By analyzing the interactive ele-ments of collaborative office software and image and image software on the PC and mobile terminals by competing products, the three key elements of in-teractive design in cscw-based graphics and image software are extracted: edi-tor information, selected status, and Information display location. This paper redesigned these three elements to obtain a high-fidelity model of the graphics configuration of the mobile graphics and image software during collaborative editing operations. Through the usability test and QUIS questionnaire, we verified its usability and got good user satisfaction. Finally, the design guide-lines for the optimal interactive graphics configuration of the mobile graphics and image software in the collaborative editing state are obtained. The interac-tive design guidelines proposed in this paper can be used as a design refer-ence for the collaborative editing image software on the mobile terminal.

Keywords: Cscw, Image Editing System, Ui Design, Klm Keystroke Model, Interface Design, User Experience

DOI: 10.54941/ahfe1001068