Desain UI/UX Prototype SPP Metode Human Centered Design
DOI:
https://doi.org/10.30865/klik.v4i2.1081Keywords:
Prototype; SPP; Human Centered Design; Figma; UsabilityAbstract
Al-Muttaqin Islamic Junior High School is a junior high school that still uses the Education Development Contribution (SPP) payment system by recording and recapitulating on SPP cards and payment books, but such a system is prone to damage and loss, causing data insecurity, besides that it also makes the payment process relatively long. The design of the user interface or user experience can influence users because of its attractive appearance and is expected to provide solutions to make it easier for officers in SPP payment services and to be able to make payment transactions that can be made. The target audience in this design is aimed at school treasurers and student guardians. The purpose of this study is to find out the stages of the tuition payment system process at Al-Muttaqin Islamic Middle School and then design a solution to the problem. In this study, the UI/UX SPP design was carried out at Al-Muttaqin Islamic Middle School by applying the stages of the Human Centered Design (HCD) method, namely understanding and specifying the context of use, specifying user needs, creating solution designs, and evaluating solution designs by conducting usability testing of designs. The results of the usability effectiveness test got a score of 90%, on learnability got a score of 92%, and on the satisfaction test (SUS) got a score of 87.8%, from the results of the test data it was declared successful. The process of recording and paying SPP will be faster, will reduce recording errors, record repetition, lost data, and make recording results more accurate
Downloads
References
M. Iqbal, “Pemasaran Jasa Pendidikan dan Implementasinya sebagai Strategi Pengembangan Pendidikan di SMP Muhammadiyah 1 Depok Sleman Yogyakarta,” Manag. J. Manaj. Pendidik. Islam, vol. 4, no. 1, pp. 127–146, 2019, doi: 10.14421/manageria.2019.41-08.
Y. Pamungkas, “Sistem Informasi Sumbangan Pembinaan Pendidikan (SPP) Berbasis Website Pada SMK Mandalahayu Bekasi.,” vol. 6, pp. 58–64, 2019, [Online]. Available: http://repository.ubharajaya.ac.id/2398/%0Ahttp://repository.ubharajaya.ac.id/2398/1/201510225138_Yoga Pamungkas_Cover-Daftar Isi.pdf
H. Dafitri, E. Panggabean, N. Wulan, and ..., “Pelatihan Pembuatan Desain UI/UX Website UMKM Profile Labscarpe dengan Aplikasi Figma: Pelatihan Desain UI/UX Website UMKM,” J. Pengabdi. …, vol. 3, no. 2, pp. 1972–1980, 2023, [Online]. Available: http://ejournal.sisfokomtek.org/index.php/jpkm/article/view/718%0Ahttps://ejournal.sisfokomtek.org/index.php/jpkm/article/download/718/545
I. N. Arifin, H. Tolle, and R. I. Rokhmawati, “Evaluasi dan Perancangan User Interface untuk Meningkatkan User Experience menggunakan Metode Human-Centered Design dan Heuristic Evaluation pada Aplikasi Ezyschool,” J. Pengemb. Teknlogi Inf. dan Ilmu Komput., vol. 3, no. 2, pp. 1725–1732, 2019.
K. R. Carisfian, A. P. Kharisma, and T. Afirianto, “Perancangan User Experience Aplikasi Informasi Lomba Karya Tulis Ilmiah Mahasiswa Menggunakan Metode Human-Centered Design,” J. Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 3, no. 9, pp. 8723–8731, 2019.
Y. Firantoko, H. Tolle, and H. M. Az-zahra, “Perancangan User Experience Dengan Menggunakan Metode Human Centered Design Untuk Aplikasi Info Calon Anggota Legislatif 2019,” J. Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 3, no. 3, pp. 2798–2806, 2019.
M. A. Humanika, G. P. Mahardhika, and H. Setiaji, “Perancangan Tampilan Antarmuka Website Trisno Motor Menggunakan Pendekatan HCD (Human-Centered Design),” Automata, vol. 2, no. 2, 2021, [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/view/19537
C. H. Fitri and F. Rahma, “Evaluasi dan perbaikan Tampilan Desain Antarmuka pengguna Web Jogja Center dengan Metode Human-Centered Design,” Automata, 2022, [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/view/21921
A. S. Wibawa, R. I. Rokhmawati, and H. M. Az-Zahra, “Perancangan Antarmuka Pengguna Aplikasi Leson menggunakan Metode Human-Centered Design (HCD),” J. Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 5, no. 12, pp. 5497–5504, 2021, [Online]. Available: https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/10269/4581
I. Salamah, “Evaluasi Usability Website Polsri Dengan Menggunakan System Usability Scale,” vol. 8, pp. 176–183, 2019, [Online]. Available: https://ejournal.undiksha.ac.id/index.php/janapati/article/view/17311/pdf
F. Jamil, R. Mukhaiyar, and I. Husnaini, “Kajian Literatur Rekonstruksi Mata Kuliah (Studi Kasus Mata Kuliah Pengolahan Sinyal Teknik Elektro UNP),” JTEV (Jurnal Tek. Elektro dan Vokasional), vol. 6, no. 2, p. 198, 2020, doi: 10.24036/jtev.v6i2.108742.
G. M. M.Si, “Peningkatan Hasil Belajar Menyusun Teks Laporan Hasil Observasi Pada Peserta Didik Kelas X Sman 7 Malang Dengan Model Pembelajaran Integratif,” JINoP (Jurnal Inov. Pembelajaran), vol. 5, no. 1, p. 39, 2019, doi: 10.22219/jinop.v5i1.7244.
R. Yudiantara, N. budi pamungkas, and Mg. An, “Sistem Penilaian Rapor Peserta Didik Berbasis Web Secara Multiuser,” J. Inform. dan Rekayasa Perangkat Lunak, vol. 2, no. 4, pp. 447–453, 2021, [Online]. Available: http://jim.teknokrat.ac.id/index.php/informatika
K. N. Cahyo, Martini, and E. Riana, “Perancangan Sistem Informasi Pengelolaan Kuesioner Pelatihan pada PT Brainmatics Cipta Informatika,” J. Inf. Syst. Res., vol. 1, no. 1, pp. 45–53, 2019, [Online]. Available: http://ejurnal.seminar-id.com/index.php/josh/article/view/44
A. Apiyani, Y. Supriani, S. Kuswandi, and O. Arifudin, “Implementasi Pengembangan Keprofesian Berkelanjutan (PKB) Guru Madrasah Dalam Meningkatkan Keprofesian,” JIIP - J. Ilm. Ilmu Pendidik., vol. 5, no. 2, pp. 499–504, 2022, doi: 10.54371/jiip.v5i2.443.
V. Tasril, M. Zen, E. S. Fitriani, A. D. Putra, U. Pembangunan, and P. Budi, “Desain ui/ux prototipe pembelajaran berbasis game kosakata bahasa inggris dengan metode hcd ui/ux design of english vocabulary game-based learning prototype using the hcd method,” vol. 6, pp. 1–8, 2023.
E. Putu Ramayasa, M. Azman Maricar, “PENGEMBANGAN PROTOTYPE APLIKASI POINT OF SALES DENGAN MENGGUNAKAN USER CENTERED,” vol. 04, no. 02, pp. 176–181, 2022, [Online]. Available: https://www.naratif.sttbandung.ac.id/index.php/naratif/article/view/167/91
M. Z. Kurniawan, D. Y. Wijaya, and A. Purnawan, “Elisitasi Kebutuhan Sistem Absensi InfoKHS Menggunakan User Persona,” vol. 10, no. 1, pp. 62–71, 2022, [Online]. Available: http://ejournal.unis.ac.id/index.php/jutis/article/view/2674/1645
I. Teknologi, K. Angelina, E. Sutomo, and V. Nurcahyawati, “Jurnal Desain UI UX Aplikasi Penjualan dengan Menyelaraskan Kebutuhan Bisnis menggunakan Pendekatan Design Thinking using Design Thinking Approach,” vol. 5, pp. 70–78, 2023, [Online]. Available: http://www.jurnal.plb.ac.id/index.php/tematik/article/view/915/464
E. Triandini and I. G. Suardika, Step by Step Desain Proyek Menggunakan UML. Penerbit Andi. [Online]. Available: https://books.google.co.id/books?id=3OlRBbSZq24C
A. Herdiyanto and N. Normalisa, “Perancangan Sistem Informasi Akademik SMPN I Tajurhalang,” J. Eng. Technol. Appl. Sci., vol. 1, no. 1, pp. 1–18, 2020, doi: 10.36079/lamintang.jetas-0101.90.
M. T. I. Dr. Henderi Dr. Untung Rahardja Efana Rahwanto, UML POWERED DESIGN SYSTEM USING VISUAL PARADIGM. CV Literasi Nusantara Abadi, 2022. [Online]. Available: https://books.google.co.id/books?id=Dn9XEAAAQBAJ
U. Ependi, T. B. Kurniawan, and F. Panjaitan, “System Usability Scale Vs Heuristic Evaluation: a Review,” Simetris J. Tek. Mesin, Elektro dan Ilmu Komput., vol. 10, no. 1, pp. 65–74, 2019, doi: 10.24176/simet.v10i1.2725.
M. Prabowo and A. Suprapto, “Usability Testing pada Sistem Informasi Akademik IAIN Salatiga Mengunakan Metode System Usability Scale,” JISKA (Jurnal Inform. Sunan Kalijaga), vol. 6, no. 1, pp. 38–49, 2021, doi: 10.14421/jiska.2021.61-05.
Bila bermanfaat silahkan share artikel ini
Berikan Komentar Anda terhadap artikel Desain UI/UX Prototype SPP Metode Human Centered Design
ARTICLE HISTORY
Issue
Section
Copyright (c) 2023 Wahyu Muslimin, Eva Zuraidah
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under Creative Commons Attribution 4.0 International License that allows others to share the work with an acknowledgment of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (Refer to The Effect of Open Access).
