UI UX Desain Tiket Apps

Pada akhir tahun lalu, aku mencoba membuat proyek kecil untuk mendesain sebuah aplikasi tiket film bioskop. Studi kasus ini adalah sesuatu yang di lakukan di waktu luang dalam artian hanya untuk bersenang-senang, jadi mungkin ada beberapa bagian dari latihan ini yang tidak cukup teknis atau tidak sesuai dengan praktik UX terbaik.

Daripada itu aku juga mencoba membangun prototipe kerja yang sebenarnya. Dan aku akan membentuk sebuah skema berbasis platform android.

Background


Secara umum, rata-rata aplikasi yang dibangun bisa dibilang masih perlu banyak mengejar ketertinggalan pada bidang UI dan UX. Salah satu contohnya adalah UI/UX untuk aplikasi perbankan (aplikasi terkait keuangan) di mana bahkan masuk, atau pendaftaran terkadang masih merepotkan. Namun, untuk eksplorasi kecil ini aku mencoba membuat aplikasi tiket film bioskop sederhana.

Secara umum, UX untuk aplikasi tiket film bioskop yang aku gunakan tidak terlalu buruk, tetapi di sini aku mencoba untuk melihat apakah dapat menjelajahi alternatif yang lebih baik untuk aplikasi saat ini, baik dalam alur maupun dalam presentasi.

Ayo mulai!

Produk yang di gunakan

Untuk memulai, aku mencoba membandingkan beberapa aplikasi tiket bioskop Indonesia yang pernah digunakan sebelumnya. Yaitu empat ini: Go-Tix, XXi Cinema 21, Traveloka, Mata2 (Sayangnya ditutup saat tulisan ini dimulai).



Untuk setiap aplikasi, aku menuliskan hal-hal yang sudah berfungsi dan juga hal-hal yang mungkin dapat ditingkatkan.


Terlepas dari keempat aplikasi ini, aku juga melakukan aplikasi Atom, di mana aku menemukan beberapa fitur berbeda yang belum pernah di lihat pada aplikasi lokal di atas.

Kebiasaan Sebelum Membeli


Kebiasaan pribadi dalam membeli tiket bioskop membantu dalam menyusun kuesioner yang akan mendasari studi kasus ini. Ini beberapa dari catatanku :
  • Sudah tahu apa yang harus ditonton di bioskop, tapi tidak tahu kapan itu diputar di bioskop lokal.
  • Kadang-kadang ketika bosan, aku akan membuka beberapa aplikasi film mencari film bagus saat ini bermain. Jika trailernya terlihat bagus, ada kemungkinan besar aku akan melakukan pembelian.
  • Memeriksa skor Rotten Tomatoes atau IMDB sebelum melakukan pembelian.
  • Semua bioskop cukup dekat dengan tempat tinggal, jadi aku memilih bioskop berdasarkan waktu pemutaran terbanyak waktu,
  • dll.

Asumsi


Bahkan ketika baru memulai eksplorasi ini, aku sudah memiliki beberapa asumsi yang akan ditulis. Melihat analisis kompetitif dan kebiasaan membeli aku di atas akan memunculkan lebih banyak asumsi.

Asumsi ini bisa jadi merupakan ide fitur baru atau hanya beberapa hal, atau fitur yang menurut aku tidak berfungsi di aplikasi lain. Bisa jadi kecil, dan bisa juga besar. Beberapa contoh di bawah ini:
  • Fitur pemberitahuan harus menjadi wajib untuk melayani pengguna yang tidak mengetahui tanggal film mendatang yang ingin mereka tonton
  • Berdasarkan kebiasaan membeli, aku akan memeriksa rate dan skor IMDB film sebelum melakukan pembelian. Ada baiknya untuk memiliki ini di dalam aplikasi untuk memudahkan pengguna membuat keputusan pembelian langsung di aplikasi.
  • Kemampuan untuk melihat cuplikan di aplikasi haruslah wajib.
  • Akan sangat bagus untuk membangun sistem peringkat di mana menggunakan emoji untuk mewakili peringkat sebuah film; Misalnya, emoji tepuk tangan meriah menunjukkan bahwa filmnya luar biasa!
  • Dll.

Wawasan


Beberapa wawasan yang didapatkan dari data sangat membantu dalam membuat keputusan desain. Namun, tidak semuanya memberi wawasan. Beberapa di antaranya hanya akan menciptakan lebih banyak pertanyaan daripada memberikan jawaban. Masalah ini mungkin ada hubungannya dengan menyiapkan kuesioner yang lebih menyeluruh? Atau mungkin dapat diterima bahwa tidak semua jawaban akan berwawasan?

Image for post

Image for post

Image for post

Image for post

Image for post

Kesetiaan Rendah



Sekarang saatnya menggambar! Tidak ada yang istimewa di sini, hanya gambar yang mengerikan yang dimasukkan ke dalam One Note :)

Image for post

High Fidelity dan Prototyping

Aku mencoba merinci beberapa desain paling menarik yang akan dilakukan di sini:

Landing Page


Play di sekitar akan menjadi mode default bagi pengguna. Dalam menu tarik-turun, pengguna masih dapat memilih opsi seperti Bermain di Bioskop Favorit. Opsi tersebut tersedia di aplikasi lokal yang telah di ulas.


 Pendapat & kekhawatiran:

  • Meskipun tidak yakin berapa banyak film yang akan diputar sekaligus di suatu kota / daerah, aku berpikir bahwa pendekatan untuk menumpuk film yang bergeser ke kanan mungkin cukup menyakitkan jika ada cukup banyak film.
  • Kekhawatiran lain di sini adalah apakah harus meletakkan judul dan genre di bawah sampul aplikasi ini, seperti yang dilakukan beberapa aplikasi.
Salah satu argumen yang berlawanan adalah bahwa sampul harus sudah memberi tahu jenis filmnya. Aku menemukan bahwa Atom (dan Netflix) tidak menampilkan informasi ini.

Setelah memeriksa prototipe, aku merasa penting untuk meletakkan judul setidaknya untuk bagian "mendatang", di mana tombol notifikasi menutupi beberapa bagian judul. Entah itu atau mengubah gaya tombol notifikasi (menambahkan transparansi atau mengubah posisi).

Halaman Detail

Beberapa keputusan desain di sini berasal dari aplikasi lain yang telah di ulas (seperti mempermudah peralihan antara tanggal di GoTix atau Diskusi dari Mata2). Beberapa lainnya adalah tambahan (seperti ulasan rate, dll.)

Pemilihan Kursi

Aku menggunakan pola UI pemilihan kursi seperti pada umumnya..

Beberapa kekhawatiran:

  • Apakah penting untuk menunjukkan nomor baris dan kolom dalam pemilihan kursi?

  • Haruskah pengguna diberi tahu tentang perbedaan antara tempat-tempat tersebut?


Prototipe

Temen-temen boleh memeriksa prototipe di bawah ini!

Bagaimana menurut kalian?



Dalam skenario kehidupan nyata, ada lebih banyak hal yang perlu dipertimbangkan dalam membuat sebuah aplikasi. Posting ini hanyalah versi proses yang sangat sederhana. Beberapa hal yang tidak di pertimbangkan secara umum, termasuk:
  • Apakah semua grafik ini akan membuat aplikasi lebih berat?

  • Seberapa besar upaya pengembang untuk membangun pengalaman seperti itu?

  • Menguji prototipe kepada pengguna untuk melihat apakah UX masuk akal bagi mereka.


Tidak berarti bahwa proses ini dan desainnya sendiri sempurna, aku juga menyadari setelah prototipe bahwa ada lebih banyak hal yang harus dilakukan, dan ada cukup banyak hal yang hilang dalam desain.

Oia jika kawan kawan mau mencoba untuk mengeksplorasi file design di atas sudah aku share, silahkan aja ambil disini.

Jika temen-temen memiliki saran tentang apa yang harus diperbaiki dalam proses semacam ini, beri tahu aku di komentar di bawah. Juga, jika kalian menyukai jenis konten dari aku, beri tahu di komentar sehingga nantinya dapat membuat lebih banyak di waktu mendatang!

Baca juga

6 komentar

Posting Komentar