Perancangan User Interface dan User Experience (UI/UX) pada Website “Tripin” Menggunakan Metode User Centered Design (UCD)
DOI:
https://doi.org/10.30736/jti.v11i1.1418Keywords:
System Usability Scale (SUS), High Fidelity, User InterfaceAbstract
Aplikasi Tripin merupakan platform layanan shuttle bus yang bertujuan meningkatkan pengalaman pengguna dalam pemesanan tiket, pelacakan perjalanan, dan pembayaran digital. Meningkatnya penggunaan kendaraan pribadi dan rendahnya minat Masyarakat terhadap transportasi umum akibat sistem pemesanan yang masih konvensional menunjukkan perlunya solusi berbasis teknologi guna meningkatkan efisiensi perjalanan. Penelitian ini bertujuan untuk merancang dan mengevaluasi antarmuka pengguna (User Interface/UI) aplikasi Tripin pada PT Rakamin Kolektif Madani, dengan menerapkan pendekatan User Centered Design (UCD) yang berfokus pada kebutuhan dan karakteristik pengguna. Proses perancangan melibatkan tahapan identifikasi kebutuhan melalui wawancara dan observasi, pengembangan user flow dan high fidelity design, serta evaluasi kegunaan desain dengan menggunakan metode Sytem Usability Scale (SUS). Fitur utama yang dikembangkan meliputi pemesanan tiket, pelacakan perjalanan secara real-time, boarding digital, serta notifikasi perjalanan. Hasil evaluasi menunjukkan bahwa desain UI Tripin memperoleh skor SUS sebesar 82,5 yang tergolong dalam kategori excellent, sehingga dapat disimpulkan bahwa antarmuka yang dirancang mampu memberikan pengalaman pengguna yang efisien, mudah digunakan, serta terintegrasi secara menyeluruh dalam sistem layanan shuttle bus digital.
Downloads
References
[1] A. Karimullah, A. Rizal, and A. S. Y. Irawan, “PERANCANGAN UI/UX APLIKASI TRANSPORTASI PUBLIK BERBASIS MOBILE DENGAN METODE USER CENTERED DESIGN,” Jurnal Informatika dan Teknik Elektro Terapan, vol. 12, no. 3, Aug. 2024, doi: 10.23960/jitet.v12i3.4855.
[2] Sulistiyanto, “PERANCANGAN SOFTWARE THE SMART TOURISM BALI DENGAN ANDROID.”
[3] Hafiz Auza, “RANCANG BANGUN APLIKASI E-COMMERCE PENJUALAN HELM BERBASIS WEBSITE,” POLITEKNIK HARAPAN BERSAMA KOTA TEGAL, 2024.
[4] R. S. A. Susanti and A. Susanti, “Rancang Digitalisasi Tiket Angkutan Umum (Lyn) Berbasis Website Berdasarkan Jarak Perjalanan (Studi Kasus: Trayek Joyoboyo-Menganti Surabaya),” Dec. 2024. Accessed: Mar. 19, 2025. [Online]. Available: https://journal.unesa.ac.id/index.php/mitrans/article/view/35706/12660
[5] F. A. puspitaningrum, D. Setianingsih, M. N. Fajar, B. T. Almira, M. K. Al-Viqri, and D. R. Lawangga, “IDENTIFIKASI SOLUSI UNTUK KEMACETAN PADA JARINGAN TRANSPORTASI PERKOTAAN,” ResearchGate, pp. 1–10, Oct. 2024, Accessed: Mar. 19, 2025. [Online]. Available: https://www.researchgate.net/profile/Fitri-Puspitaningrum/publication/384566015_IDENTIFIKASI_SOLUSI_UNTUK_KEMACETAN_PADA_JARINGAN_TRANSPORTASI_PERKOTAAN/links/66fd7d41553d245f9e486e67/IDENTIFIKASI-SOLUSI-UNTUK-KEMACETAN-PADA-JARINGAN-TRANSPORTASI-PERKOTAAN.pdf
[6] D. PRAMESTI, N. L. P. J. ANDINI, D. A. K. RAHARJO, and A. D. DWIPAYANA, “Efektivitas Penggunaan Moda Transportasi Umum Dengan Kendaraan Pribadi,” Indonesian Journal of Multidisciplinary on Social and Technology, vol. 2, no. 1, pp. 6–16, Jan. 2024, doi: 10.31004/ijmst.v2i1.246.
[7] M. Aswal, “Kebijakan Pengembangan Infrastruktur dan Manajemen Umum Untuk Mengatasi Kemacetan di Kota Bandung,” Jurnal Rekayasa Hijau, vol. 8, no. 2, pp. 200–216, Aug. 2024, doi: 10.26760/jrh.v8i2.200-216.
[8] B. Huda, T. Paryono, and A. Fauzi, UI/UX Design Bagi Para Perancang dan Pengembang Produk atau Layanan Digital, 1st ed. PT. ASADEL LIAMSINDO TEKNOLOGI, 2023.
[9] K. Wulandari and A. Voutama, “Perancangan UI Aplikasi Konsultasi Kesehatan Mental Berbasis Mobile Menggunakan Metode User Centered Design (UCD),” Jurnal Teknologi Sistem Informasi dan Sistem Komputer TGD, vol. 6, no. 2, pp. 445–451, Jul. 2023, [Online]. Available: https://ojs.trigunadharma.ac.id/index.php/jsk/index
[10] A. B. CAVANAUGH, “ANALISIS DAN PERANCANGAN UI/UX DENGAN METODE USER CENTERED DESIGNPADA WEBSITE DLU FERRY,” Universitas Dinamika, 2021. Accessed: Mar. 19, 2025. [Online]. Available: https://repository.dinamika.ac.id/id/eprint/5911/1/16410100142-2021-UNIVERSITASDINAMIKA.pdf
[11] Ilham Firman Ashari and Rahmat Rizky Muharram, “PENGEMBANGAN ANTARMUKA PENGGUNA KOLEPA MOBILE APP MENGGUNAKAN METODE DESIGN THINKING DAN SYSTEM USABILITY SCALE,” JSiI (Jurnal Sistem Informasi), vol. 9, no. 2, pp. 168–176, Sep. 2022, doi: 10.30656/jsii.v9i2.4993.
[12] H. Yulianti, “Rancang Bangun Aplikasi Pemesanan Tiket Shuttle Bus Berbasis Android pada Putra KJU Karawaci Banten Indonesia.”
[13] R. R. Alwan, A. Saeppani, and Y. Sofiyan, “USER INTERFACE DESIGN OF SOIL FERTILITY MEASURING APPLICATION USING USER CENTERED DESIGN METHOD,” vol. 1, no. 2, pp. 107–113, 2024.
[14] A. H. Luthfi and I. Arfiani, “Perancangan UI/UX Aplikasi Sampahocity Menggunakan Pendekatan UCD (User Centered Design),” Jurnal Ilmu Komputer dan Sistem Informasi (JIKOMSI), vol. 7, no. 1, pp. 24–36, 2024.
[15] P. Zukhruf Dinata, M. Ainul Urwah, M. Reza Rahmawan, E. Junaeti, and P. Korespondensi, “Perancangan UI/UX pada web e-commerce ‘Hallo Coffee’ menggunakan metode user-centered design,” Jambura Journal of Informatics, vol. 5, no. 1, pp. 45–58, 2023, doi: 10.37905/jji.v412.17511.
[16] F. V. Pangelah, “PERANCANGAN ULANG USER INTERFACE TERHADAP DASHBOARD APLIKASI E-LEARNING DENGAN METODE USER CENTERED DESIGN,” Aug. 2021.
[17] S. Rizal R I and S. A. Saputra, “PERANCANGAN UI/UX DESIGN PADA APLIKASI JASA FREELANCER BERBASIS ANDROID MENGGUNAKAN METODE USER CENTERED DESIGN,” Jurnal Ilmiah MATRIK, vol. 25, no. 1, 2023.
[18] R. B. Solichuddin, “PERANCANGAN USER INTERFACE DAN USER EXPERIENCE DENGAN METODE USER CENTERED DESIGN PADA SITUS WEB ‘KALOGRAFI,’” Nov. 2021.
[19] A. Mirza, M. D. Lusita, and D. Diana, “DESIGN OF UI/UX APPLICATIONS FOR MOBILE-BASED E-COMMERCE TECH.AN GADGETS USING THE DESIGN METHOD THINKING,” Journal of Information System, Informatics and Computing, vol. 7, no. 1, p. 58, Jun. 2023, doi: 10.52362/jisicom.v7i1.1085.
[20] G. Dwi, P. Haryanto, and A. Voutama, “PERANCANGAN UI/UX SISTEM INFORMASI PENYEWAAN MOBIL BERBASIS MOBILE DENGAN METODE DESIGN THINKING.”
[21] N. Hidayati, A. Voutama, and R. Fadhillah, “Perancangan UI Aplikasi Analisis Kulit Kecantikan Berbasis AI Dengan Metode User Centered Design Abstrak,” Journal of Informatic Engineering (JOUTICA), [Online]. Available: https://jurnalteknik.unisla.ac.id/index.php/informatika
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Bunga Anggun Chintamy -, Ida Ayu Tri Sabina Putri, Apriade Voutama
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Joutica : Journal of Informatic Unisla is licensed under an Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license. You are free to:
- Share copy and redistribute the material in any medium or format
- Adapt remix, transform, and build upon the material for any purpose, even commercially. This license is acceptable for Free Cultural Works.
The licensor cannot revoke these freedoms as long as you follow the license terms.
- Attribution You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
- Share Alike If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.
- No additional restrictions You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.
Copyright
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under an Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) that allows others to share the work with an acknowledgment of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (See The Effect of Open Access).
Joutica : Journal of Informatic Unisla by Universitas Islam Lamongan is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Based on a work at https://jurnalteknik.unisla.ac.id/index.php/informatika/index
