Redesign redBus

Konsep redesign aplikasi tiket bus redBus, dari riset pengguna sampai login dan pencarian yang lebih simpel.

Studi kasus · UX researcher dan UI designer · 13 Mei 2022 · 1 menit baca

The redBus logo and the title Bus Ticketing App UX Case Study beside redesigned screens: the home search, a cashback onboarding card, the sign-in screen, and the one-time code screen

redBus adalah aplikasi untuk pesan tiket bus di Indonesia. Selama lima hari di bulan Mei 2022, sebagai tugas di Binar Academy, saya mencari di mana penggunanya kesulitan, lalu mendesain ulang langkah-langkah awalnya: onboarding, login, dan mencari perjalanan. Ini konsep, bukan kerjaan untuk redBus.

Riset

Saya mulai dari keluhan yang sudah ditulis pengguna, lalu mengeceknya langsung ke orang:

  • Review di Play Store. Saya membaca lima review bintang 1 dan mengelompokkan masalah yang mereka ceritakan.
  • Wawancara. Saya ngobrol dengan tiga orang yang memakai aplikasi sejenis, lalu meminta mereka mencoba redBus.
  • Benchmark. Saya membandingkan fitur dan tampilan redBus dengan aplikasi tiket sejenis.

Temuannya

Ada lima pain point:

  1. Promo di splash screen gampang terlewat.
  2. Halaman negara dan bahasa yang terpisah menambah satu langkah sebelum bisa ngapa-ngapain. Pilihan ini bisa digabung ke halaman login atau pengaturan.
  3. Teksnya nggak konsisten: ada tombol berbahasa Inggris di layar berbahasa Indonesia, dan ada yang ditulis huruf kapital semua.
  4. Ilustrasi di layar verifikasi nggak jelas maksudnya.
  5. Jenis tiket baru di halaman utama gampang terlewat. Fitur ini bisa dibuatkan section sendiri.

Setiap pain point saya taruh di matriks antara nilai buat pengguna dan seberapa mudah diperbaiki, lalu saya pakai untuk menentukan apa yang didesain ulang duluan.

Yang saya ubah

  • Promo pindah ke onboarding. Penawaran cashback dan kodenya sekarang ada di kartu onboarding yang memang dibaca.
  • Bahasa di layar login. Nggak ada langkah terpisah lagi: tombol ganti bahasa ada di pojok layar login.
  • Login yang menjelaskan dirinya. Satu kalimat menjelaskan apa itu redBus, lalu kolom nomor HP, dengan Google dan Facebook di bawahnya. Kode OTP mengonfirmasi nomornya.
  • Pencarian yang lebih simpel. Asal, tujuan, jumlah penumpang, dan tanggal ada di satu kartu di halaman utama, dengan hasil yang bisa difilter.
  • Kata-kata yang konsisten. Bahasa Indonesia di semua layar, dengan penulisan huruf yang sama di setiap tombol.

Didesain di Figma. Studi kasus lengkapnya ada di Behance, dan prototype-nya di Figma.