Penerapan Metode User-Centered Design dalam Redesign UI/UX Aplikasi Mobile Transjakarta

Luthfia Masruroh Syah(1),Mia Kamayani(2*)
(1) Universitas Muhammadiyah Prof. DR. HAMKA
(2) Universitas Muhammadiyah Prof. DR. HAMKA
(*) Corresponding Author
DOI : 10.35889/progresif.v21i2.2900

Abstract

The Transjakarta mobile application plays a vital role in supporting public transportation in Jakarta, but many users report poor usability, complicated navigation, and unintuitive interface design. Based on an initial survey involving 20 active users, the application scored only 26.8 on the System Usability Scale (SUS), placing it in the “Poor” category. This study adopts the User-Centered Design (UCD) approach in the redesign process of the application's UI/UX, involving four key stages: understanding the context of use, identifying user needs, designing appropriate solutions, and evaluating the alignment of those solutions with the identified needs. Evaluation was conducted using the SUS method and A/B Testing. The redesign process led to a significant improvement, raising the SUS score 85.25 and showing that 86% of users preferred the new design. Additional features such as “Top-up Balance” and “Transaction History” also received positive feedback. These findings demonstrate that the UCD approach effectively improves usability and user satisfaction, and can serve as a reference for future developments in public service applications.

Keywords: A/B Testing; Redesign; System Usability Scale; Transjakarta; User Centered Design

 

Abstrak

Aplikasi mobile Transjakarta merupakan layanan pendukung transportasi publik di Jakarta yang penting, namun masih menghadapi berbagai masalah dalam kemudahan penggunaan, integrasi fitur, dan tampilan antarmuka yang kurang intuitif. Berdasarkan survei awal terhadap 20 pengguna, skor System Usability Scale (SUS) hanya mencapai 26,8 yang termasuk kategori Poor. Penelitian ini menggunakan pendekatan User-Centered Design (UCD) dalam proses perancangan ulang UI/UX aplikasi, yang melibatkan empat tahapan inti: memahami konteks penggunaan, mengidentifikasi kebutuhan pengguna, merancang solusi desain, serta mengevaluasi kesesuaian solusi terhadap kebutuhan tersebut. Evaluasi dilakukan menggunanan SUS dan A/B Testing. Hasilnya menunjukkan peningkatan signifikan, dengan skor SUS yang naik menjadi 85,25 (kategori Excellent) dan 86% responden lebih menyukai desain baru. Selain itu, fitur baru seperti “Isi Saldo” dan “Riwayat Transaksi” mendapat tanggapan positif dari mayoritas pengguna. Penelitian ini menunjukkan bahwa UCD efektif dalam meningkatkan kualitas pengalaman pengguna serta dapat menjadi acuan dalam pengembangan aplikasi layanan publik berbasis digital.

Kata kunci: A/B Testing; Perancangan Ulang; System Usability Scale; Transjakarta; User Centered Design

References


M. I. Santoso and A. R. Dzikrillah, “Analisis Sentimen Pengguna Terhadap Kinerja Sistem Transportasi Umum Jakarta Menggunakan Algoritma Naive Bayes,” KLIK: Kajian Ilmiah Informatika dan Komputer, vol. 4, no. 6, pp. 3032–3043, 2024, doi: 10.30865/klik.v4i6.1936.

A. Pristanto, O. T. Lauren, D. Aryani, and S. Sahara, “Analisis Kepuasan Pelanggan Terhadap Fasilitas yang Disediakan oleh Pihak Transjakarta,” Jurnal Manajemen Riset Inovasi, vol. 1, no. 3, pp. 9-17, 2023. doi: 10.55606/mri.v1i3.1162.

F. Satrya, F. Kusumah, H. Fajri, and D. Mahendra, “Perancangan UI/UX aplikasi Sensus Pajak Daerah DKI Jakarta berbasis Mobile dengan metode User Centered Design,” Nautical : Jurnal Ilmiah Multidisiplin, vol. 2, no. 9, pp. 2829–7466, 2023, [Online]. Available: https://jurnal.arkainstitute.co.id/index.php/nautical/index

M. Rafi Pradana, “Redesign Of Ipusnas Application Using User Centered Design Method,” International Journal Science and Technology, vol. 2, no. 1, pp. 2829–050, 2023, doi: 10.56127/ijst.v.

A. L. Ridho, D. Dwi, J. Suwawi, and R. R. Riskiana, “Redesigning the User Interface of a University Laboratory Website Using the User-Centered Design Approach,” Media Online, vol. 4, no. 1, pp. 378–387, 2023, doi: 10.30865/klik.v4i1.1172.

B. Zaman, I. B. Nayottami, and E. Hariyanti, “Evaluasi dan Desain Ulang Antarmuka Menggunakan Metode User Centered Design (UCD) pada Aplikasi Kampus Kita Tendik,” Jurnal Komputer dan Informatika, vol. 12, no. 1, pp. 91–101, Apr. 2024, doi: 10.35508/jicon.v12i1.13287.

I. Nurhidayah et al., “Perancangan Desain Ulang User Interface Learning Management System Menggunakan Design Thinking Method,” Jurnal Mahasiswa Teknik Informatika), vol. 8, no. 4, pp. 8098-8105 2024.

F. Maulana Alja, E. Daniati, and A. Ristyawan, “Perancangan Ui/Ux E-Commerce Menggunakan Metode User Centered Design (UCD),” Journal of Information System Management (JOISM), vol. 6, no. 1, pp. 93–101, Jul. 2024, doi: 10.24076/joism.2024v6i1.1669.

G. W. Serbiadventa, M. Bezaleel, and J. Prestiliano, “IT-Explore Penggunaan User Centered Design Dalam Perancangan Antarmuka Website Smp Pangudi Luhur Ambarawa,” Jurnal Penerapan Teknologi Informasi dan Komunikasi, vol. 2, no. 1, pp. 30-47, 2023.

C. E. Zen, S. Namira, and T. Rahayu, “Rancang Ulang Desain UI (User Interface) Company Profile Berbasis Website Menggunakan Metode UCD (User Centered Design),” In Prosiding Seminar Nasional Mahasiswa Bidang Ilmu Komputer dan Aplikasinya, 2022, Vol. 3, No. 1, pp. 17-26.

L. Masruroh Syah, I. Faqihuddin Hanif, H. Rahmawati, E. Novianti, and P. Saidatuzzahra, “Penerapan Prinsip Design Thinking Pada Ui/Ux Aplikasi Mobile Renas Fashion,” Jurnal Informatika Polinema, vol. 10, no. 4, pp. 463-470. 2024.

J. M. Dumalang, C. E. J. C. Montolalu, and D. Lapihu, “Perancangan UI/UX Aplikasi Penjualan Makanan berbasis Mobile pada UMKM di Kota Manado menggunakan metode Design Thinking,” Jurnal Ilmiah Informatika dan Ilmu Komputer (JIMA-ILKOM), vol. 2, no. 2, pp. 41–52, Sep. 2023, doi: 10.58602/jima-ilkom.v2i2.19.

A. Y. Priyono, G. Aryotejo, and S. Adhy, “Penerapan Metode Design Thinking untuk Perancangan Prototype Lost and Found,” Jurnal Masyarakat Informatika, vol. 14, no. 2, pp. 96-107. 2023.

A. Nugroho, J. Purwanto, M. A. Muin, and F. Mahardika, “UI/UX Design of a Web-Based Student Organizations System Using the Design Thinking Method Approach,” Journal of Technology and Informatics (JoTI), vol. 7, no. 1, pp. 24-38, 2025, doi: 10.37802/joti.v7i1.983.

N. Dwi Amalina and E. P. Rachmawati, “Penerapan Metode Design Thinking Dalam Perancangan Ulang Ui&Ux Aplikasi Ipusnas,” Jurnal Informatika Polinema, vol. 11, no. 3, pp. 317-326. 2025.

S. Alif, P. Nasution, H. Wulandari, and R. Dwi Arista, “Bulletin Of Computer Science Research Perancangan UI/UX Aplikasi Moblie Pertolongan Pertama Dengan Metode Prototipe Interaksi Untuk Meningkatkan Respon Darurat,” Media Online), vol. 5, no. 1, pp. 14–23, 2024, doi: 10.47065/bulletincsr.v5i1.432.

D. Ong, Q. T. Truong, and H. W. Lauw, “Cornac-AB: An Open-Source Recommendation Framework with Native A/B Testing Integration,” in WWW 2024 Companion - Companion Proceedings of the ACM Web Conference, Association for Computing Machinery, Inc, May 2024, pp. 1027–1030. doi: 10.1145/3589335.3651241.


How To Cite This :

Refbacks

  • There are currently no refbacks.