Perancangan Antarmuka Asesmen Digital untuk Mendukung Identifikasi Awal Kesulitan Belajar Pada Peserta Didik SMK Negeri 4 Surabaya

Authors

  • Naufal Dzuliad Fikri Zain Universitas Pembangunan Nasional Veteran Jawa Timur
  • Sri Wulandari Universitas Pembangunan Nasional Veteran Jawa Timur
  • Aninditya Daniar Universitas Pembangunan Nasional Veteran Jawa Timur

DOI:

https://doi.org/10.55606/jupikom.v5i3.7996

Keywords:

digital assessment; initial identification; learning difficulties; user interface; Design Thinking; vocational high school

Abstract

This study designs a digital assessment interface to support the initial identification of learning difficulties among students at SMK Negeri 4 Surabaya. The existing assessment process uses printed question and answer sheets, requiring counselling guidance teachers to review responses and archive assessment documents manually. This study aims to develop a desktop-based student interface that presents the assessment process in a more structured manner without changing the content or sequence of the existing instrument. The design process applied four stages of Design Thinking: empathize, define, ideate, and prototype. Primary data were collected through semi-structured interviews with a counselling guidance teacher and a homeroom teacher to identify the assessment process, user needs, and design requirements. The result is a high-fidelity interactive prototype consisting of user selection, identity input, readiness and instruction pages, numerical, spatial, and language assessment pages, answer confirmation, and an assessment completion page. The interface applies gradual information presentation, clear visual hierarchy, progress indicators, and back-next navigation to support students during the assessment. Assessment results and learning-difficulty categories are not displayed to students because interpretation and follow-up remain the responsibility of the counselling guidance teacher. This design serves as a supporting medium for initial identification and does not constitute a psychological diagnostic tool or a fully implemented information system

References

[1] L. Mourin dkk., “Ekplorasi Pengaruh Warna Terhadap Perkembangan Psikologi dan Mental Anak di SDN Kalirungkut 1 Surabaya,” Jurnal Penelitian Ilmu-Ilmu Sosial, vol. 2, no. 5, 2024, doi: 10.5281/zenodo.14553753.

[2] M. N. Kholid, A. A. Astiani, dan A. Swastika, “Analisis Pembelajaran Geometri pada Siswa SMP/MTs Secara Online Menurut Psikologi Warna,” JIPM (Jurnal Ilmiah Pendidikan Matematika), vol. 10, no. 1, hlm. 122, Sep 2021, doi: 10.25273/jipm.v10i1.9433.

[3] M. Umiga, “Perancangan User Interface (UI) dan User Experience (UX) Aplikasi e-Learning Studi Kasus SMK N Jenawi dengan Pendekatan User Centered Design,” Jurnal Cakrawala Informasi, vol. 2, no. 2, hlm. 56–62, Des 2022, doi: 10.54066/jci.v2i2.242.

[4] S. Qiang dan H. Fei, “An icon design approach based on symbolic and users’ cognitive psychology,” Indonesian Journal of Electrical Engineering and Computer Science, vol. 4, no. 3, hlm. 695–705, Des 2016, doi: 10.11591/ijeecs.v4.i3.pp695-705.

[5] E. J. Purhita, S. Sn, dan M. Ds, “P Y YAYASAN PRIMA AGUS TEKNIK YAYASAN PRIMA AGUS TEKNIK YAYASAN PRIMA AGUS TEKNIK NIRMANA Pengantar Ilmu Warna.”

[6] R. Poulin, “Design School layout A Practical Guide for Students and Designers.”

[7] Gavin. Ambrose dan Paul. Harris, LAYOUT FOR GRAPHIC DESIGNERS. Hachette Pratique, 2018.

[8] W. bismi, diyah Putri, M. Qomaruddin, dan D. Putri, “Perancangan Design Prototype UI/UX Aplikasi TICCON Menggunakan Metode Design thinking,” 2025. [Daring]. Tersedia pada: http://jurnal.bsi.ac.id/index.php/imtechno

[9] B. Frost, “Atomic Design.”

[10] J. James. Garrett, The elements of user experience : user-centered design for the Web and beyond. New Riders, 2011.

[11] M. Suhaili Herly Nurrahmi Tri Fajar Yurmama Vikka Isma Liana Putri Politeknik Negeri Media Kreatif dan J. Srengseng Sawah Jagakarsa Jakarta Selatan, “Perancangan Tampilan UI/UX Pada Aplikasi Novel Komik (Nomik)”, doi: 10.46961/jommit.v6i1.

[12] W. bismi, diyah Putri, M. Qomaruddin, dan D. Putri, “Perancangan Design Prototype UI/UX Aplikasi TICCON Menggunakan Metode Design thinking,” 2025. [Daring]. Tersedia pada: http://jurnal.bsi.ac.id/index.php/imtechno

[13] M. Fiqri Widiyantoro, T. Ridwan, N. Heryana, dan A. Voutama, “Perancangan UI/UX Prototype Aplikasi Dompet Digital Menggunakan Metode Design Thinking”.

[14] R. P. Sutanto, “Analisis User Flow pada Website Pendidikan: Studi Kasus Website DKV UK Petra,” Nirmana, vol. 22, no. 1, hlm. 41–51, Jun 2022, doi: 10.9744/nirmana.22.1.41-51.

[15] S. Hellweger dan X. Wang, “What is User Experience Really: towards a UX Conceptual Framework.” [Daring]. Tersedia pada: http://peterme.com/index112498.html

Published

2026-09-23

How to Cite

Naufal Dzuliad Fikri Zain, Sri Wulandari, & Aninditya Daniar. (2026). Perancangan Antarmuka Asesmen Digital untuk Mendukung Identifikasi Awal Kesulitan Belajar Pada Peserta Didik SMK Negeri 4 Surabaya. Jurnal Publikasi Ilmu Komputer Dan Multimedia, 5(3), 121–130. https://doi.org/10.55606/jupikom.v5i3.7996