Perancangan Desain UI/UX Untuk Situs Web Interaktif Dalam Pengenalan Kain Tenun Khas Tradisional Di Bali Menggunakan Metode Prototype
DOI:
https://doi.org/10.32795/8n102c79Keywords:
UI/UX, Tenun Bali, Situs Web Interaktif, Prototype, System Usability Scale (SUS)Abstract
In the digital era, the preservation of local culture faces both challenges and opportunities.
One of the cultural heritages that requires attention is traditional Balinese woven fabric, which
holds high historical, aesthetic, and philosophical values but remains relatively unknown among
the younger generation. This study aims to design an interactive and educational User Interface
(UI) and User Experience (UX) for a website dedicated to introducing and marketing traditional
Balinese woven fabrics. The approach is expected to bridge traditional values with modern digital
habits, while fostering cultural appreciation through digital media. This research adopts the
prototype method, with the UI/UX design developed using Figma and evaluated using the System
Usability Scale (SUS) questionnaire. The test results from 41 respondents yielded a SUS score
of 70, which is above the global average score of 68, indicating that the design falls within the
“Good” or “Acceptable” category. The resulting website design not only facilitates product
transactions but also provides educational information about the creation process and cultural
values embedded in the fabrics. Therefore, the developed UI/UX design is expected to serve as
a digital solution for preserving Balinese woven fabrics and increasing young people’s
engagement with local cultural heritage.
Downloads
References
[1] Zul Haidar, M., Darmawan Bakti, L., & Delsi Samsumar, L. (n.d.). ANALISIS DAN PERANCANGAN PENJUALAN KAIN TENUN (KHAS BIMA) BERBASIS WEB MENGGUNAKAN MODEL RAD. In Jurnal Kecerdasan Buatan dan Teknologi Informasi (JKBTI) (Vol. 1, Issue 3).
[2] Delta Riska Gemina. PERANCANGAN USER INTERFACE SITUS WEB E-LETTER UIN JAKARTA MENGGUNAKAN METODE FIVE PLANES. (2020).
[3] Coding Studio. (2023). User Interface Adalah? Pengertian, Manfaat, dan Contohnya.
[4] Redaksi Jagoan Hosting. (2022). Apa itu User Experience (UX) Fungsi, Pengertian & Penerapan.
[5] BUKU SEJARAH TENUN GIANYAR. (n.d.).
[6] Furqan, M., & Muhammad Riyan Ulil Albab, dan. (n.d.). ANALISIS DAN PERANCANGAN UI/UX E-KONVEKSI MENGGUNAKAN METODE PROTOTYPE (STUDI KASUS: BRAND LOKAL PROBOLINGGO GHAZLAN.CO). In Nusantara Journal of Computers and Its Applications) (Vol. 7, Issue 2).
[7] Sanubekti, M. A., Dajoreyta, G. L., & Anggraini, A. (2024). PEMBUATAN DESAIN UIUX DENGAN METODE PROTOTYPING PADA APLIKASI LAYANAN PENGADILAN NEGERI BALE BANDUNG MENGGUNAKAN FIGMA. Jurnal Informatika Terpadu, 10(1), 1–10
[8] Jagoan Hosting. (2023). Pengertian Use Case Diagram, Simbol, Contoh & Cara Buatnya.
[9] Leo Bisma. (2023). Activity Diagram: Pengertian, Tujuan, dan Cara Membuatnya. My Edu Solve
[10] Kajian Pustaka. (2022). Usability (Pengertian, Dimensi, Prinsip, dan Pengukuran).
[11] Shavira Andysa. (2022). Mengenal System Usability Scale. Binus University School of Information Systems.
[12] Wikipedia. (2023). Bagan Lucid
Downloads
Published
Issue
Section
License
Copyright (c) 2026 Ni Made Sintha Maharani, I Kadek Noppi Adi Jaya, I kadek Andy Asmarajaya

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



