UI/UX Web Based Learning Design with UCD Approach to Basic Programming using FIGMA

Authors

    Etistika Yuni Wijaya( 1 ) Muchamad Arif( 2 ) Nuru Aini( 3 ) Yiyin Noriyah Putri( 4 )

    (1) Universitas Trunojoyo
    (2) Universitas Trunojoyo
    (3) Universitas Trunojoyo
    (4) Universitas Trunojoyo

DOI:


https://doi.org/10.32877/bt.v6i3.1534

Abstract

The era of revolution 4.0 has had the impact of technological changes in learning, to learning in the form of technology. Online learning is designed using online technology and material is adapted to user needs. Web Based Learning is a website-based learning media that students use to learn the basics of programming. The problem of learning programming for vocational school students is that it is difficult to understand the basic syntax of programming and the flow of thinking, so learning media is needed that can make it easier for students to learn it. Interface design is one of the determinants of students' learning interest, so an appropriate design method is needed according to students' needs, namely using the UCD (User Center Design) method. So that the interface looks attractive, and the workflow is clear enough, an interface design assistant application, namely Figma, is used. Activities are emphasized on SUS testing by obtaining test results of Based on the prototype evaluation results, a MAUS score of 95 out of 100 was obtained at a high level. The MAUS value is at a high level. Meanwhile, the MIUS scores of the four scenarios tested received their respective scores, scenario 1 got a score of 76.25 with a medium level, scenario 2 got a score of 87.6 with a high level, scenario 3 got a score of 87.6 with a high level, and scenario 4 gets a score of 95.45 with a high level.

Downloads

Download data is not yet available.

References

M. Zarini, D. N. Wilson, N. Y. Mar, and T. Varis, “Overview: the growing role of ICTs in education and training,” in International Handbook of Education for the Changing World of Work, C. Chinien, Ed., Germany: Springer, 2009, pp. 1834–1846. doi: 10.1007/978-1-4020-5281-1_124.

E. Daryanto, B. Siregar, and S. Januariyansah, “A Meta-Analysis of the E-Learning Influence on Vocational Education and Training (VET): Preliminary Study of Virtual to Actualization,” International Journal of Education in Mathematics, Science and Technology, vol. 10, no. 3, pp. 710–721, 2022, doi: 10.46328/ijemst.2509.

H. Subramonyam, D. Thakkar, J. Dieber, and A. Sinha, “Content-Centric Prototyping of Generative AI Applications: Emerging Approaches and Challenges in Collaborative Software Teams,” Feb. 2024, [Online]. Available: http://arxiv.org/abs/2402.17721

G. Piccoli and R. Ahmad, “Web-Based Virtual Learning Environments: A Research Framework and a Preliminary Assessment of Effectiveness in Basic IT Skills Training,” 2001.

R. Harahap, “Fenomena Online Learning di Masa Pandemi,” Jurnal Bahasa & Sastra, vol. 5, no. 2, pp. 146–156, 2020, doi: http://dx.doi.org/10.31604/linguistik.v5i2.146-156.

M. Carney et al., “Teachable machine: Approachable web-based tool for exploring machine learning classification,” in Conference on Human Factors in Computing Systems - Proceedings, Association for Computing Machinery, Apr. 2020. doi: 10.1145/3334480.3382839.

T. M. Kuo, C. C. Tsai, and J. C. Wang, “Linking web-based learning self-efficacy and learning engagement in MOOCs: The role of online academic hardiness,” Internet and Higher Education, vol. 51, Oct. 2021, doi: 10.1016/j.iheduc.2021.100819.

G. V Davidson-shivers, K. L. Rasmussen, and P. R. Lowenthal, Web-Based Learning. USA: Springer, 2018.

A. I. Mahardika, N. Wiranda, and M. Kamal, “Web-Based Interactive Learning Medium to Foster Students ’ Understanding on Magnetic Theory Using the Tutorial Method,” vol. 6, no. 1, pp. 37–44, 2023, doi: 10.18421/SAR61.

J. Filipe, A. Ghosh, R. O. Prates, and L. Zhou, “Communications in Computer and Information Science 1428 Editorial Board Members.” [Online]. Available: http://www.springer.com/series/7899

Y. Widharto, D. Nurkertamanda, and H. Fahreza, “User Interface Design for Arm Robot Controller Application using User-Centered Design Method as a Learning Media,” International Journal of Current Science Research and Review, vol. 06, no. 04, Apr. 2023, doi: 10.47191/ijcsrr/V6-i4-18.

M. Multazam and Z. Syahrial, “Development Of Learning Models In Web Programming Courses With Computer-Based Learning Tutorials.”

W. S. L. Nasution and P. Nusa, “UI/UX Design Web-Based Learning Application Using Design Thinking Method,” ARRUS Journal of Engineering and Technology, vol. 1, no. 1, pp. 18–27, Aug. 2021, doi: 10.35877/jetech532.

S. S. Smith, Web-Based Instruction second edition Web-Based Instruction.

R. Alokaily, INSTRUCTIONAL DESIGN. Routledge.

R. M. Branch, Instructional Design. 2020. doi: 10.1007/978-3-319-15347-6_300893.

A. Krisnoanto, A. H. Brata, and M. T. Ananta, “Penerapan Metode User Centered Design pada Aplikasi E-Learning Berbasis Android (Studi Kasus:SMAN 3 Sidoarjo),” Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer (J-PTIIK) Universitas Brawijaya, vol. 2, no. 12, pp. 6495–6501, 2018.

M. B. Deswara, R. H. Sutrisno, T. Pujiansyah, P. Mukrim, O. Safardan, and F. Nopriani, “Penerapan Metode User Centered Design (UCD) pada Perancangan User Interface Aplikasi Pembelajaran Pemprogram Web,” Jurnal Informatika dan Komputer (JIK), vol. 15, no. 1, pp. 76–82, 2024.

A. S. Bagaskoro, R. Fauzi, and N. Ambarsari, “Perancangan User Interface Berdasarkan User Experience Aplikasi E-learning dengan Menggunakan Metode User Centered Design untuk Mendukung Proses Pembelajaran Studi Kasus: SMA Santa Maria 3 Cimahi,” e-Proceeding of Engineering, vol. 7, no. 2, pp. 7565–7573, 2020.

Z. Ulinuha, S. Suakanto, and E. N. Alam, “Aplikasi Web e-Learning untuk Kader Kesehatan dengan Metode User-Centered Design ( UCD ),” Jurnal Telematika, vol. 17, no. 1, pp. 8–16, 2022.

IxDF, “What is User Centered Design?,” Interaction Design Foundation. [Online]. Available: https://www.interaction-design.org/literature/topics/user-centered-design

T. D. A. Dakhilullah and B. Suranto, “Penerapan Metode User Centered Design Pada Perancangan Pengalaman Pengguna Aplikasi I-Star,” Journal UII, 2022.

Downloads

Published

2024-04-30

How to Cite

[1]
E. Y. Wijaya, M. Arif, N. Aini, and Y. N. Putri, “UI/UX Web Based Learning Design with UCD Approach to Basic Programming using FIGMA”, bit-Tech, vol. 6, no. 3, pp. 412–420, Apr. 2024.

Issue

Vol. 6 No. 3 (2024): bit-Tech

Section

Articles

License

Copyright (c) 2024 bit-Tech

Creative Commons License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

I hereby assign and transfer to bit-Tech all exclusive copyright ownership rights to the above work. This includes, but is not limited to, the right to publish, republish, downgrade, distribute, transmit, sell, or use the work and other related materials worldwide, in whole, or in part, in all languages, in electronic, printed, or any other form of media, now known or hereafter developed and reserves the right to permit or license a third party to do any of the above. I understand that this exclusive right will belong to bit-Tech from the date the article is accepted for publication. I also understand that bit-Tech, as the copyright owner, has sole authority to license and permit reproduction of the article. I understand that, except for copyright, any other proprietary rights associated with the work (e.g. patents or other rights to any process or procedure) must be retained by the author. In addition, I understand that bit-Tech permits authors to use their papers in any way permitted by the applied Creative Commons license.

DOI : https://doi.org/10.32877/bt.v6i3.1534
Abstract views: 225 / PDF downloads: 145