The Synchronous Online Argumentation System User Interface with an Integrated Design Framework: Redesign and Evaluation


  • Ayu Nuswantari
  • Ying-Tien Wu
  • Herman Dwi Surjono



Synchronous Argumentation System, Design Principles, User Interface, Design Framework, Education


The Synchronous online argumentation system is highly needed to facilitate learning activity in this internet era. To gain deeper insights about this important issue, this study developed nine principles based on Cognitive Load, User Interface, and User Experience to redesign a system. With this framework, 48 (forty-eight) students of Chi-Ying High School had tested with two prototypes, and the second prototype used the nine principles. The systems were measured with Web-Based Learning Environment (WEBLEI) and System Usability Test (SUS). The result of WEBLEI measurement shows that the second prototype gives better result and shows higher user acceptance than the first prototype. The result of SUS measurement shows that the usability of the second prototype is better than on the first prototype with (4.43) SUS score difference. The result shows that the use of nine principles that applied to the second prototype does increase the usability and acceptance of the students.


Almeida, F., & Monteiro, J. (2017). The role of responsive design in web development. Webology, 14(2), 48–65.

Asraj, A. Al, Freeman, M., & Chandler, P. A. (2011). Considering cognitive load theory within e-learning environments. PACIS 2011 - 15th Pacific Asia Conference on Information Systems: Quality Research in Pacific, 1–13.

Botturi, L., Lepori, B., & Tardini, S. (2006). Fast Prototyping as a Communication Catalyst for E-learning Design. Making the Transition to E-Learning: Strategies and Issues, January, 266–283.

Brink, T., Gergle, D., & Wood, S. D. (2002). Usability for the Web DesignWeb sites That Work. Morgan Kaufmann Publishers.

Chang, V. (2014). The Web based Learning Environment Instrument ( WEBLEI ). 1996, 6–11.

Chen, N. S., Ko, H. C., Kinshuk, & Lin, T. (2005). A model for synchronous learning using the Internet. Innovations in Education and Teaching International, 42(2), 181–194.

Costa, C. J., Costa, P., & Aparício, M. (2004). Principles for creating web sites: A design perspective. Principles for Creating Web Sites: A Design Perspective, January, 484–488.

Gullà, F., Ceccacci, S., Germani, M., & Cavalier, L. (2014). Design Adaptable and Adaptive User Interfaces: A Method to Manage the Information. Research Trends in Media Informatics, 426(April), 39–46.

Hotcomm. (2003). Synchronous Tools and the Emerging Online Leaming Model. 1–4.

Hrastinski, S. (2007). Participating in Synchronous Online Education. In Management. School of Economics and Management, Lund University. KFS AB.

Jitnupong, B., & Jirachiefpattana, W. (2018). Information System User Interface Design in Software Services Organization: A Small-Clan Case Study. MATEC Web of Conferences, 164.

Jönsson, D. H. (2020). The emancipatory potential of child-computer interaction (Issue February 2019, pp. 1–13).

Leidner, D. E., & Jarvenpaa, S. L. (1995). The Use of Information Technology to Enhance Management School Education: A Theoretical View. Journal - Association of Official Analytical Chemists, 71(3), 557–559.

Lestari, D. M., Hardianto, D., & Hidayanto, A. N. (2014). Analysis of user experience quality on responsive web design from its informative perspective. International Journal of Software Engineering and Its Applications, 8(5), 53–62.

Machado, E., Singh, D., Cruciani, F., & Chen, L. (2018). A Conceptual framework for Adaptive User Interfaces for older adults. A Conceptual Framework for Adaptive User Interfaces for Older Adults: IEEE International Conference on Pervasive Computing and Communications Workshops, PerCom Workshops 2018, October, 782–787.

Marcus, A. (2002). Dare we define user-interface design? Interactions, 9(5), 19–24.

Martin, S. (2015). Measuring cognitive load and cognition : metrics for technology enhanced learning. Educational Research and Evaluation.

Mayer, R. E., & Moreno, R. (2003). Field investigation of the performance of soft soil reinforcement with inclined pile. Nine Ways to Reduce Cognitive Load in Multimedia Learning, 2(1), 43–52.

Nielsen, J. (1994). Human Factors Computing Systems: Enhancing the Explanatory Power of Usability Heuristics. Human Factors in Computing Systems, 152–158.

Nielsen, J. (2012). Usability 101: introduction to usability [Online] (pp. 3–5).

Norman, D. A. (2004). Emotional Design: Why We Love (Or Hate) Everyday Things. In Residential Treatment for Children and Youth (Vol. 13, Issue 2).

Oviatt, S. (2006). Human-Centered Design Meets Cognitive Load Theory: Designing Interfaces that Help People Think. Proceedings of the 14th Annual ACM International Conference on Multimedia, MM 2006, 871–880.

Read, J. C., & Bekker, M. M. (2011). The nature of Child Computer Interaction. The Nature of Child Computer Interaction Janet, 1994, 1–9.

Shneiderman, B., Plaisant, C., Cohen, M., Jacobs, S., & Elmqvist, N. (2016). Designing the User Interface: Strategies for Effective Human-Computer Interaction: Sixth Edition (pp. 5–6). Pearson (May 2016).

Sodiya, A. S. (2016). User Interface Design, And Ergonomics. The National Open University of Nigeria.

St.Amant, K. (2009). Technical Communication Quarterly Explicit Structure in Print and On-Screen Documents. A Prototype Theory Approach to International Website Analysis and Design, 14(1), 9–30.

Tullis, T. S., & Stetson, J. N. (2004). A Comparison of Questionnaires for Assessing Website Usability ABSTRACT : Introduction. Usability Professional Association Conference, June 2006, 1–12.

U.S Health and Human Service Guidelines. (2006). Research-based web design & usability guidelines (Vol. 2009, Issue July 12). The U.S. Department of Health and Human Services 200 Independence Avenue, S.W.

Willis, J. (2009). A General Set of Procedures for C-ID: R2D2. In J. Willis (Ed.), Constructivist Instructional Design (C-ID): Foundations, Models, and Examples. Charlotte, NC: Information Age Publishing.

Zahedi, F. M., Van Pelt, W. V., & Song, J. (2001). A conceptual framework for international Web design. IEEE Transactions on Professional Communication, 44(2), 83–103.