UI/UX Design of the Bangkitku Waste Bank Information System in Jambi City Using Design Thinking

Sopia Ranty; Reni Aryani; Zainil Abidin; Noneng Marthiawati; Winny Laura

doi:10.62951/ijeemcs.v2i1.310

Authors

Sopia Ranty Universitas Jambi
Reni Aryani Universitas Jambi
Zainil Abidin Universitas Jambi
Noneng Marthiawati Universitas Muhammadiyah Jambi
Winny Laura Universitas Jambi

DOI:

https://doi.org/10.62951/ijeemcs.v2i1.310

Keywords:

Design Thinking, Information System, UI/UX Design, Usability, Waste Bank

Abstract

Waste management is increasingly critical due to the rising waste generated by community activities driven by a consumptive lifestyle. A key solution to this issue is the implementation of waste bank programs, though community participation and operational efficiency remain challenges, as seen with the Bangkitku Waste Bank in Jambi City. This study focuses on designing the user interface for the Bangkitku Waste Bank Information System using the design thinking method and evaluating the usability of the prototype. The design process followed the five stages of design thinking: empathize, define, ideate, prototype, and test, with data collected through interviews and observations. The analysis involved tools such as empathy maps, user personas, sitemaps, and user flows, with prototypes created using Figma. Usability testing was conducted with 10 participants, including administrators and customers, resulting in high usability scores—98 for administrators and 97 for customers. The majority of participants found the system easy to use, as indicated by responses on the Single Ease Question (SEQ) survey. The prototype met key usability criteria, improving both operational efficiency and community engagement in waste bank management. The findings demonstrate the system's potential to foster sustainable environmental practices and enhance the effectiveness of waste bank management.

References

Azisz, A. M., & Kusuma, W. A. (2024). Perancangan user interface & user experience aplikasi TipsnTrip menggunakan metode design thinking. Jurnal Infortech, 5(2), 225-232. https://doi.org/10.31294/infortech.v5i2.20915

Brown, T., & Wyatt, J. (2010). Design thinking for social innovation. Stanford Social Innovation Review. https://doi.org/10.1596/1020-797X_12_1_29

Glowdy, A. G., Fauzi, R., Alam, N., & Kom, S. (2020). Perbaikan tampilan user interface untuk meningkatkan user experience pada aplikasi Nganggur.id menggunakan metode user-centered design. E-Proceeding of Engineering, 7(2), 7617-7624. https://openlibrarypublications.telkomuniversity.ac.id/index.php/engineering/article/view/12863

Hardiansyah, L., Iskandar, K., & Harliana. (2019). Perancangan user experience website profil dengan metode The Five Planes (Studi kasus: BP3K Kecamatan Mundu). Jurnal Ilmiah Intech: Information Technology Journal of UMUS, 1(01), 11-21. https://doi.org/10.46772/intech.v1i01.34

Heryana, A. (2018). Informan dan pemilihan informan dalam penelitian kualitatif. ResearchGate. https://www.researchgate.net/publication/329351816

Ilham, H., Wijayanto, B., & Rahayu, S. P. (2021). Analysis and design of user interface/user experience with the design thinking method in the academic information system of Jenderal Soedirman University. Jurnal Teknik Informatika (Jutif), 2(1), 17-26. https://doi.org/10.20884/1.jutif.2021.2.1.30

Jakob Nielsen. (2012). Usability 101: Introduction to usability. Nielsen Norman Group. https://www.nngroup.com/articles/usability-101-introduction-to-usability/

Juniantari, M., Ulfa, S., & Praherdhiono, H. (2023). Design thinking approach in the development of Cirgeo's World media. Jurnal Nasional Pendidikan Teknik Informatika (JANAPATI), 12(1), 42-55. https://doi.org/10.23887/janapati.v12i1.55203

Marbun, R. R., Al Mufied, F., & Fauzi, R. (2022). Perancangan user interface/user experience (UI/UX) website HelpMeong untuk shelter menggunakan metode goal-directed design. Jipi. Jurnal. Ilmiah. Penelitian. Dan. Pembelajaran. Informatika., 7(4), 1096-1109. https://doi.org/10.29100/jipi.v7i4.3190

Pandian, D. G., Rokhmawati, R. I., & Az-Zahra, H. M. (2021). Evaluasi usability pada website Mejakita menggunakan metode usability testing. Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer, 5(10), 4517-4525. http://j-ptiik.ub.ac.id

Pratama, I. P. A. A., Paramitha, A. A. I. I., & Satwika, I. P. (2024). Penerapan metode design thinking dalam implementasi user interface berbasis website studi kasus JRO Sandat Property. JTKSI: Jurnal Teknologi Komputer Dan Sistem Informasi, 7(1), 73-86. https://doi.org/10.56327/jtksi.v7i1.1635

Putra, A. D. E., & Bhakti, H. D. (2024). Implementasi website bank sampah pada Kelurahan Pekelingan. Switch: Jurnal Sains Dan Teknologi Informasi, 2(4), 12-22. https://doi.org/10.62951/switch.v2i4.177

Salam, M. I., Setiawan, A., & Sukmasetya, P. (2024). Perancangan UI/UX pada sistem perpustakaan dengan pendekatan design thinking. Journal of Information System Research (JOSH), 5(2), 676-685. https://doi.org/10.47065/josh.v5i2.4654

Vinarsih, O., Suryati, P., Raya, J., & Jl, J. (2025). Perancangan UI/UX aplikasi daur ulang sampah menggunakan metode design thinking. Jurnal Informatika Dan Rekayasa Elektronik, 8(1), 96-102. https://doi.org/10.36595/JIRE.V8I1.1522

Yuda Mahendra, N., Nulhakim, L., Irawan, A., Prasetya Kristiadi, D., & Studi Sistem, P. (2024). Penerapan sistem informasi pengelolaan bank sampah berbasis web pada STMIK Kuwera. Jurnal Sistem Informasi Dan Teknologi (SINTEK), 4(2), 36-41. https://doi.org/10.56995/SINTEK.V4I2.73

World Bank. (2018). A global snapshot of solid waste management to 2050. World Bank.

https://openknowledge.worldbank.org/entities/publication/d3f9d45e-115f-559b-b14f-28552410e90a?utm_source=chatgpt.com