Perancangan UI/UX Mobile Website UD Warna Warni Kimia Menggunakan Metode User Centered Design

Ridwan Anshori1 Lukman Junaedi2* Latipah Latipah3 Agung Widodo4
(1) Universitas Narotama
(2) Universitas Narotama
(3) Universitas Narotama
(4) Universitas Narotama
(*) Corresponding Author

Abstract

Dalam era digital, keberadaan website yang informatif dan mudah digunakan sangat penting untuk menunjang pemasaran produk. Namun, saat ini usaha tersebut belum memiliki media digital yang optimal. Penelitian ini bertujuan untuk merancang antarmuka pengguna (UI) dan pengalaman pengguna (UX) pada website UD Warna Warni Kimia menggunakan pendekatan User-Centered Design (UCD). Proses UCD dilakukan dalam empat tahapan, yaitu memahami konteks penggunaan, menentukan kebutuhan pengguna, merancang solusi desain, dan mengevaluasi desain. Evaluasi desain dilakukan melalui usability testing, think aloud protocol (TAP), dan System Usability Scale (SUS). Usability testing dilakukan untuk mengukur lima aspek utama kegunaan: learnability, efficiency, memorability, error rate, dan user satisfaction, dengan skenario tugas yang merepresentasikan kebutuhan pengguna nyata. Selama pengujian berlangsung, partisipan diminta menjalankan TAP dengan mengungkapkan pikiran dan perasaan mereka secara verbal saat menggunakan prototipe, sehingga memberikan wawasan kualitatif terkait hambatan dan kenyamanan dalam interaksi antarmuka. Hasil pengujian awal menunjukkan bahwa prototipe belum sepenuhnya memenuhi ekspektasi pengguna, terutama pada aspek efisiensi dan kesalahan penggunaan. Setelah dilakukan perbaikan desain berdasarkan hasil evaluasi tersebut, pengujian ulang menunjukkan peningkatan signifikan. Serta adanya perbaikan nyata dalam kemudahan penggunaan dan kenyamanan pengguna. Penelitian ini membuktikan bahwa penerapan metode UCD, yang didukung dengan evaluasi usability testing dan TAP, secara efektif dapat meningkatkan kualitas desain website agar lebih sesuai dengan kebutuhan pengguna.

Keywords

User Centered Design; Usability Testing; Think Aloud Protocol; System Usability Scale

References

A. M. Denasfi and E. G. Wahyuni, “Perancangan User Interface dan User Experience Situs Web Aplikasi Traveling ‘ANGLO’ dengan Metode Design Thinking,” Automata, vol. 4, no. 1, pp. 1–7, 2023, [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/download/26335/14742

S. Sukriandi and N. Cahyono, “Analisis UI/UX dan Front End Aplikasi Desain Rumah Menggunakan Human Centered Design,” J. Ilm. Media Sisfo, vol. 17, no. 1, pp. 135–142, 2023, doi: 10.33998/mediasisfo.2023.17.1.779.

M. Agarina, A. S. Karim, and S. Sutedi, “User-Centered Design Method in the Analysis of User Interface Design of the Department of Informatics System’s Website,” … Int. Conf. …, no. Icitb 2019, pp. 218–230, 2019, [Online]. Available: https://jurnal.darmajaya.ac.id/index.php/icitb/article/view/2098

Y. Herlambang Cahya Pratama, M. Al Hafidz, N. Lazuardy, and K. Naristi, “Application Of User Centered Design (Ucd) Method For Ui/Ux Design At Husqy Petshop,” MSJ Major. Sci. J., vol. 2, no. 2, pp. 62–70, 2024, doi: 10.61942/msj.v2i2.152.

E. Rahmawati and N. Ningsih, “Perancangan Desain UI/UX untuk Aplikasi Sewa Sawah Online Di Desa Tanjungsari Kabupaten Jember Menggunakan Metode User Centered Design (UCD),” Spirit, vol. 13, no. 1, pp. 17–27, 2021, doi: 10.53567/spirit.v13i1.196.

S. Lourensia, K. Setiawan, and A. D. Krestiawan, “Desain UI/UX untuk Situs Web Raja Ampat Dive Resort,” Rupaka, 2020.

M. S. Hartawan, “Penerapan User Centered Design (Ucd) Pada Wireframe Desain User Interface Dan User Experience Aplikasi Sinopsis Film,” Jeis J. Elektro Dan Inform. Swadharma, vol. 2, no. 1, pp. 43–47, 2022, doi: 10.56486/jeis.vol2no1.161.

G. Torenvliet, The design of future things, vol. 15, no. 2. 2008. doi: 10.1145/1340961.1340979.

B. Still and K. Crane, USER-CENTERED.

J. Nielsen, “Usability Engineering,” Nielsen Norman Gr., 1993, [Online]. Available: https://www.nngroup.com/books/usability-engineering/

N. Luh Putri Ari Wedayanti, N. Kadek Ayu Wirdiani, and I. Ketut Adi Purnawan, “Evaluasi Aspek Usability pada Aplikasi Simalu Menggunakan Metode Usability Testing,” J. Ilm. Merpati (Menara Penelit. Akad. Teknol. Informasi), vol. 7, no. 2, p. 113, 2019, doi: 10.24843/jim.2019.v07.i02.p03.

S. McDonald, H. M. Edwards, and T. Zhao, “Exploring think-alouds in usability testing: An international survey,” IEEE Trans. Prof. Commun., vol. 55, no. 1, pp. 2–19, 2012, doi: 10.1109/TPC.2011.2182569.

J. Brooke, “SUS : A Retrospective.,” JUS (Journal Usability Stud., vol. 8, no. 2, 2013.

J. Nielsen, “Why you only need to test with 5 users,” Nielsen Norman Group. [Online]. Available: https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/

A. Subiyakto, R. Aisy, B. G. Sudarsono, M. Sihotang, D. Setiyadi, and A. Sani, “Empirical evaluation of user experience using lean product and process development: A public institution case study in Indonesia,” AIP Conf. Proc., vol. 2331, no. 14, pp. 3–8, 2021, doi: 10.1063/5.0041676.



DOI: https://doi.org/10.53514/jco.v5i2.655

Article Metrics

Abstract views: 8 times

Refbacks

  • There are currently no refbacks.


___________________________________________________________________ 

Journal Computer Science and Informatic Systems:J-Cosys
ISSN 2776-9690 (online)
Managed by: Fakultas Teknologi Bisnis dan Sains (FTBS)
Published by: Universitas Dharma Wacana
W: https://e-jurnal.dharmawacana.ac.id/index.php/JCO
  Email: lppmstmikdw@gmail.com

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