Penerapan User Interface Design Pattern Untuk Situs Web Katalog Seni Pertunjukan Indonesia
DOI:
https://doi.org/10.21460/jutei.2023.72.275Keywords:
User Centered Design (UCD), Pola Desain Antarmuka Pengguna, Efisiensi, Efektifitas, System Usability Scale (SUS), Seni PertunjukanAbstract
Performing arts play a significant role in the cultural diversity of Indonesia. However, there are still few media outlets that publish information related to performing arts in one centralized platform. Based on the described issue, a performing arts website is needed to display information related to performing arts and have a well-designed user interface.
In this study, an interface design for a performing arts website is developed by applying user interface design patterns as a solution in the interface design process. To achieve a user-centered design that meets users' expectations, the User-Centered Design (UCD) method is employed in the interface design process.
The test results indicate that the interface design has a high level of effectiveness and efficiency, with an effectiveness score of 97.85% and an efficiency score of 96.94%. Additionally, website testing was conducted using the System Usability Scale (SUS) method, which resulted in a usability score of 82.87 for the performing arts website. The obtained results indicate that the performing arts website is well-received and effectively used by users.
References
Albani, L., & Lombardi, G. (2010). User Centred Design for EASYREACH. AAL Europe. [Online]. Tersedia: https://www.aal-europe.eu/wp-content/uploads/2019/12/D1.1-_User-Centred-Design-for-EasyReach_-v1-1.pdf
Babich, N. (2022, November 7). Information Architecture Design: A Step-By-Step Guide. UXPlanet.org. [Online]. Tersedia: https://uxplanet.org/information-architecture-design-a-step-by-step-guide-41dcd4405ee3 [Diakses 15 Juli 2022].
Bangor, A., Kortum, P., & Miller, J. H. (2009). Determining what individual SUS scores mean: adding an adjective rating scale. Journal of Usability Studies Archive. [Online]. hal. 114–123. Tersedia: https://uxpajournal.org/wp-content/uploads/pdf/JUS_Bangor_May2009.pdf
Delgado, A., Estepa, A. J., Troyano, J. A., & Estepa, R. M. (2016). Reusing UI Elements with Model-Based User Interface Development. International Journal of Human-Computer Studies. [Online]. Vol. 86, hal. 48-62. Tersedia: https://doi.org/10.1016/j.ijhcs.2015.09.003.
Faulkner, L. (2003). Beyond the five-user assumption: Benefits of increased sample sizes in usability testing. Behavior Research Methods, Instruments, & Computers. [Online]. Tersedia: https://doi.org/10.3758/BF03195514
Firlyana, F. (2023, Februari 3). User Persona: Definisi, Tujuan, dan Jenisnya. Tersedia di dailisocial.id: https://dailysocial.id/post/user-persona#:~:text=User%20Persona%20dibuat%20untuk%20memberikan,tentang%20produk%20atau%20layanan%20tersebut.
Hermien Kusmayanti, A.M. (2000). Arak-Arakan Seni Pertunjukan dalam Upacara Tradisional di Madura. Yayasan Untuk Indonesia. Tersedia: https://opac.perpusnas.go.id/DetailOpac.aspx?id=498368#
Kurniawan, E., Nofriadi, N., & Nata, A. (2022). Penerapan System Usability Scale (Sus) Dalam Pengukuran Kebergunaan Website Program Studi Di Stmik Royal. Journal of Science and Social Research. [Online]. Tersedia: https://doi.org/10.54314/jssr.v5i1.817
Linda (2018, Juni 8). Basic UI/UX Design Concept Difference Between Wireframe, Prototype, and Mockup. Medium.com. [Online]. Tersedia: https://medium.com/@linda1858231/basic-ui-ux-design-concept-difference-between-wireframe-prototype-and-mockup-updated-6cc41a8f8d0e [Diakses 3 Mei 2023]
Lowdermilk, T. (2013). User-Centered Design : A Developer's Guide to Building User-Friendly Applications. (edisi pertama) [Online]. Tersedia: https://www.oreilly.com/library/view/user-centered-design/9781449359812/
Misfud, J. (n.d.). Usability Metrics – A Guide To Quantify The Usability Of Any System. UsabilityGeek.com. [Online]. Tersedia: https://usabilitygeek.com/usability-metrics-a-guide-to-quantify-system-usability/ [Diakses 23 Mei 2022]
Murgiyanto, Sal. (1996). Cakrawala Kajian Pertunjukan. Jurrnal Masyarakat Seni Pertunjukan Indonesia Tahun VII.
Mushthofa, D., Sabariah, M. K., & Effendy, V. (2018). Modelling The User Interface Design Pattern for Designing Islamic E-Commerce Website Using User Centered Design. AIP Conference Proceedings. [Online]. Tersedia: https://doi.org/10.1063/1.5042878
Nielsen, J. (2012, Juni 3). How Many Test Users in a Usability Study?. Nielsen Norman Group. [Online]. Tersedia: https://www.nngroup.com/articles/how-many-test-users/ [Diakses 23 Maret 2023]
Nielsen, J. (2012, Januari 3). Usability 101: Introduction to Usability. Nielsen Norman Group. [Online]. Tersedia: https://www.nngroup.com/articles/usability-101-introduction-to-usability/ [Diakses 15 Maret 2023]
Nielsen, J. (2000, Maret 18). Why You Only Need to Test with 5 Users. Nielsen Norman Group. [Online]. Tersedia: https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/ [Diakses 20 Februari 2023]
Nugraha, S. S. (2019). Visualisasi Representasi Pengetahuan Berbasis Semantic Web Untuk Seni Pertunjukan Indonesia. ePrintsUKDW. [Online]. Tersedia: https://katalog.ukdw.ac.id/2537/
Pol, T. (2023, Maret 24). Google Lighthouse: What It Is & How to Use It. Tersedia: https://www.semrush.com/blog/google-lighthouse/ [Diakses 04 April 2023]
Putri, N. A., Junaedi, D., & Jatmiko, D. D. (2020). User Interface Design Pattern Modeling for Designing Mobile-Based Scheduling Activity Application for Senior Citizen. IOP Conference Series: Materials Science and Engineering. [Online]. Tersedia: https://doi.org/10.1088/1757-899X/830/2/022094
Rahmawati, I., Az-zahra, H., & Rokhmawati, R. (2020). Evaluasi dan Perbaikan Alur dan Navigasi Website SMA Negeri 4 Banjarmasin Menggunakan Pendekatan Human Centered Design (HCD). Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer. [Online]. Tersedia: https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/6591
Rifqi Mulyawan (2023, Mei 11). Information Architecture (IA): Pengertian, Apa itu Arsitektur Informasi? Sejarah, Tujuan, Jenis, Macam, Perbedaannya dengan UX dan UI, serta Pentingnya!. [Online]. Tersedia: https://rifqimulyawan.com/blog/pengertian-information-architecture-ia-adalah/ [Diakses 30 Mei 2023]
Rosenfeld, L., Morville, P., & Arango, J. (2015). Information Architecture. (edisi keempat) [Online]. Tersedia: https://www.oreilly.com/library/view/information-architecture-4th/9781491913529/
Rosyad, F., Pramono, D., & Brata, K. (2020). Analisis dan Perbaikan Usability Pada Aplikasi Ker Menggunakan Metode Usability Testing dan System Usability Scale (SUS). Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer. [Online]. Tersedia: https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/7587
Santosa, E., et al. Seni teater Jilid 1. Jakarta : Direktorat Pembinaan Sekolah Menengah Kejuruan, 2008.
Saputri, I. S., Fadhli, M., & Surya, I. (2017). Penerapan Metode UCD (User Centered Design) pada E-Commerce Putri Intan Shop Berbasis Web. Jurnal Nasional Teknologi dan Sistem Informasi. [Online]. Tersedia: https://doi.org/10.25077/TEKNOSI.v3i2.2017.269-278
Sauro, J., & Lewis, J. D. (2016). Quantifying the User Experience: Practical Statistics for User Research. (edisi kedua) [Online]. Tersedia: https://www.sciencedirect.com/book/9780128023082/quantifying-the-user-experience
Sabunga, B., Budimansyah, D., Sauri, S. (2016, Maret). Nilai-Nilai Karakter Dalam Pertunjukan Wayang Golek Purwa. Jurnal Sosiorelig. [Online]. Tersedia: https://ejournal.upi.edu/index.php/SosioReligi/article/view/5558
Sedyawati, E., Achhjadi, J., dan Yian, G. Indonesian Heritage : Seni Pertunjukan. Jakarta : BAB Publishing Indonesia, 2017.
Stone, D., Jarret, C., Woodroffe, M., & Minocha, S. (2005). User Interface Design and Evaluation. San Fransisco: Elsevier
Sudarsono. Tari-tarian Indonesia I. Jakarta : Departemen Pendidikan dan Kebudayaan, 2000.
Sugita, I. W., & Pastika, I. G. T. (2022). Fungsi Seni Pertunjukan Wayang Kulit Bali Lakon Bhima Swarga dalam Upacara Yadnya. Jurnal Penelitian Agama Hindu. hal. 139-151.
Susilo, E. (2019, Maret 7). Cara Menggunakan System Usability Scale (SUS) Pada Evaluasi Usability. EDI SUSILO Blogger & Fotografer Foto 360 Derajat. [Online]. Tersedia: https://www.edisusilo.com/cara-menggunakan-system-usability-scale/ [Diakses 17 Maret 2022]
Thomas, N. (n.d.). How To Use The System Usability Scale (SUS) To Evaluate The Usability Of Your Website. Usability Geek. [Online]. Tersedia: https://usabilitygeek.com/how-to-use-the-system-usability-scale-sus-to-evaluate-the-usability-of-your-website/ [Diakses 23 Mei 2023]
Tidwell, J., Brewer, C., & Valencia, A. (2020). Designing Interfaces Patterns for Effective Interaction Design. O'Reilly Media, Inc.
Whitenton, K. (2017, Mei 7). Tree Testing: Fast, Iterative Evaluation of Menu Labels and Categories. Nielsen Norman Group. [Online]. Tersedia: https://www.nngroup.com/articles/tree-testing/ [Diakses 4 Mei 2023]
Wisnawa, K. Seni Musik Tradisi Nusantara. Bali: Nilacakra™, 2020.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2023 I Nyoman Marcel Mahardika, Joko Purwadi, Budi Susanto
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
Authors who publish articles in JUTEI agree on the following rules:
1. The author grants non exclusive royalty free rights, and is willing to publish articles online and complete (full access). With such rights JUTEI reserves the right to save, transfers, manages in various forms, maintains and publishes articles while keeping the author's name as the copyright owner.
2. Each author contained in the article has contributed fully to the substance and intellectual, and is accountable to the public. If in the future there is a copyright infringement notification then this will be responsibility of the author, not JUTEI.
