[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"doc-seo-657462-105":3,"detail-sidebar-cat-0-en-105":79,"doc-detail-657462-en":129},{"code":4,"msg":5,"data":6},0,"ok",{"site_id":7,"language":8,"slug":9,"title":10,"keywords":11,"description":12,"schema_data":13,"social_meta":72,"head_meta":74,"extra_data":76,"updated_unix":78},105,"en","a-human-computer-collaborative-editing-tool-for-conceptual-diagrams","A Human-Computer Collaborative Editing Tool for Conceptual Diagrams","","Editing conceptual diagrams requires numerous tedious GUI operations, which reduces interaction efficiency and user experience, especially on mobile devices. This paper presents a human-computer collaborative editing tool (CET) that divides work: humans provide high-level editing goals via multimodal commands, while the computer computes, recommends, and executes detailed operations. A formative study (N=16) determined concrete task division, and Android implementation targeted concept diagram editing tasks. A user study (N=24+20) shows CET improves editing speed by 32.75% versus state-of-the-art commercial tools and yields better results and experience.",{"@graph":14,"@context":71},[15,34,54],{"@type":16,"itemListElement":17},"BreadcrumbList",[18,23,27,31],{"item":19,"name":20,"@type":21,"position":22},"https://docshare.wps.com","Home","ListItem",1,{"item":24,"name":25,"@type":21,"position":26},"https://docshare.wps.com/document/","Document",2,{"item":28,"name":29,"@type":21,"position":30},"https://docshare.wps.com/document/technology/","Technology",3,{"item":32,"name":10,"@type":21,"position":33},"https://docshare.wps.com/document/a-human-computer-collaborative-editing-tool-for-conceptual-diagrams/657462/",4,{"url":32,"name":10,"@type":35,"image":36,"author":41,"headline":10,"publisher":44,"fileFormat":47,"inLanguage":8,"description":12,"dateModified":48,"datePublished":48,"encodingFormat":47,"isAccessibleForFree":49,"interactionStatistic":50},"DigitalDocument",{"url":37,"@type":38,"width":39,"height":40},"https://docshare.wps.com/thumbnails/a-human-computer-collaborative-editing-tool-for-conceptual-diagrams/657462.png","ImageObject",300,407,{"name":42,"@type":43},"gewufjwa","Person",{"url":19,"name":45,"@type":46},"DocShare","Organization","application/pdf","2026-10-26",true,{"@type":51,"interactionType":52,"userInteractionCount":22},"InteractionCounter",{"@type":53},"ViewAction",{"@type":55,"mainEntity":56},"FAQPage",[57,63,67],{"name":58,"@type":59,"acceptedAnswer":60},"How does CET divide the editing task between the human and the computer?","Question",{"text":61,"@type":62},"CET splits the task into two parts: humans describe high-level editing goals using multimodal commands, while the computer calculates, recommends, and performs detailed operations.","Answer",{"name":64,"@type":59,"acceptedAnswer":65},"What do users need to specify when using CET?",{"text":66,"@type":62},"Users provide important features through casual gestures and vague verbal instructions rather than precise positions, colors, or sizes.",{"name":68,"@type":59,"acceptedAnswer":69},"What performance benefit does CET show compared with existing tools?",{"text":70,"@type":62},"A user study reports CET increases diagram editing speed by 32.75% compared with existing state-of-the-art commercial tools and improves editing results and user experience.","https://schema.org",{"og:url":32,"og:type":73,"og:title":10,"og:site_name":45,"og:description":12},"article",{"robots":75,"canonical":32},"index,follow",{"doc_id":77,"site_id":7},657462,1793052450,{"code":4,"msg":80,"data":81},"success",[82,86,90,94,99,103,108,113,118,121,125],{"id":22,"doc_module":4,"doc_module_name":25,"category_name":83,"show_sort_weight":84,"slug":85},"Story & Novel",90,"story-novel",{"id":26,"doc_module":4,"doc_module_name":25,"category_name":87,"show_sort_weight":88,"slug":89},"Literature",80,"literature",{"id":33,"doc_module":4,"doc_module_name":25,"category_name":91,"show_sort_weight":92,"slug":93},"Exam",70,"exam",{"id":95,"doc_module":4,"doc_module_name":25,"category_name":96,"show_sort_weight":97,"slug":98},5,"Comic",60,"comic",{"id":100,"doc_module":4,"doc_module_name":25,"category_name":29,"show_sort_weight":101,"slug":102},6,50,"technology",{"id":104,"doc_module":4,"doc_module_name":25,"category_name":105,"show_sort_weight":106,"slug":107},7,"Healthcare",40,"healthcare",{"id":109,"doc_module":4,"doc_module_name":25,"category_name":110,"show_sort_weight":111,"slug":112},8,"Research & Report",30,"research-report",{"id":114,"doc_module":4,"doc_module_name":25,"category_name":115,"show_sort_weight":116,"slug":117},9,"Religion & Spirituality",20,"religion-spirituality",{"id":116,"doc_module":4,"doc_module_name":25,"category_name":119,"show_sort_weight":116,"slug":120},"World Cup","world-cup",{"id":122,"doc_module":4,"doc_module_name":25,"category_name":123,"show_sort_weight":122,"slug":124},10,"Lifestyle","lifestyle",{"id":126,"doc_module":4,"doc_module_name":25,"category_name":127,"show_sort_weight":95,"slug":128},19,"General","general",{"code":4,"msg":80,"data":130},{"doc_id":77,"user_id":131,"nickname":42,"user_avatar":132,"doc_module":4,"category_id":100,"category_name":29,"doc_title":10,"doc_description":12,"doc_content":133,"file_id":134,"file_url":135,"file_type":136,"file_size":137,"view_count":22,"is_deleted":4,"is_public":22,"is_downloadable":22,"audit_status":22,"page_count":138,"language":139,"language_code":8,"site_id":7,"html_lang":8,"table_of_contents":140,"faqs":141,"seo_title":142,"seo_description":12,"update_tm":143,"read_time":144},3985747882900,"https://ap-avatar.wpscdn.com/davatar_9964176cb1d06d4a9deccf72a44ae3dc","A Human-Computer Collaborative Editing Tool for Conceptual  \nDiagrams  \nLihang Pan  \n[plh18@mails.tsinghua.edu.cn](plh18@mails.tsinghua.edu.cn)[ ](plh18@mails.tsinghua.edu.cn)Department of Computer science and Technology, Tsinghua University Beijing, China  \nZhe He  \n[hez19@mails.tsinghua.edu.cn](hez19@mails.tsinghua.edu.cn)[ ](hez19@mails.tsinghua.edu.cn)Department of Computer science and Technology, Tsinghua University Beijing, China  \nChun Yu∗  \n[chunyu@mail.tsinghua.edu.cn](chunyu@mail.tsinghua.edu.cn)[ ](chunyu@mail.tsinghua.edu.cn)Department of Computer science and Technology, Tsinghua University Beijing, China  \nYuanchun Shi  \n[shiyc@tsinghua.edu.cn](shiyc@tsinghua.edu.cn)  \nDepartment of Computer science and Technology, Tsinghua University Beijing, China Qinghai University Xining, China  \nFigure 1: How the user edits the diagram in a multimodal collaborative manner. (a) There are three elements on the canvas before the command. The green dots indicate the predicted positions for the next element. (b) The user command contains a casual gesture and a vague instruction. Note that the user does not specify a precise position, color, or size for the new element.  \n(c) The best solution calculated by the system. (d) The user can switch to another solution manually.  \nABSTRACT  \nEditing (e.g., editing conceptual diagrams) is a typical ofce task that requires numerous tedious GUI operations, resulting in poor interaction efciency and user experience, especially on mobile devices. In this paper, we present a new type of human-computer collaborative editing tool (CET) that enables accurate and efcient editing with little interaction efort. CET divides the task into two parts, and the human and the computer focus on their respective specialties: the human describes high-level editing goals with multimodal commands, while the computer calculates, recommends, and performs detailed operations. We conducted a formative study (N = 16) to determine the concrete task division and implemented the tool on Android devices for the specifc tasks of editing concept diagrams. The user study (N = 24 + 20) showed that it increased  \n∗ indicates the corresponding author.  \nThis work is licensed under a Creative Commons Attribution International 4.0 License.  \nCHI’23, April 23–28, 2023, Hamburg, Germany © 2023 Copyright held by the owner/author(s) .  \nACM ISBN 978-1-4503-9421-5/23/04 .  \n[https://doi.org/10.1145/3544548.3580676](https://doi.org/10.1145/3544548.3580676)  \ndiagram editing speed by 32.75% compared with existing state-ofthe-art commercial tools and led to better editing results and user experience.  \nCCS CONCEPTS  \n• Human-centered computing → Interactive systems and tools; Ubiquitous and mobile computing systems and tools.  \nKEYWORDS  \nconceptual diagram, natural content editing, multi-modal interaction, human-computer collaboration  \nACM Reference Format:  \nLihang Pan, Chun Yu, ZheHe, and Yuanchun Shi. 2023. A Human-Computer Collaborative Editing Tool for Conceptual Diagrams. In CHI’23: The ACM CHI Conference on Human Factors in Computing Systems, April 23–28 2023, Hamburg, Germany. ACM, New York, NY, USA, 29 pages. [https://doi.org/10](https://doi.org/10) . 1145/3544548.3580676  \n1 INTRODUCTION  \nEditing (e.g., editing conceptual diagrams [53, 77]) is a typical ofce task. Whatever the editing device is (e.g., PC, tablet, or big screen), it is currently accomplished with GUI applications (e.g., Microsoft PowerPoint), where users waste tremendous time and efort on  \ncomplex and tedious GUI operations. For example, when editing diagrams, users must search for the desired function on a complex interface and constantly drag and drop an element to control its position precisely. Smartphones enable users to meet job obligations at fexible times and locations. Users can fully use the fragmented time to boost productivity and leisure time [90, 98] while minimizing the impact on family duties [5, 26, 104, 105] when work is inevitable. The af","cbCaiqdMSPxUorxm","https://ap.wps.com/l/cbCaiqdMSPxUorxm","pdf",6549137,29,"English","# Abstract\n# CCS Concepts\n# Keywords\n# 1 Introduction\n## Editing conceptual diagrams as a GUI task","[{\"question\":\"How does CET divide the editing task between the human and the computer?\",\"answer\":\"CET splits the task into two parts: humans describe high-level editing goals using multimodal commands, while the computer calculates, recommends, and performs detailed operations.\"},{\"question\":\"What do users need to specify when using CET?\",\"answer\":\"Users provide important features through casual gestures and vague verbal instructions rather than precise positions, colors, or sizes.\"},{\"question\":\"What performance benefit does CET show compared with existing tools?\",\"answer\":\"A user study reports CET increases diagram editing speed by 32.75% compared with existing state-of-the-art commercial tools and improves editing results and user experience.\"}]","A Human-Computer Collaborative Editing Tool for Conceptual Diagrams | PDF",1792980066,73]