REDESAIN USER INTERFACE UNTUK PROGRAM SEND YOUR WASTE PADA RESPONSIVE WEBSITE WASTE4CHANGE

Alya Tsabitah Rismansa; Khamadi Khamadi

doi:10.33633/ctr.v5i2.9227

Authors

Alya Tsabitah Rismansa Program Studi Desain Komunikasi Visual, Fakultas Ilmu Komputer, Universitas Dian Nuswantoro
Khamadi Khamadi Program Studi Desain Komunikasi Visual, Fakultas Ilmu Komputer, Universitas Dian Nuswantoro

DOI:

https://doi.org/10.33633/ctr.v5i2.9227

Abstract

Send Your Waste merupakan salah satu program dari website Waste4Change untuk mengirimkan sampah ke bank sampah atau mitra Waste4Change untuk dikelola dan didaur ulang. Program tersebut sudah berjalan dari tahun 2018, berdasarkan pernyataan Waste4Change terdapat beberapa kendala yaitu banyaknya keluhan dari masyarakat individu sebagai pengguna yang kurang memahami cara menggunakan website dan kesulitan dalam pengiriman paket karena alur pengguna dan copywriting yang kurang dapat dipahami pengguna apalagi di tampilan mobile. Perancangan menggunakan pendekatan kualitatif dengan teknik pengumpulan data berupa wawancara, observasi, pendalaman produk, dan brief dari klien. Metode analisis yang digunakan adalah 5W1H dan metode design thinking digunakan sebagai metode perancangan ulang. Solusi ide untuk perancangan ulang dengan memperbaiki alur pengguna dan tampilan interface seperti layout website pada desktop dan mobile yang lebih memudahkan pengguna, fitur pembayaran, dan pembatalan transaksi. Setelah dilakukan proses testing, pengguna menilai hasil desain ulang user interface melalui metode SEQ adalah 6 yang berarti hasil user interface yang telah dibuat dapat memudahkan pengguna dalam mengirim sampah untuk program Send Your Waste.

References

Barron, Brenda, 2018. What Is Responsive Web Design? (Definition + Examples). [Online] Available at: https://business.tutsplus.com/tutorials/what-is-responsive-web-design-definitionexamples--cms-30843 [Diakses 24 April 2022].

Collins, 2018. Definition of ‘redesign’. [Online] Available at: https://www.collinsdictionary.com/dictionary/english/redesign [Diakses 3 Februari 2023].

Galitz, W. O., 2007. The Essential Guide to User Interface Design: An Introduction to GUI Design Principles and Techniques, Third Edition. Indianapolis, Indiana: Wiley Publishing, Inc.

Irawan, Budhi, 2005. Jaringan Komputer, Yogyakarta: Graha Ilmu.

Malewicz, M., & Malewicz, D., 2020. Designing User Interfaces, Sopot: HYPE4.

Marcotte, Ethan, 2010. Responsive Web Design, New York: A Book Apart.

Plattner, H., 2010. An Introduction to Design Thinking Process Guide, Stanford: Institute of Design at Stanford.

Roshif, A. F., 2013. Redesain Lembaga Pemasyarakatan Kelas 1 Malang: Tema Arsitektur Perilaku. [Online] Available at: http://etheses.uin-malang.ac.id/1319/ [Diakses 3 Februari 2023].

Suteja, B. R., & Harjoko, A., 2008. Perancangan User Interface E-Learning Berbasis Web, Seminar Nasional Informatika 2008 (semnasIF 2008), 36-46, Yogyakarta: jurnal.upnyk.ac.id. World, UX, 2021. How to Conduct UX Redesign. [Online] Available at: https://uxdworld.com/2021/03/22/how-to-conduct-ux-redesign/ [Diakses 3 Februari 2023].

Wroblewski, Luke, 2012. Device Experience & Responsive Design. [Online] Available at: http://www.uie.com/articles/device_experiences/ [Diakses 24 April 2022].