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

Penulis

  • 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

Kata Kunci:

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

Abstrak

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

Referensi

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.

##submission.downloads##

Diterbitkan

2025-06-30

Cara Mengutip

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

Terbitan

Vol 10 No 1 (2025): Edisi Mei 2025

Bagian

Articles

Lisensi

Authors who publish with this journal agree to the following terms:

    1. Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution License that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal.
    2. 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 acknowledgement of its initial publication in this journal.
    3. 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).

 

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

Artikel paling banyak dibaca berdasarkan penulis yang sama

Obs.: Plugin ini minimal membutuhkan satu plugin statistik/laporan aktif. Jika plugin statistik menghasilkan lebih dari satu metrik, pilihlah metrik utama pada pengaturan halaman admin dan/atau pada halaman pengaturan manajer jurnal.