Designing UI/UX For SDN 1 Sukamulya Ciamis Website Using the Five Planes and WEBUSE Methodologies

Dena Surya Gumilah, Andi Nur Rachman, Aldy Putra Aldya

Abstract


The web-based information world is currently experiencing rapid growth, encompassing interactive, dynamic, and static elements, with educational institutions being one of its prominent users. It provides swift and precise information services, contributing significantly to the fundamental development of the education sector. The school profile website from the Ministry of Education and Culture (KEMENDIKBUD) currently only provides basic profile features. Due to the lack of information and features on the website, a redesign and further development are necessary. Therefore, this research, based on interviews with relevant parties such as SDN 1 Sukamulya, calls for a redesign and development of the website. The approach taken in this redesign and development utilizes the Five Plans method. The creation of a website that aligns with user preferences, combines an attractive design, and offers an experience that meets user needs. The design and development of this website will be evaluated using the WEBUSE method. WEBUSE (Web Usability Evaluation) is a method for assessing the extent of usability based on a comprehensive usability criteria questionnaire. In the UI/UX design phase, the Five Planes method was applied, and after the design phase, the website's feasibility was assessed using the WEBUSE method. This research successfully designed a website for SDN 1 Sukamulya by applying the Five Planes method in the design process. Based on the comparison of evaluations using the WEBUSE method, the usability score of the website improved from a usability score of 0.657, falling into the "good" range (0.6 - 0.8), to a usability score of 0.829, falling into the "excellent" range (0.8 - 1). This score indicates that the website's usability level is excellent, demonstrating that the design and development efforts have successfully provided an outstanding user experience.

Full Text:

PDF 38-44

References


N. Gardenia, M. Gusniwati, A. Rahadyan, and I. Kurniawan, “A SIMPLE SCHOOL PROFILE WEBSITE USING WORDPRESS AS AN INFORMATION AND PROMOTION MEDIA,” vol. 5, no. 4, pp. 1263–1271, 2021, doi: 10.31764/jmm.v5i4.4784.

N. R. Wiwesa, “User Interface dan User Experience Untuk Mengelola Kepuasan Pelanggan,” Jurnal Sosial Humaniora Terapan, vol. 3, no. 2, pp. 17–31, 2021.

D. I. Permatasari, F. Fahrul Hardiansyah, M. Ainun Wakhidah, and M. Bagus Afridian Rasyid, “UX Design Documentation Application Using The Five Planes Method,” in 6th International Conference on Sustainable Information Engineering and Technology 2021, New York, NY, USA: ACM, Sep. 2021, pp. 29–32. doi: 10.1145/3479645.3479688.

Garrett, The elements of user experience, vol. 10, no. 5. 2003. doi: 10.1145/889692.889709.

T. K. Chiew and S. S. Salim, “Webuse: Website usability evaluation tool,” Malaysian Journal of Computer Science, vol. 16, no. 1, pp. 47–57, 2003.

H. S. Pratiwi and H. Novriando, “EVALUASI USABILITY PADA WEBSITE MONITORING KEBAKARAN HUTAN MENGGUNAKAN METODE WEBUSE EVALUATION OF USABILITY IN MONITORING FOREST WEBSITES USING THE WEBUSE METHODOLOGY,” Jurnal Teknologi Informasi dan Ilmu Komputer, 2022.

H. Sastypratiwi and H. Novriando, “EVALUASI USABILITY PADA WEBSITE MONITORING KEBAKARAN HUTAN MENGGUNAKAN METODE WEBUSE EVALUATION OF USABILITY IN MONITORING FOREST WEBSITES USING THE WEBUSE METHOD,” Jurnal Teknologi Informasi dan Ilmu Komputer, 2022, doi: 10.25126/jtiik.202295436.

R. Shafrida Kurnia and R. Faticha Alfa Aziza, “Desain User Interface Personal Asisten Keuangan Digital,” Sistemasi, vol. 10, no. 3, p. 502, 2021, doi: 10.32520/stmsi.v10i3.1306.

A. Muktamar, C. S. Lumingkewas, and A. Rofi, “The Implementation of User Centered Design Method in Developing UI/UX,” JISTE (Journal of Information System, vol. 1, no. 2, pp. 26–31, 2023, [Online]. Available: http://gemapublisher.com/index.php/jiste

F. Aziz, Irmawati, D. Riana, J. D. Mulyanto, D. Nurrahman, and M. Tabrani, “Usability Evaluation of the Website Services Using the WEBUSE Method (A Case Study: Covid19.go.id),” in Journal of Physics: Conference Series, IOP Publishing Ltd, Nov. 2020. doi: 10.1088/1742-6596/1641/1/012103.

L. Hardiansyah, K. Iskandar, and H. Harliana, “Perancangan User Experience Website Profil Dengan Metode The Five Planes (Studi kasus: BP3K Kecamatan Mundu),” Jurnal Ilmiah Intech : Information Technology Journal of UMUS, vol. 1, no. 01, pp. 11–21, 2019, doi: 10.46772/intech.v1i01.34.

Faisal Maulana Akbar, Ayouvi Poerna Wardhanie2, and Tan Amelia, “Implementasi Re-design UI/UX Website Fumigasi Untuk Meningkatkan Customer Experience,” Journal of Applied Computer Science and Technology, vol. 4, no. 2, pp. 90–99, Nov. 2023, doi: 10.52158/jacost.v4i2.488.

D. Irmayanti, S. Tinggi, and T. Wastukancana, “PERANCANGAN UI/UX PADA APLIKASI MOBILE PENJUALAN DI 3R STATIONARY MENGGUNAKAN METODE DESIGN SPRINT,” 2023. [Online]. Available: https://www.researchgate.net/publication/374630670

A. Syahrina and T. F. Kusumasari, “Designing User Experience and User Interface of a B2B Textile e-Commerce using Five Planes Framework,” International Journal of Innovation in Enterprise System, vol. 4, no. 01, pp. 44–55, 2020, doi: 10.25124/ijies.v4i01.47.

A. Syahrina and T. F. Kusumasari, “Designing User Experience and User Interface of a B2B Textile e-Commerce using Five Planes Framework,” International Journal of Innovation in Enterprise System, vol. 4, no. 01, pp. 44–55, Jan. 2020, doi: 10.25124/ijies.v4i01.47.

J. J. Garrett, The elements of user experience : user-centered design for the Web and beyond.

A. N. Rachman, A. I. Gufroni, N. Hiron, and G. Rahmayanti, “Analisis Perbandingan Performansi dan Pemilihan Web Browser,” SNATI, 2013.

R. P. Agusdin, A. Salsabila, and D. A. Kartika Putri, “Designing User Experience Design of the Healthy Diet Mobile Application Using the Fives Planes Framework,” Jurnal Buana Informatika, vol. 12, no. 1, pp. 11–20, May 2021, doi: 10.24002/jbi.v12i1.4376.

A. Muktamar, C. S. Lumingkewas, and A. Rofi, “The Implementation of User Centered Design Method in Developing UI/UX,” JISTE (Journal of Information System, vol. 1, no. 2, pp. 26–31, 2023, [Online]. Available: http://gemapublisher.com/index.php/jiste

F. Aziz, Irmawati, D. Riana, J. D. Mulyanto, D. Nurrahman, and M. Tabrani, “Usability Evaluation of the Website Services Using the WEBUSE Method (A Case Study: covid19.go.id),” J Phys Conf Ser, vol. 1641, no. 1, p. 012103, Nov. 2020, doi: 10.1088/1742-6596/1641/1/012103.

A. J. Priana, H. Tolle, I. Aknuranda, and E. Arisetijono, “Design of Mobile Finger Communications Board for Stroke Patient Using The Five Planes of User Experience,” Journal of Information Technology and Computer Science, vol. 2, no. 2, Feb. 2018, doi: 10.25126/jitecs.20172236.

Q. Aynayya, M. C. Saputra, and D. Pramono, “Evaluasi Usability Dan Rekomendasi Perbaikan Tampilan Website Seleksi Mahasiswa (SELMA) Universitas Brawijaya,” Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, vol. 2, no. 4, pp. 1446–1456, 2018.

F. Aziz, Irmawati, D. Riana, J. D. Mulyanto, D. Nurrahman, and M. Tabrani, “Usability Evaluation of the Website Services Using the WEBUSE Method (A Case Study: covid19.go.id),” J Phys Conf Ser, vol. 1641, no. 1, p. 012103, Nov. 2020, doi: 10.1088/1742-6596/1641/1/012103.

H. Chemerys, M. Demirbilek, H. Bryantseva, S. Sharov, and S. Podplota, “Fundamentals of UX/UI design in professional preparation of the future bachelor of computer science,” in AIP Conference Proceedings, American Institute of Physics Inc., Jul. 2022. doi: 10.1063/5.0094433.




DOI: https://doi.org/10.37058/jaisi.v1i1.8994

Refbacks

  • There are currently no refbacks.


International Journal of Applied Information Systems and Informatics (JAISI)
Department of Information Systems, Faculty of Engineering, Siliwangi University Tasikmalaya
email: jaisi@unsil.ac.id

Jalan Siliwangi No. 24 Kelurahan Kahuripan Kecamatan Tawang Kota Tasikmalaya 46115

This work is licenced under a Creative Commons Attribution 4.0 International Licence