[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-0-en-105":3,"doc-seo-656042-105":59,"doc-detail-656042-en":130},{"code":4,"msg":5,"data":6},0,"success",[7,13,18,23,28,33,38,43,48,51,55],{"id":8,"doc_module":4,"doc_module_name":9,"category_name":10,"show_sort_weight":11,"slug":12},1,"Document","Story & Novel",90,"story-novel",{"id":14,"doc_module":4,"doc_module_name":9,"category_name":15,"show_sort_weight":16,"slug":17},2,"Literature",80,"literature",{"id":19,"doc_module":4,"doc_module_name":9,"category_name":20,"show_sort_weight":21,"slug":22},4,"Exam",70,"exam",{"id":24,"doc_module":4,"doc_module_name":9,"category_name":25,"show_sort_weight":26,"slug":27},5,"Comic",60,"comic",{"id":29,"doc_module":4,"doc_module_name":9,"category_name":30,"show_sort_weight":31,"slug":32},6,"Technology",50,"technology",{"id":34,"doc_module":4,"doc_module_name":9,"category_name":35,"show_sort_weight":36,"slug":37},7,"Healthcare",40,"healthcare",{"id":39,"doc_module":4,"doc_module_name":9,"category_name":40,"show_sort_weight":41,"slug":42},8,"Research & Report",30,"research-report",{"id":44,"doc_module":4,"doc_module_name":9,"category_name":45,"show_sort_weight":46,"slug":47},9,"Religion & Spirituality",20,"religion-spirituality",{"id":46,"doc_module":4,"doc_module_name":9,"category_name":49,"show_sort_weight":46,"slug":50},"World Cup","world-cup",{"id":52,"doc_module":4,"doc_module_name":9,"category_name":53,"show_sort_weight":52,"slug":54},10,"Lifestyle","lifestyle",{"id":56,"doc_module":4,"doc_module_name":9,"category_name":57,"show_sort_weight":24,"slug":58},19,"General","general",{"code":4,"msg":60,"data":61},"ok",{"site_id":62,"language":63,"slug":64,"title":65,"keywords":66,"description":67,"schema_data":68,"social_meta":123,"head_meta":125,"extra_data":127,"updated_unix":129},105,"en","the-user-interfaces-transition-diagram-editor-a-tool-to-simplify-user-system-interaction-modeling","The User Interfaces Transition Diagram-Editor - A Tool to Simplify User-System Interaction Modeling","","The User Interface Transition Diagram (UITD) is a formal modeling notation that streamlines specifying and designing user-system interactions while remaining easy for both technical and non-technical stakeholders to understand during requirements elicitation. The study evaluates efficiency and usability when creating medium-sized UITDs using draw.io versus a dedicated UITD editor. Results show the dedicated editor is faster and preferred, emphasizing the value of specialized tools for formal interaction models and informing stakeholders in software specification and design.",{"@graph":69,"@context":122},[70,84,105],{"@type":71,"itemListElement":72},"BreadcrumbList",[73,77,79,82],{"item":74,"name":75,"@type":76,"position":8},"https://docshare.wps.com","Home","ListItem",{"item":78,"name":9,"@type":76,"position":14},"https://docshare.wps.com/document/",{"item":80,"name":30,"@type":76,"position":81},"https://docshare.wps.com/document/technology/",3,{"item":83,"name":65,"@type":76,"position":19},"https://docshare.wps.com/document/the-user-interfaces-transition-diagram-editor-a-tool-to-simplify-user-system-interaction-modeling/656042/",{"url":83,"name":65,"@type":85,"image":86,"author":91,"headline":65,"publisher":94,"fileFormat":97,"inLanguage":63,"description":67,"dateModified":98,"datePublished":99,"encodingFormat":97,"isAccessibleForFree":100,"interactionStatistic":101},"DigitalDocument",{"url":87,"@type":88,"width":89,"height":90},"https://docshare.wps.com/thumbnails/the-user-interfaces-transition-diagram-editor-a-tool-to-simplify-user-system-interaction-modeling/656042.png","ImageObject",300,407,{"name":92,"@type":93},"acoobca","Person",{"url":74,"name":95,"@type":96},"DocShare","Organization","application/pdf","2026-10-30","2026-10-25",true,{"@type":102,"interactionType":103,"userInteractionCount":29},"InteractionCounter",{"@type":104},"ViewAction",{"@type":106,"mainEntity":107},"FAQPage",[108,114,118],{"name":109,"@type":110,"acceptedAnswer":111},"What is the role of the User Interface Transition Diagram (UITD) in system development?","Question",{"text":112,"@type":113},"UITD is a formal modeling notation used to specify and design user-system interactions. It supports clear communication between technical and non-technical stakeholders during requirements elicitation.","Answer",{"name":115,"@type":110,"acceptedAnswer":116},"How does draw.io compare with the dedicated UITD editor for creating UITDs?",{"text":117,"@type":113},"The paper compares the time required to create a medium-sized UITD and measures subjective ease of use and satisfaction. The dedicated editor is reported as more efficient and preferred by participants.",{"name":119,"@type":110,"acceptedAnswer":120},"Why are specialized tools important for creating formal models like UITDs?",{"text":121,"@type":113},"The findings highlight that the specialized UITD editor improves efficiency and usability, supporting accurate and understandable formal modeling. This helps align stakeholders on requirements specifications.","https://schema.org",{"og:url":83,"og:type":124,"og:title":65,"og:site_name":95,"og:description":67},"article",{"robots":126,"canonical":83},"index,follow",{"doc_id":128,"site_id":62},656042,1793051340,{"code":4,"msg":5,"data":131},{"doc_id":128,"user_id":132,"nickname":92,"user_avatar":133,"doc_module":4,"category_id":29,"category_name":30,"doc_title":65,"doc_description":67,"doc_content":134,"file_id":135,"file_url":136,"file_type":137,"file_size":138,"view_count":29,"is_deleted":4,"is_public":8,"is_downloadable":8,"audit_status":8,"page_count":139,"language":140,"language_code":63,"site_id":62,"html_lang":63,"table_of_contents":141,"faqs":142,"seo_title":143,"seo_description":67,"update_tm":144,"read_time":145},3985747870733,"https://ap-avatar.wpscdn.com/davatar_a8503ba1806abce46bf441b54a3ca4cd","Journal of Software Engineering and Applications, 2023, 16, 483-495  \n[https://www.scirp.org/journal/jsea](https://www.scirp.org/journal/jsea)  \nISSN Online: 1945-3124  \nISSN Print: 1945-3116  \nThe User Interfaces Transition Diagram-Editor: A Tool to Simplify User-System Interaction Modeling  \nMaria C. Gómez-Fuentes, Jorge Cervantes-Ojeda, Alan Badillo-Salas  \nDepartment of Applied Mathematics and Systems, Universidad Autónoma Metropolitana, Mexico City, Mexico  \nHow to cite this paper: Gómez-Fuentes, M.C., Cervantes-Ojeda, J. and Badillo-Salas.  \nA. (2023) The User Interfaces Transition Diagram-Editor: A Tool to Simplify UserSystem Interaction Modeling. Journal of Software Engineering and Applications, 16, 483-495.  \n[https://doi.org/10.4236/jsea.2023.169023](https://doi.org/10.4236/jsea.2023.169023)  \nReceived: June 28, 2023  \nAccepted: September 15, 2023  \nPublished: September 18, 2023  \nCopyright © 2023 by author(s) and Scientific Research Publishing Inc.  \nThis work is licensed under the Creative Commons Attribution International License (CC BY 4.0) .  \n[http://creativecommons.org/licenses/by/4.0/](http://creativecommons.org/licenses/by/4.0/)  \nOpen Access  \nAbstract  \nThe User Interface Transition Diagram (UITD) is a formal modeling notation that simplifies the specification and design of user-system interactions. It is a valuable communication tool for technical and non-technical stakeholders during the requirements elicitation phase, as it provides a simple yet technically complete notation that is easy to understand. In this paper, we investigated the efficiency of [creating UITDs using draw.io](creating UITDs using draw.io), a widely used diagramming software, compared to a dedicated UITD editor. We conducted a study to compare the time required to use each tool to complete the task of creating a medium size UITD, as well as the subjective ease of use and satisfaction of participants with the dedicated Editor. Our results show that the UITD editor is more efficient and preferred by participants, highlighting the importance of using specialized tools for creating formal models such as UITDs. The findings of this study have implications for software developers, designers, and other stakeholders involved in the specification and design of user-system interactions.  \nKeywords  \nUITD, User Interfaces Flow Specification, Requirements Specification, Modelling Notation  \n1. Introduction  \nThe User Interface Transition Diagram (UITD) is a formal modeling notation that simplifies the specification and design of user-system interactions. It can be used to model the flow of user interfaces that the system will have, which makes it a valuable communication tool for technical and non-technical stakeholders  \nDOI: 10.4236/jsea.2023.169023 Sep. 18, 2023 483 Journal of Software Engineering and Applications  \nduring the requirements elicitation phase. Additionally, it is technically accurate, allowing it to be used reliably to start the development of the modelled system [1] .  \nSimplicity is key when working with modeling notations, especially for non-experts [2] . The UITD provides a notation that is both complete and simple enough for non-technical stakeholders to understand [3] . It is a formal modeling notation that is easy to learn, facilitating communication between stakeholders with and without software development technical skills. Compared to other formal modeling tools, the UITD has several advantages including its simplicity, completeness, and ability to model user-system interactions in a clear and concise way. Empirical evidence about the UITD’s understandability by non-technical stakeholders is also provided in [3] . By using the UITD, designers and developers can create models that are both technically accurate and easy to understand, helping to ensure that all stakeholders are aligned and satisfied with the specification of the system’s requirements.  \nIn recent years, various tools have been developed to support the ","cbCair2B0bKAFIOA","https://ap.wps.com/l/cbCair2B0bKAFIOA","pdf",2370818,13,"English","# 1. Introduction\n# 2. UITD and UITD Editor Features\n# 3. Study Method and Findings\n# 4. Discussion and Implications","[{\"question\":\"What is the role of the User Interface Transition Diagram (UITD) in system development?\",\"answer\":\"UITD is a formal modeling notation used to specify and design user-system interactions. It supports clear communication between technical and non-technical stakeholders during requirements elicitation.\"},{\"question\":\"How does draw.io compare with the dedicated UITD editor for creating UITDs?\",\"answer\":\"The paper compares the time required to create a medium-sized UITD and measures subjective ease of use and satisfaction. The dedicated editor is reported as more efficient and preferred by participants.\"},{\"question\":\"Why are specialized tools important for creating formal models like UITDs?\",\"answer\":\"The findings highlight that the specialized UITD editor improves efficiency and usability, supporting accurate and understandable formal modeling. This helps align stakeholders on requirements specifications.\"}]","The User Interfaces Transition Diagram-Editor - A Tool to Simplify User-System Interaction Modeling | PDF",1792965805,33]