UI/UX Design of a Web-Based Student Organizations System Using the Design Thinking Method Approach
DOI:
https://doi.org/10.37802/joti.v7i1.893Keywords:
UI/UX, Student Organization System, Web, Design Thinking, User Experience, User InterfaceAbstract
A web-based Student Organization System (Student organizations) is a platform used to manage activities and information about student organizations in higher education institutions. However, in many cases, many existing systems lack an intuitive user interface (UI) and adequate user experience (UX), which causes difficulties in usage and a lack of user engagement. Therefore, this research aims to design a web-based Student organizations system using the Design Thinking method consists of five main stages: Empathize, Define, Ideate, Prototype, and Test. In this study, the first stage was conducted through interviews and surveys with users to understand their problems and needs. The next stage involved defining the identified issues, followed by brainstorming and generating design ideas that fit the requirements. The developed interface prototype was then tested through user testing to evaluate user experience and system functionality. The results of this study were a user interface design that is simpler, easier to navigate, and meets the specific needs of users. Testing of the prototype showed significant improvements in terms of ease of use and user satisfaction. Thus, the Design Thinking approach has proven to be effective in designing a web-based Student organization’s UI/UX system that better aligns with user expectations. The hypothesis test accepted the application with a user reception rate of 86%. Thus, the system falls into the "very strong" category, who stated that a result percentage between 81% and 100% indicates a very high level of strength in testing. Therefore, the developed system is considered feasible for implementation.
Downloads
References
A. K. Nisah, H. Ajie, and Widodo, “Perancangan Berbasis User Experience pada Modul Admin Sistem Informasi Akademik Universitas Negeri Jakarta,” PINTER J. Pendidik. Tek. Inform. dan Komput., vol. 5, no. 2, pp. 56–64, Dec. 2021, doi: 10.21009/PINTER.5.2.9.
F. Mahardika and R. B. B. Sumantri, “Implementation of Payment Gateway in the Mobile-Based Pawon Mbok ` E Eating House Ordering System,” pp. 60–70, 2024.
A. Azura and W. Wildian, “Rancang Bangun Sistem Absensi Mahasiswa Menggunakan Sensor RFID dengan Database MySQL XAMPP dan Interface Visual Basic,” J. Fis. Unand, vol. 7, no. 2, pp. 186–193, 2018, doi: 10.25077/jfu.7.2.186-193.2018.
S. Yahya, F. Mahardika, I. Saepudin, and S. Suhenda, “Implementasi Metode Extreme Programming pada Aplikasi Biro Jodoh Syari’ah Berbasis Mobile Android,” JTERA (Jurnal Teknol. Rekayasa), vol. 4, no. 1, p. 37, May 2019, doi: 10.31544/JTERA.V4.I1.2019.37-40.
F. Mahardika, S. G. Merani, A. T. Suseno, and D. Redaksi, “Penerapan Metode Extreme Programming pada Perancangan UML Sistem Informasi Penggajian Karyawan,” Blend Sains J. Tek., vol. 2, no. 3, pp. 204–217, 2024, doi: 10.56211/BLENDSAINS.V2I3.313.
S. Ansori, … P. H.-J. of I., and undefined 2023, “Penerapan Metode Design Thinking dalam Perancangan UI/UX Aplikasi Mobile SIPROPMAWA,” ejurnal.seminar-id.com, Accessed: Nov. 12, 2024. [Online]. Available: http://ejurnal.seminar-id.com/index.php/josh/article/view/3648
F. C. Wardana and I. G. L. P. E. Prismana, “Perancangan Ulang UI & UX Menggunakan Metode Design Thinking Pada Aplikasi Siakadu Mahasiswa Berbasis Mobile,” J. Emerg. Inf. Syst. Bus. Intell., vol. 3, no. 4, pp. 1–11, Jul. 2022, Accessed: Jan. 10, 2023. [Online]. Available: https://ejournal.unesa.ac.id/index.php/JEISBI/article/view/47740
A. Aldi, A. Mufidah, C. S.-J. I. dan, and undefined 2024, “Perancangan Desain UI/UX Aplikasi Pemesanan Paket Wisata Di Desa Wonokitri Menggunakan Metode Design Thinking,” journal.eng.unila.ac.id, Accessed: Nov. 12, 2024. [Online]. Available: http://journal.eng.unila.ac.id/index.php/jitet/article/view/5250
S. Tazkiyah and A. Arifin, “Perancangan UI/UX pada Website Laboratorium Energy menggunakan Aplikasi Figma,” J. Teknol. Terpadu, vol. 8, no. 2, pp. 72–78, Dec. 2022, doi: 10.54914/JTT.V8I2.513.
F. Mahardika, A. R. Naufal, and M. AL AMIN, “Desain UI dan UX dalam Sistem Informasi Akademik Menggunakan Metode Extreme Programming,” Progresif J. Ilm. Komput., vol. 19, no. 1, pp. 105–116, Feb. 2023, doi: 10.35889/PROGRESIF.V19I1.1023.
M. S. Anwar, “Penerapan Design Thinking Untuk Perancangan User Interface (UI) dan User Experience (UX) Pada Prototype Sistem Akademik Kampus,” 2021.
H. Jayusman and F. Mahardika, “Perancangan Sistem Arsip Surat Masuk dan Surat Keluar Desa Wanutengah Kab. Temanggung Berbasis Mobile,” Blend Sains J. Tek., vol. 3, no. 1, pp. 74–84, 2024, doi: 10.56211/blendsains.v3i1.566.
A. Martoyo and F. Mahardika, “Pengaruh Promosi dan Distribusi Terhadap Kepuasan Pelanggan Pada PT Tiga Serangkai Internasional Cabang Bandung.,” J. Pemasar. Kompetitif, vol. 3, no. 2, p. 2020, Accessed: Jan. 03, 2023. [Online]. Available: https://core.ac.uk/download/pdf/337610416.pdf
Fajar Mahardika; R Bagus Bambang Sumantri, “Arsitektur Enterprise Data Management Untuk Unit Kegiatan Mahasiswa & Organisasi Mahasiswa di STMIK Komputama Majenang,” J. Teknol. dan bisnis, vol. 2, pp. 52–69, 2020, doi: 10.37087/jtb.v2i1.15.
H. I. ZUHDI, “Analisis dan Perancangan User Interface/User Experience dengan Metode Design Thinking pada Sistem Informasi Akademik Universitas Jenderal Soedirman,” Nov. 2020.
N. Febrianti, H. Alaurrahman, and A. Rahmah, “Pengembangan Prototipe Sistem S.K.P.I. untuk Pendamping Ijazah Berbasis Google Suite,” J. Inform. Terpadu, vol. 9, no. 2, pp. 157–164, 2023, doi: 10.54914/jit.v9i2.898.
T. Sugiharto and M. Irwansyah, “Inovasi Pengembangan Sistem Informasi Pengelolaan Surat Keterangan Pendamping Ijazah Berbasis Web,” J. Media Inform. Budidarma, vol. 4, no. 2, p. 325, 2020, doi: 10.30865/mib.v4i2.1903.
B. Kurniawan, J. A. Jend Yani No, A. Tanjung Baru, and S. Selatan Korespondensi, “Perancangan Ui/Ux Aplikasi Manajemen Penelitian dan Pengabdian Kepada Masyarakat Menggunakan Aplikasi Figma,” JSIM J. Sist. Inf. Mahakarya, vol. 5, no. 1, pp. 1–7, Jul. 2022, Accessed: Jan. 10, 2023. [Online]. Available: https://journal.unmaha.ac.id/index.php/jsim/article/view/109
M. A. Muhyidin, M. A. Sulhan, and A. Sevtiana, “Perancangan UI/UX Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma,” J. Digit, vol. 10, no. 2, pp. 208–219, Dec. 2020, doi: 10.51920/JD.V10I2.171.
R. Fadilah, D. S.-J. I. Teknik, and undefined 2023, “Perancangan design prototype ui/ux aplikasi reservasi restoran dengan menggunakan metode design thinking,” journal.admi.or.id, Accessed: Nov. 13, 2024. [Online]. Available: https://journal.admi.or.id/index.php/JUIT/article/view/826
M. Widiyantoro, T. Ridwan, … N. H.-J., and undefined 2023, “Perancangan UI/UX Prototype Aplikasi Dompet Digital Menggunakan Metode Design Thinking,” ejurnal.umri.ac.id, Accessed: Nov. 13, 2024. [Online]. Available: https://ejurnal.umri.ac.id/index.php/JIK/article/view/5265
M. Ardiansyah, P. R.-L. J. I. Komputer, and undefined 2023, “Perancangan UI/UX Aplikasi Pengolahan Limbah Anorganik Menggunakan Metode Design Thinking,” journal.mediapublikasi.id, Accessed: Nov. 13, 2024. [Online]. Available: https://www.journal.mediapublikasi.id/index.php/logic/article/view/2193
J. Rahmadoni, R. Akbar, and R. Ulya, “Analysis of Nagari Management Information System Evaluation (Simnag) Using Pieces and Uat Methods,” J. Appl. Eng. Technol. Sci., vol. 4, no. 1, pp. 512–521, 2022, doi: 10.37385/jaets.v4i1.1326.
Downloads
Issue
Section
License
Copyright (c) 2025 Journal of Technology and Informatics (JoTI)

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