User Interface and Exprience Gamification-Based E-Learning with Design Science Research Methodology

  • Viva Arifin Universitas Islam Negeri Syarif Hidayatullah Jakarta, Indonesia
  • Velia Handayani Universitas Islam Negeri Syarif Hidayatullah Jakarta, Indonesia
  • Luh Kesuma Wardhani Universitas Islam Negeri Syarif Hidayatullah Jakarta, Indonesia
  • Hendra Bayu Suseno Universitas Islam Negeri Syarif Hidayatullah Jakarta, Indonesia
  • Siti Ummi Masruroh Universitas Islam Negeri Syarif Hidayatullah Jakarta, Indonesia
Keywords: E-Learning, Gamification, User Interface, User Experience, User Experience Questionnaire


In 2020, the Islamic Elementary Teacher Working Group (KKG MI) held an E-Learning Training for Islamic Elementary School Teachers in DKI Jakarta about one of the gamification applications, Quizizz. According to observation, many teachers are still perplexed when utilizing the Quizizz program. This is due to the application’s design and different functionalities, which still appear complicated to some teachers who aren’t used to using it. The existing gamification application is also considered not to meet the learning needs at Islamic elementary schools in Jakarta. This study intends to analyze and design User Interface (UI) and User Experience (UX) designs for gamification-based e-learning applications as solutions to the problems found. Data collection begins with an observation and also a literature study, questionnaires, and interviews. For the design, Design Science Research Methodology (DSRM) is used, which consists of six stages: Problem Identification & Motivation, Define the Objective for a Solution, Design & Development, Demonstration, Evaluation and Communication. The results of the evaluation of the gamification-based e-learning design designed with the User Experience Questionnaire (UEQ) and Task Success show that the e-learning design is considered attractive and users can interact with e-learning effectively and easily.


Download data is not yet available.


[1] M. M. The and T. Usagawa, “Effectiveness of E-Learning Experience Through Online Quizzes: A Case Study of Myanmar
Students,” International Journal of Emerging Technologies in Learning, vol. 13, no. 12, pp. 157–176, 2018.
[2] Y. Zou, L. Shen, and S. Dadparvar, “The Influence of E-Learning Behavior on Students’ Learning Performance of Disaster
Emergency Knowledge,” International Journal of Emerging Technologies in Learning (iJET), vol. 17, no. 01, pp. 49–59, jan
2022. [Online]. Available:
[3] A. Thoo, A. Thoo, S. Hang, Y. Lee, and L. Tan, “Students’ Satisfaction Using E-Learning as a Supplementary Tool,” International
Journal of Emerging Technologies in Learning (iJET), vol. 16, no. 15, pp. 16–30, 2021.
[4] A. Y. Alqahtani and A. A. Rajkhan, “E-Learning Critical Success Factors During The Covid-19 Pandemic: A Comprehensive
Analysis of E-Learning Managerial perspectives,” Education Sciences, vol. 10, no. 9, pp. 1–16, 2020.
[5] H. A. Yamani, “A Conceptual Framework for Integrating Gamification in E-Learning Systems Based on Instructional Design
Model,” International Journal of Emerging Technologies in Learning (iJET), vol. 16, no. 04, pp. 14–33, feb 2021. [Online].
[6] D. Orhan G¨oks¨un and G. G¨ursoy, “Comparing Success and Engagement in Gamified Learning Experiences Via Kahoot and
Quizizz,” in Computers and Education, vol. 135, no. January. Elsevier, 2019, pp. 15–29.
[7] W. T. Nakamura, L. C. Marques, L. Rivero, E. H. T. De Oliveira, and T. Conte, “Are Scale-Based Techniques Enough for
Learners to Convey Their UX when Using a Learning Management System?” Revista Brasileira de Inform´atica na Educac¸ ˜ao,
vol. 27, no. 01, pp. 104–131, jan 2019. [Online]. Available:
[8] Y. M. Lim, A. Ayesh, and K. N. Chee, “Socio-Demographic Differences in The Perceptions of Learning Management System
(Lms) Design,” International Journal of Software Engineering & Applications, vol. 4, no. 5, pp. 15–35, 2013.
[9] T. Phunkaew, C. Phandan, and C. Wongwatkit, “Design and Evaluation of Interactive Learning Story and User Interface Prototyping
for Mobile Responsive Learning Application,” in Proceedings of 2019 4th International Conference on Information
Technology: Encompassing Intelligent Technology and Innovation Towards the New Era of Human Life, InCIT 2019. IEEE,
2019, pp. 132–137.
[10] F. A. Bachtiar, F. Pradana, B. Priyambadha, and D. I. Bastari, “CoMa: Development of Gamification-Based E-Learning,” in
2018 10th International Conference on Information Technology and Electrical Engineering (ICITEE). IEEE, jul 2018, pp.
1–6. [Online]. Available:
[11] H. Naufal Irfan and S. Hansun, “Pembangunan Aplikasi Latihan Soal IPA SD dengan Gamifikasi dan Mersenne Twister,” Jurnal
Teknologi Informasi dan Ilmu Komputer (JTIIK), vol. 7, no. 1, pp. 87–98, 2020.
[12] A. C. T. Klock, I. Gasparini, and M. S. Pimenta, “User-Centered Gamification for E-Learning Systems: A Quantitative and
Qualitative Analysis of its Application,” Interacting with Computers, vol. 31, no. 5, pp. 425–445, 2020.
[13] I. Suprianto, F. Pradana, and F. Abdurrachman Bachtiar, “Pengembangan Aplikasi E-Learning dengan Menerapkan Metode
Gamification,” Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, vol. 3, no. 2, pp. 1716–1724, 2019.
[14] Sugiyono, Metode Penelitian Kuantitatif, Kualitatif dan R & D , 19th ed. Bandung: Alfabeta, 2014, 2014.
[15] T. Tullis and B. Albert, Measuring The User Experience. Elsevier, jul 2013. [Online]. Available: https:
[16] A. Apriani, H. Zakiyudin, and K. Marzuki, “Penerapan Algoritma Cosine Similarity dan Pembobotan TF-IDF System Penerimaan Mahasiswa Baru pada Kampus Swasta,” Jurnal Bumigora Information Technology (BITe), vol. 3, no. 1, pp. 19–27, 2021.
How to Cite
Arifin, V., Handayani, V., Wardhani, L., Suseno, H., & Masruroh, S. (2022). User Interface and Exprience Gamification-Based E-Learning with Design Science Research Methodology. MATRIK : Jurnal Manajemen, Teknik Informatika Dan Rekayasa Komputer, 22(1), 165-176.