Perancangan Prototype Sistem Manajemen Quiz Berbasis Web Untuk Mendukung Evaluasi Pelatihan Menggunakan Figma

Authors

  • M.Robi Maulana Universitas Bina Darma
  • Usman Ependi Universitas Bina Darma

DOI:

https://doi.org/10.59024/jiti.v4i3.1999

Keywords:

Prototype, Quiz Management System, Training Evaluation, Website, Figma

Abstract

The development of information technology has provided convenience in supporting training activities and competency evaluation within companies. Training is one of the important activities carried out to improve participants’ knowledge, skills, and abilities in accordance with organizational needs. To determine the success of training, an evaluation process is required to measure participants’ level of understanding of the material that has been delivered. Based on observations conducted at a company, the training evaluation process still requires a more structured, interactive, and user-friendly medium. The company’s identity is not directly disclosed due to its confidentiality policy; therefore, the research object in this article is referred to as Company X. This study focuses on designing a prototype of a dashboard

 Quiz Management System using Figma. The system is designed to support question management, quiz library, quiz implementation through QR Code, quiz result presentation, question discussion, and leaderboard features. The purpose of this study is to produce a prototype design that can serve as an initial reference for developing a web-based training evaluation system that is more modern, structured, interactive, and suitable for user needs.

References

[1] Alao, O. D., Ezihe, A. P., Amanze, R. C., dkk. (2022). User-centered/User Experience design thinking approach for designing a university information management system.

https://www.researchgate.net/publication/363795384

[2] Bertram, L., & Dahm, M. (2022). Conceptual design and implementation of an automated metrics and model-based usability evaluation of UI prototypes in Figma. Mensch und Computer 2022 – Workshopband.

https://dl.gi.de/items/49ff4b80-1913-4837-8f90-f454a3dfafa7

[3] Harder, T., Drzyzga, G., Bruhns, J. M., dkk. (2024). Systematic integration of design prototypes into the LMS Moodle: Methods and challenges in practice. Springer.

https://link.springer.com/chapter/10.1007/978-3-031-82633-7_1

[4] Nugroho, A., Purwanto, J., Muin, M. A. M., dkk. (2025). UI/UX design of a web-based student organizations system using the design thinking method approach. Journal of Technology and Informatics.

https://e-journals.dinamika.ac.id/joti/article/view/893

[5] Pernando, A., & Danuarta, D. T. (2025). Development and usability evaluation of a mobile-based educational system prototype using Figma. Digital Frontier: Journal of Digital Technology and Innovation.

https://ejournal.amdatech.com/index.php/DigitalFrontier/article/view/4

[6] Pertiwi, M., Efranda, N., Slam, B. E., dkk. (2024). UI/UX design of web-based for outcome-based education assessment information system in Universitas Maritim Raja Ali Haji using prototype method. BIO Web of Conferences.

https://www.bio-conferences.org/articles/bioconf/abs/2024/53/bioconf_macific2024_01006/bioconf_macific2024_01006.html

[7] Piri, M. (2025). Design and evaluation of a prototype interactive software for professional development and educational collaboration among teachers. Trends and Achievements in Learning Technology.

https://jlt.iaet.ir/article_732743_en.html

[8] Staiano, F. (2022). Designing and prototyping interfaces with Figma: Learn essential UX/UI design principles by creating interactive prototypes for mobile, tablet, and desktop. Packt Publishing.

https://books.google.com/books?id=GOBeEAAAQBAJ

[9] Tiana, A. H., Prasetyo, R. T., Yulistiawan, B. S., dkk. (2025). Enhancing application design for integrated evaluation through user-centered prototyping with Figma. Jurnal Mandiri.

https://www.ejournal.isha.or.id/index.php/Mandiri/article/view/462

[10] Wijaya, E. Y., Arif, M., Aini, N., & Putri, Y. N. (2024). UI/UX web based learning design with UCD approach to basic programming using Figma. bit-Tech.

https://jurnal.kdi.or.id/index.php/bt/article/view/1534

Downloads

Published

2026-07-11