Penerapan Metode Design Thinking Dalam Perancangan UI/UX Sistem Pencatatan dan Pemantauan Kekeruhan Air Berbasis Website

Authors

  • Chika Efansa Universitas Jambi
  • Pradita Eko Prasetyo Utomo Universitas Jambi
  • Muhammad Razi A Universitas Jambi

DOI:

https://doi.org/10.51903/elkom.v18i2.3286

Keywords:

Water Meter Recording, Turbidity Monitoring, UI/UX , Design Thinking, Maze Usability Testing, System Usability Scale (SUS)

Abstract

PAMTIRTA Tempino is an institution that provides clean water services in the Tempino area. The process of recording water use and monitoring water turbidity is still done manually, making it prone to recording errors and making it difficult to monitor the water quality distributed to the community. This study aims to design a website-based water turbidity recording and monitoring system by focusing on User Interface (UI) and User Experience (UX) aspects using the Design Thinking method. The research follows five stages of Design Thinking: empathize, define, ideate, prototype, and test. Data collection involves observation and in-depth interviews with PAMTIRTA officers. The results include a design with key features such as digital water meter recording, turbidity monitoring dashboards, and complaint services. The prototype was tested using Maze and the System Usability Scale (SUS), achieving a score of 80.1 and falling into the "Good" category (grade B). These results demonstrate that the UI/UX design effectively provides an easy-to-understand, operationally suitable, and efficient solution for PAMTIRTA Tempino's water recording and turbidity monitoring needs. This design offers a ready-to-implement solution to improve the efficiency, accuracy, and quality of clean water services in the Tempino area.

 

References

[1] J. Anggara and dan Yosi Riduas Hais, “RANCANG BANGUN SISTEM MONITORING DAN KONTROL PENGGUNAAN AIR PDAM BERBASIS INTERNET OF THINGS,” 2023.

[2] F. Chuzaini, P. Studi Fisika, J. Fisika, and U. Negeri Surabaya, “IoT MONITORING KUALITAS AIR DENGAN MENGGUNAKAN SENSOR SUHU, pH, DAN TOTAL DISSOLVED SOLIDS (TDS),” 2022.

[3] F. Dahlan, I. Vitra Paputungan, and K. Dwi Irianto, “How to cite: SISTEM MONITORING PENGGUNAAN AIR PDAM BERBASIS IOT,” vol. 7, no. 11, 2023, doi: 10.36418/Syntax-Literate.

[4] S. Soedewi, A. Mustikawan, and W. Swasty, “Penerapan Metode Design Thinking Pada Perancangan Website UMKM Kirihuci.”

[5] A. , T. A. Razak. , M. M. Amaliah. , I. R. , H. H. Fadilah, “Efektivitas fortifikasi zat besi pada tepung terigu untuk menanggulangi anemia : systematic review,” The Journal of Indonesian Community Nutrition, vol. 11, 2022.

[6] I. B. Karo Sekali, C. E. J. C. Montolalu, and S. A. Widiana, “Perancangan UI/UX Aplikasi Mobile Produk Fashion Pria pada Toko Celcius di Kota Manado Menggunakan Design Thinking,” Jurnal Ilmiah Informatika dan Ilmu Komputer (JIMA-ILKOM), vol. 2, no. 2, pp. 53–64, Sep. 2023, doi: 10.58602/jima-ilkom.v2i2.17.

[7] R. Aprilianto, H. J. Setyadi, and P. P. Widagdo, “PERANCANGAN ULANG UI/UX PADA WEBSITE GURUINOVATIF.ID BY HAFECS MENGGUNAKAN METODE DESIGN THINKING UI/UX REDESIGN ON THE GURUINOVATIF.ID WEBSITE BY HAFECS USING DESIGN THINKING METHOD,” 2024.

[8] R. Fahrudin and R. Ilyasa, “PERANCANGAN APLIKASI ‘NUGAS’ MENGGUNAKAN METODE DESIGN THINKING DAN AGILE DEVELOPMENT,” 2021.

[9] W. Suprayogi Adhyaksa Pratama and A. Dwi Indriyanti, “Perancangan Design UI/UX E-Commerce TRINITY Berbasis Website Dengan Pendekatan Design Thinking,” 2023.

[10] N. N. Arisa, M. Fahri, M. I. A. Putera, and M. G. L. Putra, “Perancangan Prototipe UI/UX Website CROWDE Menggunakan Metode Design Thinking,” Teknika, vol. 12, no. 1, pp. 18–26, Feb. 2023, doi: 10.34148/teknika.v12i1.549.

[11] M. Wira, P. Dananjaya, G. Humaswara Prathama, and K. Darmaastawan, “User-Centered Design Approach in Developing User Interface and User Experience of Sculptify Mobile Application,” Architecture and High Performance Computing, vol. 6, no. 3, 2024, doi: 10.47709/cnapc.v6i3.4206.

[12] S. Rizka Anggraeni and W. A. Kusuma, “ANALISIS KEBUTUHAN PENGGUNA LEARNING MANAGEMENT SYSTEM TERHADAP PEMBELAJARAN JARAK JAUH MENGGUNAKAN METODE USER PERSONA,” 2021.

[13] D. J. Kartika, H. Tolle, and R. K. Dewi, “Perancangan User Experience menggunakan pendekatan Human-Centered Design untuk Aplikasi Adopsi Hewan,” 2021. [Online]. Available: http://j-ptiik.ub.ac.id

[14] S. Rizal and S. A. Saputra, “Dosen Universitas Bina Darma 1 , Mahasiswa Universitas Bina Darma 2 Jalan Jenderal Ahmad Yani No.3 Palembang Sur-el : [email protected] 1 , [email protected] 2,” Jurnal Ilmiah MATRIK, vol. 25, no. 1, 2023.

[15] I. P. Sari, A. H. Kartina, A. M. Pratiwi, F. Oktariana, M. F. Nasrulloh, and S. A. Zain, “Implementasi Metode Pendekatan Design Thinking dalam Pembuatan Aplikasi Happy Class Di Kampus UPI Cibiru,” Edsence: Jurnal Pendidikan Multimedia, vol. 2, no. 1, pp. 45–55, Jun. 2020, doi: 10.17509/edsence.v2i1.25131.

Downloads

Published

2025-12-14

How to Cite

[1]
“Penerapan Metode Design Thinking Dalam Perancangan UI/UX Sistem Pencatatan dan Pemantauan Kekeruhan Air Berbasis Website”, ELKOM , vol. 18, no. 2, pp. 119–132, Dec. 2025, doi: 10.51903/elkom.v18i2.3286.