UI/UX Design of a Web-Based UKS Information Service System Using Design Thinking

Ali Ikhwan; Najwa Fadiyah Nasution; Salsa Fadila Nasution; Rohma Aulia

doi:10.55537/cosie.v5i4.1951

Authors

Ali Ikhwan Universitas Islam Negeri Sumatera Utara
Najwa Fadiyah Nasution Universitas Islam Negeri Sumatera Utara
Salsa Fadila Nasution Universitas Islam Negeri Sumatera Utara
Rohma Aulia Universitas Islam Negeri Sumatera Utara

DOI:

https://doi.org/10.55537/cosie.v5i4.1951

Keywords:

UI/UX, Sistem Informasi, Unit Kesehatan Sekolah, Design Thinking

Abstract

The School Health Service (UKS) is a form of health service provided within the school environment that plays a role in maintaining and improving students' health. Managing this service requires well-organized information delivery and a user-friendly interface. User Interface (UI) and User Experience (UX) aspects are crucial in system design, as they facilitate ease of use and effective user interaction. This study aims to design the UI/UX for a web-based School Health Service Information System using the Design Thinking method. The method comprises five stages: empathize, define, ideate, prototype, and test. The empathize stage identifies user needs and issues, while the define stage establishes the core problem. Subsequently, the ideate stage generates various solution alternatives, the prototype stage creates interface designs, and the test stage evaluates the designs using the Maze platform. The study results in a UI/UX design for the web-based School Health Service Information System. Testing was conducted using several task scenarios to measure user success in completing system activities. The findings demonstrate that the Design Thinking method can be effectively applied to create a UI/UX design centered on user needs. This design can serve as a reference for the development of the web-based School Health Service Information System

Downloads

Download data is not yet available.

References

[1] P. A. A. Ritonga and R. Hasibuan, “Analisis pelaksanaan program trias Usaha Kesehatan Sekolah (UKS) di SMAN 2 Rantau Selatan Kabupaten Labuhanbatu,” J. Law, Adm. Soc. Sci., vol. 5, no. 6, pp. 508–522, 2025, doi: 10.54957/jolas.v5i6.1987.

[2] K. Agustine and Maryana, “Analisis Pelaksanaan Trias Usaha Kesehatan Sekolah ( UKS ) DI Sekolah Islam Terpadu Albina Pangkalpinang Tahun 2025,” J. Kesehat. Tambusai, vol. 7, no. 2, pp. 9026–9043, 2026, doi: 10.31004/jkt.v7i2.58072.

[3] A. F. Kusumadewi, “Design and Evaluation of School Health Information System Using User Experience Questionnaire,” ndonesian J. Meachine Learn. Comput. Sci., vol. 5, no. 03, pp. 1117–1124, 2025, doi: 10.57152/malcom.v5i3.2103.

[4] K. Maulida Puspita Hasyim, D. Eridani, and A. Satriyo Nugroho, “Perancangan Antarmuka dan Pengalaman Pengguna Aplikasi Forestrytech Menggunakan Metode Design Thinking,” J. Tek. Komput., vol. 3, no. 1, pp. 11–18, 2024, doi: 10.14710/jtk.v3i1.44155.

[5] Bunga Anggun Chintamy, Ida Ayu Tri Sabina Putri, and Apriade Voutama, “Perancangan User Interface dan User Experience (UI/UX) pada Website ‘Tripin’ Menggunakan Metode User Centered Design (UCD),” Joutica, vol. 11, no. 1, pp. 1–14, 2026, doi: 10.30736/jti.v11i1.1418.

[6] J. H. Imin, M. Fajar, and Hasniati, “Perancangan UI/UX Website Search Buddy Menggunakan Pendekatan Design Thinking,” J. Ilm. Media Sisfo, vol. 18, no. 1, pp. 89–98, 2024, doi: 10.33998/mediasisfo.2024.18.1.1642.

[7] I. Darmawan, M. S. Anwar, A. Rahmatulloh, and H. Sulastri, “Design Thinking Approach for User Interface Design and User Experience on Campus Academic Information Systems,” Int. J. Informatics Vis., vol. 6, no. 2, pp. 327–334, 2023, doi: 10.30630/joiv.6.2.997.

[8] M. Hudha and K. Haryono, “Perancangan Desain UI/UX Website E-Learning Berbasis Learning Management System dengan Metode Design Thinking,” J. Indones. Manaj. Inform. dan Komun., vol. 6, no. 1, pp. 598–609, 2025, doi: 10.35870/jimik.v6i1.1252.

[9] N. B. S. Wibowo, Y. Purwati, and B. D. Putranto, “Implementasi Metode Design Thinking Pada Perancangan UI/UX Aplikasi Pendaftaran Siswa Baru Berbasis Web,” J. Algoritm., vol. 22, no. 1, pp. 49–59, 2025, doi: 10.33364/algoritma/v.22-1.2153.

[10] T. Priskila Tuuk, C. E. Mongi, C. A. J. Soewoeh, and E. Ketaren, “Implementasi Metode Design Thinking Pada Rancangan Ui/Ux Website Rumah Sakit Umum Daerah Noongan,” J. TIMES, vol. 13, no. 2, pp. 93–101, 2024, doi: 10.51351/jtm.13.2.2024770.

[11] P. I. Farmani, M. K. M. Wirajaya, V. A. S. Mulana, P. A. Laksmini, M. Sudiari, and I. K. Tunas, “Transformasi Pelayanan Kesehatan Sekolah dengan Implementasi Formulir Pemeriksaan UKS,” UNBI Mengabdi, vol. 4, no. 2, pp. 56–65, 2023, doi: 10.34063/um.v4i2.395.

[12] H. Mukid and A. Homaidi, “Perancangan Sistem Informasi Manajemen Bantuan Sosial Di Kabupaten Banyuwangi Berbasis Web,” Gudang J. Multidisiplin Ilmu, vol. 2, no. 10, pp. 14–21, 2024, doi: 10.59435/gjmi.v2i10.991.

[13] A. P. Wibowo, D. Sugianti, and K. H. Aulia, “Evaluasi Usability Desain Website Global Skills Training Center Menggunakan Maze Design dan User Experience Questionnaire,” LogicLink, vol. 3, no. 1, pp. 68–79, 2026, doi: 10.28918/logiclink.v3i1.07.

[14] S. Mayer and M. Schwemmle, “The impact of design thinking and its underlying theoretical mechanisms: A review of the literature,” Creat. Innov. Manag., vol. 34, no. 1, pp. 78–110, 2025, doi: 10.1111/caim.12626.

[15] S. Muneer, M. Santhosh, H. Parangusan, and J. Bhadra, “A meta-analysis to explore the role of design thinking in enhancing creativity as learning outcomes in STEM education,” Int. J. Technol. Des. Educ., vol. 36, no. 2, pp. 919–949, 2026, doi: 10.1007/s10798-025-10005-2.

[16] Muhammad Aulia Asshiddiqie and C. E. Supriana, “Perancangan User Experience Aplikasi E-Commerce Menggunakan Metode Design Thinking,” J. Pas. Inform., vol. 2, no. 1, pp. 1–8, 2023, doi: 10.23969/pasinformatik.v2i1.7171.

[17] A. Sodik, R. R. Putri, I. Firdaus, and S. A. Husada, “Penerapan Metode Design Thinking Pada User Interface Dan User Experince Aplikasi Monitoring Skripsi Berbasis Website,” telsinas, vol. 7, no. 2, pp. 73–84, 2024, doi: 10.38043/telsinas.v7i2.5611.

[18] E. P. Nurmala. Amalia, “Penerapan Metode Design Thinking Dalam Perancangan Ulang UI&UX Aplikasi Ipusnas,” J. Comput. Sci. Vis. Commun. Des., vol. 8, no. 2, pp. 291–306, 2023, doi: 10.55732/jikdiskomvis.v8i2.907.

[19] F. Afiyah, “Perancangan UI/UX Website Sistem Informasi Akademik Universitas Siliwangi dengan Metode Design Thinking,” J. Ilm. IT CIDA, vol. 11, no. 1, pp. 41–55, 2026, doi: 10.55635/jic.v11i1.228.

[20] M. Syarif, “Implementasi Design Thinking Untuk Perancangan User Interface Dan User Experience Sistem Informasi Pencarian Perguruan Tinggi,” J. ICT Inf. Commun. Technol., vol. 24, no. 1, pp. 75–80, 2024, doi: 10.36054/jict-ikmi.v24i1.256.

[21] E. Pujastuti, A. Nurmasani, W. Widayani, L. D. Farida, N. Widjiati, and A. S. Kusumaningrum, “Implementasi Design Thinking Untuk Perancangan Ui/Ux Aplikasi One Collecting Agent (Oca),” JuTI “Jurnal Teknol. Informasi,” vol. 3, no. 1, p. 49, 2024, doi: 10.26798/juti.v3i1.1405.