Enhancing the Usability of ITG Virtual Tour Website Through UI/UX Design Using the Five Planes Method

Ridwan Setiawan; Muhamad  Faturrahman; Yosep  Septiana; Dewi  Tresnawati; Ade Sutedi

doi:10.34148/teknika.v14i2.1227

Authors

Ridwan Setiawan Department of Computer Science, Institut Teknologi Garut, West Java, Indonesia https://orcid.org/0000-0002-5229-8561 (unauthenticated)
Muhamad Faturrahman Department of Computer Science, Institut Teknologi Garut, West Java, Indonesia
Yosep Septiana Department of Computer Science, Institut Teknologi Garut, West Java, Indonesia
Dewi Tresnawati Department of Computer Science, Institut Teknologi Garut, West Java, Indonesia
Ade Sutedi Department of Computer Science, Institut Teknologi Garut, West Java, Indonesia

DOI:

https://doi.org/10.34148/teknika.v14i2.1227

Keywords:

Navigation System, System Usability Scale, The Five Planes Method, UI/UX Design, Virtual Tour

Abstract

The virtual tour website in higher education significantly enhances campus information accessibility; yet, the poor usability of the ITG Virtual Tour website leads to a subpar user experience. This research offers a redesign of the UI/UX utilizing the Five Planes technique, which prioritizes clarity in information and navigation. A System Usability Scale (SUS) was employed to evaluate the site's usability prior to and after the redesign, adhering to the five stages of The Five Planes: Strategy, Scope, Structure, Skeleton, and Surface. The test findings indicated that the initial SUS score of 51.17 (classified as "poor") rose to 74.7 (classified as "good") following the installation of the revised design, demonstrating a substantial enhancement in usability and user satisfaction. This study contributes by demonstrating how the Five Planes method can be effectively applied in the academic context to improve the usability of virtual tour websites, offering a structured framework that can be adopted by other institutions seeking similar improvements.

Downloads

Download data is not yet available.

References

[1] M. Z. Sulaiman, M. N. A. Aziz, M. H. A. Bakar, N. A. Halili, and M. A. Azuddin, “Matterport: virtual tour as a new marketing approach in real estate business during pandemic COVID-19,” in International conference of innovation in media and visual design (IMDES 2020), Atlantis Press, 2020, pp. 221–226. doi: 10.2991/assehr.k.201202.079.

[2] I. Jung, F. P. Gil, H. Taniguchi, and J. Perez, “Utilizing Virtual Reality Tours in Language Learning,” ASCILITE Publications, pp. 24–25, 2024, doi: 10.14742/apubs.2024.1178.

[3] A. D. Samala, F. Ranuharja, B. R. Fajri, Y. Indarta, and W. Agustiarmi, “ViCT--Virtual Campus Tour Environment with Spherical Panorama: A Preliminary Exploration.,” International Journal of Interactive Mobile Technologies, vol. 16, no. 16, pp. 205–225, 2022, doi: https://doi.org/10.3991/ijim.v16i16.32889.

[4] Y. Badgujar, S. Pardeshi, A. Kendre, A. Khairnar, and Prof. S. G. Chordiya, “College Campus Tour using AR/VR,” International Journal of Advanced Research in Science, Communication and Technology, 2024, doi: 10.48175/IJARSCT-22219.

[5] R. Shikhri, J. Lanir, and L. Poretski, “Evaluation framework for improving 360 virtual tours user experience,” CEUR Workshop Proc, vol. 2855, pp. 16–18, 2021.

[6] Y. Yanfi and P. D. Nusantara, “UI/UX design prototype for mobile community-based course,” Procedia Comput Sci, vol. 216, pp. 431–441, 2023, doi: 10.1016/j.procs.2022.12.155.

[7] A. D. D. L. Hardi and F. David, “UI/UX Design of the Sigmawave Website Using the Design Thinking and Design Sprint Methods (Case Study of PT. Blue Silo Pte. Ltd),” International Journal Software Engineering and Computer Science (IJSECS), vol. 4, no. 3, pp. 1196–1209, 2024, doi: https://doi.org/10.35870/ijsecs.v4i3.3123.

[8] M. Hudha and K. Haryono, “Perancangan Desain UI/UX Website E-Learning Berbasis Learning Management System dengan Metode Design Thinking,” Jurnal Indonesia: Manajemen Informatika dan Komunikasi, vol. 6, no. 1, pp. 598–609, 2025, doi: https://doi.org/10.35870/jimik.v6i1.1252.

[9] J. R. Lewis and J. Sauro, “Effect of Perceived Ease of Use and usefulness on UX and behavioral outcomes,” Int J Hum Comput Interact, vol. 40, no. 20, pp. 6676–6683, 2024, doi: https://doi.org/10.1080/10447318.2023.2260164.

[10] M. Z. Maggenta, R. S. Sianturi, and A. P. Kharisma, “Perancangan User Experience Website Marketplace dan Pemetaan Hasil Pertanian menggunakan Metode Five Planes,” Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, vol. 6, no. 7, pp. 3333–3342, 2022.

[11] H. W. Z. Simatupang, S. Widowati, R. R. Riskiana, and A. F. Alitu, “Evaluasi Usability Website dengan Website Usability Evaluation tool dan Importance-Performance Analysis,” Februari, vol. 21, no. 1, pp. 104–115, 2022, doi: https://doi.org/10.33633/tc.v21i1.5584.

[12] M. Z. Maggenta, R. S. Sianturi, and A. P. Kharisma, “Perancangan User Experience Website Marketplace dan Pemetaan Hasil Pertanian menggunakan Metode Five Planes,” Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, vol. 6, no. 7, pp. 3333–3342, 2022.

[13] Y. T. Mursityo and S. H. Wijoyo, “Evaluasi Usability Aplikasi Mobile Sampingan Menggunakan Metode Usability Testing dan System Usability Scale (SUS),” Jurnal Teknologi Informasi dan Ilmu Komputer, vol. 11, no. 1, pp. 19–26, 2024.

[14] Y. Yanfi and P. D. Nusantara, “UI/UX design prototype for mobile community-based course,” Procedia Comput Sci, vol. 216, pp. 431–441, 2023.

[15] W. Welda, D. M. D. U. Putra, and A. M. Dirgayusari, “Usability Testing Website Dengan Menggunakan Metode System Usability Scale (Sus) s,” International Journal of Natural Science and Engineering, vol. 4, no. 3, pp. 152–161, 2020.

[16] R. Shikhri, J. Lanir, and L. Poretski, “Evaluation Framework for Improving 360 Virtual Tours User Experience.,” in WebTour@ WSDM, 2021, pp. 16–18.

[17] J. J. Garret, The Elements of User Experience: User-centered Design for The Web and Beyond, 2nd ed. Berkeley: New Riders Publishing, 2011.

[18] S. Fikri and Latipah, “Implementasi Metode Five Planes Dalam Perancangan Ulang User Interface Web Akademik Universitas Narotama,” vol. XV, no. 2, pp. 146–155, 2024, doi: http://dx.doi.org/10.47927/jikb.v15i2.794.

[19] J. J. Garret, “A visual vocabulary for describing information architecture and interaction design,” jjg.net. Accessed: Jun. 05, 2024. [Online]. Available: http://www.jjg.net/ia/visvocab/

[20] D. D. Nugroho, H. M. Az-Zahra, and Y. T. Mursityo, “Perancangan Antarmuka Pengguna Website Batik Tenun Vi Menggunakan Pendekatan Human-Centered Design,” Jurnal Sistem Informasi, Teknologi Informasi, dan Edukasi Sistem Informasi, vol. 3, no. 1, pp. 29–44, 2022, doi: 10.25126/justsi.v3i1.70.

[21] J. Brooke, “SUS: A ‘Quick and Dirty’ Usability Scale,” Usability Evaluation In Industry, pp. 207–212, 2020, doi: 10.1201/9781498710411-35.

[22] K. T. Nugroho, B. Julianto, and D. F. Nur MS, “Usability Testing pada Sistem Informasi Manajemen AKN Pacitan Menggunakan Metode System Usability Scale,” Jurnal Nasional Pendidikan Teknik Informatika (JANAPATI), vol. 11, no. 1, p. 74, 2022, doi: 10.23887/janapati.v11i1.43209.

[23] J. Sauro, “5 Ways to Interpret a SUS Score,” Measuring U. Retrieved June. Accessed: Apr. 17, 2024. [Online]. Available: https://measuringu.com/interpret-sus-score/

[24] A. Pangestu, R. Safe’i, A. Darmawan, and H. Kaskoyo, “Evaluasi Usability pada Web GIS Pemantauan Kesehatan Hutan Menggunakan Metode System Usability Scale (SUS),” MATRIK : Jurnal Manajemen, Teknik Informatika dan Rekayasa Komputer, vol. 20, no. 1 SE-Articles, Sep. 2020, doi: 10.30812/matrik.v20i1.709.