Perancangan Desain UI/UX Untuk Situs Web Interaktif Dalam Pengenalan Kain Tenun Khas Tradisional Di Bali Menggunakan Metode Prototype

Authors

  • Ni Made Sintha Maharani Program Studi Sistem Informasi, Universitas Hindu Indonesia
  • I Kadek Noppi Adi Jaya Program Studi Sistem Informasi, Universitas Hindu Indonesia
  • I kadek Andy Asmarajaya Program Studi Sistem Informasi, Universitas Hindu Indonesia

DOI:

https://doi.org/10.32795/8n102c79

Keywords:

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

Download data is not yet available.

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

2026-01-12