Perancangan UI/UX Website Pemesanan Tiket Bus iBus Menggunakan Figma dengan Metode Design Thinking

Authors

  • Angelina Isabella Kurniawan Universitas Singaperbangsa Karawang
  • Afifah Risti Ardi Universitas Singaperbangsa Karawang
  • Deni Deni Universitas Singaperbangsa Karawang
  • Stephany Cinta Susilowati Universitas Singaperbangsa Karawang
  • Apriade Voutama Universitas Singaperbangsa Karawang

DOI:

https://doi.org/10.33633/joins.v10i1.12572

Keywords:

UI/UX, Design Thinking, Figma, Pemesanan Tiket Bus, Usability Testing

Abstract

Penelitian ini bertujuan untuk merancang UI/UX website pemesanan tiket bus iBus menggunakan metode Design Thinking dan aplikasi Figma. Metode Design Thinking diterapkan melalui lima tahapan, yaitu Empathize, Define, Ideate, Prototype, dan Test, untuk memastikan desain yang dihasilkan berpusat pada kebutuhan pengguna. Pengujian usability dilakukan untuk mengevaluasi efektivitas, efisiensi, dan kepuasan pengguna terhadap desain yang dihasilkan. Hasil pengujian menunjukkan tingkat keberhasilan rata-rata sebesar 90,33% dengan waktu penyelesaian rata-rata 37,5 detik per tugas. Pengguna memberikan umpan balik positif terhadap kemudahan registrasi, pencarian tiket, pemilihan kursi, dan akses e-tiket. Namun, ditemukan beberapa area yang memerlukan perbaikan, seperti penambahan fitur filter pada halaman pencarian tiket, peningkatan visualisasi pada pemilihan kursi, dan penambahan opsi pembayaran yang lebih fleksibel. Penelitian ini menyimpulkan bahwa metode Design Thinking efektif dalam menghasilkan desain UI/UX yang intuitif dan relevan dengan kebutuhan pengguna

References

M. J. Narizki, R. A. Widyanto, and N. A. Prabowo, “Perancangan UI/UX Sistem Penerimaan Mahasiswa Baru Berbasis Perangkat Mobile dengan Metode Design Thinking,” J. Inf. Syst. Res., vol. 4, no. 4, pp. 1127–1135, Jul. 2023, doi: 10.47065/josh.v4i4.3652.

M. F. Santoso, “Implementation Of UI/UX Concepts And Techniques In Web Layout Design With Figma,” J. Teknol. Dan Sist. Inf. Bisnis, vol. 6, no. 2, pp. 279–285, Apr. 2024, doi: 10.47233/jteksis.v6i2.1223.

A. Yahya and A. Nugroho, “Perancangan Ulang UI/UX Dengan Figma Pada Website OKE OCE Indonesia Menggunakan Metode Design Thinking,” J. Inf. Syst. Res., vol. 6, no. 1, 2024, doi: 10.47065/josh.v6i1.5987.

S. Tazkiyah and A. Arifin, “Perancangan UI/UX pada Website Laboratorium Energy menggunakan Aplikasi Figma,” J. Teknol. Terpadu, vol. 8, no. 2, pp. 72–78, 2022, doi: 10.54914/jtt.v8i2.513.

N. Zazhemi, H. Marcos, and E. Penulis, “Penerapan Metode Design Thinking untuk Perancangan UI/UX Aplikasi GhosyDonat dalam Meningkatkan Keterlibatan Pengguna,” 2025.

H. Asnal, Junadhi, M. Jamaris, Mardainis, and Y. Irawan, “Workshop UI/UX Design dan Prototyping dengan Figma di SMK Taruna Masmur Pekanbaru,” J-PEMAS - J. Pengabdi. Masy., vol. 3, no. 1, pp. 18–25, 2022, doi: 10.33372/j-pemas.v3i1.800.

M. Akbar, S. Pane, K. Saleh, R. A. Sugianto, R. Mutiara Siregar, and A. Prayogi, “Perancangan UI Aplikasi Pemesanan Tiket Bus di Sumatera Secara Online Berbasis AndroID,” JISTech (Journal Islam. Sci. Technol. JISTech, vol. 9, no. 1, pp. 102–106, 2024, [Online]. Available: http://jurnal.uinsu.ac.id/index.php/jistech

P. S. Rosiana, A. Voutama, and A. A. Ridha, “Perancangan UI/UX Sistem Informasi Pembelian Hasil Tani Berbasis Mobile dengan Metode Design Thinking,” J. Inform. dan Tek. Elektro Terap., vol. 11, no. 3, Jul. 2023, doi: 10.23960/jitet.v11i3.3048.

M. F. Widiyantoro, N. Heryana, A. Voutama, and N. Sulistiyowati, “Information Management for Educators and Professionals Perancangan UI / UX Aplikasi Toko Kue Dengan Metode Design Thinking,” vol. 7, no. 1, pp. 1–10.

I. Adhiya Adha et al., “Perancangan UI/UX Aplikasi Ogan Lopian Diskominfo Purwakarta Menggunakan Metode Design Thinking,” JOISIE J. Inf. Syst. Informatics Eng., vol. 7, no. 1, 2023.

N. S. Ariani, T. Rochmadi, N. R. Dzakiyullah, and A. Ratnasari, “Perancangan Design UI/UX Pemesanan Tiket Travel Berbasis Web pada PT.Rmanja Menggunakan Metode Design Thinking,” J. Inform. dan Tek. Elektro Terap., vol. 13, no. 1, Jan. 2025, doi: 10.23960/jitet.v13i1.5583.

G. Nabila and S. Wahyuni, MDP Student Conference (MSC) 2022 Penerapan UI/UX Dengan Metode Design Thinking Pada Aplikasi Jaya Indah Perkas.

Downloads

Published

2025-06-30

How to Cite

[1]
A. I. Kurniawan, A. R. Ardi, D. Deni, S. C. Susilowati, and A. Voutama, “Perancangan UI/UX Website Pemesanan Tiket Bus iBus Menggunakan Figma dengan Metode Design Thinking”, Journal of Information System, vol. 10, no. 1, pp. 14–22, Jun. 2025.

Most read articles by the same author(s)

Obs.: This plugin requires at least one statistics/report plugin to be enabled. If your statistics plugins provide more than one metric then please also select a main metric on the admin's site settings page and/or on the journal manager's settings pages.