Perbandingan User Interface Aplikasi Mobile Pemesanan Tiket Pesawat Online dengan Design Thinking

Transkripsi

1 Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer e-issn: X Vol. 2, No. 6, Juni 2018, hlm Perbandingan User Interface Aplikasi Mobile Pemesanan Tiket Pesawat Online dengan Design Thinking Anandhi Tristiaratri 1, Adam Hendra Brata 2, Lutfi Fanani 3 Program Studi Teknik Informatika, 1 [email protected], 2 [email protected], 3 [email protected] Abstrak Penerbangan domestik yang meningkat dari tahun ke tahun berdampak pada peningkatan kebutuhan tiket. Hal tersebut dimanfaatkan untuk mengembangkan aplikasi mobile online. Contoh dari aplikasi tersebut meliputi Traveloka, Tiket.com, dan lain sebagainya. Dari berbagai aplikasi yang ditawarkan, pengguna akan merasakan pengalaman yang berbeda-beda. Hal tersebut dapat disebabkan dari antarmuka ataupun kegunaan. Penelitian ini akan meneliti mengenai antarmuka dan kegunaan sebuah aplikasi android yang nantinya dapat digunakan sebagai acuan untuk membangun aplikasi sejenis. Metode yang digunakan adalah design thinking yang merupakan salah satu metode user experience. Dalam pengumpulan data menggunakan cara wawancara dan kuisioner. Berdasarkan hasil penelitian yang dilakukan, kegunaan dari aplikasi Traveloka dan Tiket.com memperoleh rata-rata nilai 5.8/7 dan 5.3/7. Angka tersebut membuktikan jika kedua aplikasi memiliki kegunaan, kemudahan, dan kepusaan yang cukup baik bagi pengguna. Kata kunci: pengalaman pengguna, kegunaan, antarmuka, design thinking Abstract Domestic flights are increasing from year to year impact on the increase of tickets. It is to develop mobile online applications. The examples are Traveloka, Tiket.com, and etc. From the many applications, users will feel the different user experience. It can be caused by interface or usability. This research will examine about interface and usability of android applications which can be used as a reference for building similar applications. The method that used in this reasearch is design thinking. To collect data there are several ways such as interviews and questionnaires. Based on the results of research, the user experience of Traveloka and Tiket.com obtain an average value of 5.8/7 and 5.3/7. That number proves that both applications have usefulness, easy of use and learn, and satisfication is good enough for the users. Keyword: user experience, usability, interface, design thinking 1. PENDAHULUAN Peningkatan yang terjadi pada penerbangan domestik di Indonesia berdampak pada kebutuhan tiket. Hal tersebut disebabkan karena setiap orang yang melakukan penerbangan pasti memiliki sebuah tiket. Kondisi tersebut dimanfaatkan dalam mengembangkan sebuah aplikasi online berbasis android yang berfungsi untuk memesan tiket pesawat (Rachman, 2016). Aplikasi tersebut seperti: traveloka, tiket.com, pegi pegi, dan sebagainya. Layanan yang disediakan berupa: booking hotel, pemesanan tiket pesawat/ kereta/ transportasi lainnya dan layanan-layanan lainnya. Berbagai aplikasi pemesanan tiket online yang ditawarkan, memberikan pengalaman pengguna yang berbeda-beda. Perbedaan tersebut dapat disebabkan oleh antarmuka/ kegunaan yang diberikan oleh aplikasi. Pada umumnya, pengguna akan menilai segi antarmuka ketika awal menggunakan produk yang ditawarkan. Selanjutnya adalah kegunaan dari produk yang ditawarkan. Antarmuka umumnya mencakup tata letak, dan desian visual. Sedangkan kegunaan adalah suatu indikasi dari keberhasilan produk (Guo, 2012). Penelitian yang dilakukan oleh Arnold M. Lund yang membahas mengenai Kuisioner USE. Kuisioner tersebut merupakan pengembangan Fakultas Ilmu Komputer Universitas Brawijaya 2113

2 Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 2114 kuisioner singkat yang dapat digunakan untuk mengukur dimensi kegunaan yang penting bagi pengguna. Untuk mengetahui perbedaan yang dirasakan oleh pengguna maka dilakukan perbandingan pengalaman pengguna dari aplikasi pemesanan tiket pesawat online. Hasil dari perbandingan tersebut diharapkan mampu dijadikan referensi untuk pengembangan aplikasi sejenis dikemudian hari. Aplikasi yang akan digunakan sebagai objek adalah Traveloka dan Tiket.com. Kedua aplikasi tersebut dipilih berdasarkan ratting yang dimiliki, Traveloka 3.9/5 dan Tiket.com 4.4/5 (TrustedCompany, 2016). 2. DASAR TEORI 2.1 UX User Experience (UX) merupakan salah satu strategi mendesain produk yang berfokus pada perspektif pengguna. UX berfokus pada preferensi, persepsi, emosi dan tanggapan fisik dan psikologis pengguna yang terjadi sebelumnya, selama dan setelah menggunakan suatu produk (Bevan, et al., 2015). 2.2 Design Thinking Design Thinking adalah pendekatan dalam membuat sebuah pengalaman yang menyangkut dampak emosional, estetika, dan interaksi yang berorientasi nilai sosial (Harton & Pyla, 2012). Metode ini memiliki beberapa tahapan mulai dari pengumpulan informasi mengenai pengguna, berdasarkan informasi tersebut dibuat mengenai apa yang dibutuhkan pengguna, membuat solusi-solusi kreatif, membangun representasi dari solusi-solusi yang ditawarkan, dan menguji hasil representasi yang telah dibangun sehingga mendapatkan feedback. Gambar 1 Tahapan proses design thinking 2.3 Persona Persona merepresentasikan seorang yang spesifik dimana memiliki work role and sub-role yang spesifik, dengan kelompok karakteristik pengguna yang sepesifik (Harton & Pyla, 2012). Penggunaan persona untuk membantu dalam proses pengujian. 2.4 Usability Testing Usability testing adalah metode pengujian produk untuk mencari tahu kekurangan kegunaan sebuah produk dengan pertimbangan pengguna. Bertujuan untuk menghilangkan masalah desain produk dalam meningkatkan user experience produk (Alluri, 2012). Pengukuran usability dapat dilakukan dengan cara wawancara ataupun kuisioner. Wawancara dilakukan dengan mengajukan beberapa pertanya kepada responden. Pertanyaan biasanya dimulai dari pertanyaan umum menuju pertanyaan terkait aspek yang diteliti. No. Tabel 1 Daftar pertanyaan wawancara Pertanyaan 1. Berapakah umur anda? 2. Apa pekerjaan/ bidang anda? 3. Pernahkah anda menggunakan aplikasi pemesanan tiket online? 4. Jika sudah, biasanya menggunakan aplikasi apa? 5. Aplikasi manakah yang menurut anda lebih nyaman/mudah digunakan? 6. Alasannya: 7. Antarmuka manakah yang lebih nyaman? 8. Apakah tahapan pemesanan tiket pesawat sudah baik? 9. Jika tidak harus seperti apa? 10. Kendala apa yang anda rasakan ketika menggunakan aplikasi tersebut? Kuisioner yang akan digunakan adalah kuisoner USE. Kuisioner ini memiliki beberapa petanyaan terkait usability dan memiliki nilai dengan skala 1-7. Skala 1 merepresentasikan nilai sangat tidak setuju menuju ke skala 7 representasi dari nilai sangat setuju. Hasil dari kuisioner akan dianalisis berdasarkan setiap aspek maupun keseluruhan aspek. No. Tabel 2 Kuisioner USE Pernyataan Aplikasi ini membantu saya memesan tiket 1 pesawat dengan lebih efektif. 2 Membantu lebih produktif. Aplikasi ini sangat berguna bagi saya terkait 3 pemesanan tiket pesawat.

3 Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer Aplikasi ini membantu saya memberikan 2115ontrol atas pemesanan tiket pasawat saya (pembatalan/ pindah jadwal). Aplikasi ini membantu saya memesan tiket dengan lebih mudah. Aplikasi ini lebih menghemat waktu saya, karena dapat digunakan kapanpun dan dimanapun. Membantu saya menemukan tiket pesawat yang saya butuhkan. Aplikasi ini melakaukan apa yang saya harapkan. 9 Mudah untuk digunakan. 10 Sederhana dalam penggunaannya. 11 User friendly. 12 Tidak membutuhkan langkah yang panjang untuk melakukan apa yang saya inginkan. 13 Aplikasi ini fleksibel. 14 Tidak mengalami kesulitan ketika menggunakan aplikasi. 15 Dapat digunakan tanpa panduan tertulis. 16 Saya merasa aplikasi ini konsisten. 17 Pengguna tetap dan pengguna berkala menyukai aplikasi ini. 18 Memulihkan dengan cepat dan mudah ketika terjadi kesalahan. 19 Aplikasi selalu berhasil ketika digunakan. 20 Mudah dipelajari dengan cepat. 21 Mudah diingat bagaimana tata cara penggunaannya. 22 Mudah mempelajari penggunaannya. 23 Cepat menjadi mahir. 24 Merasa puas. 25 Akan merekomendasikan ke teman. 26 Menyenangkan saat digunakan. 27 Bekerja sesuai keinginan. 28 Aplikasi ini sangat bagus. 29 Saya merasa membutuhkan aplikasi ini. 30 Nyaman digunakan. 3. PENGUMPULAN DATA Berdasarkan perolehan data dari kuisioner akan dihitung nilai rata-rata setiap aspek dari kuisioner USE dan wawancara akan digunakan sebagai informasi dasar pengalaman pengguna terhadap penggunaan objek yang diteliti, Traveloka dan Tiket.com. Pengumpulan data yang dilakukan merupakan tahapan empathize dan define pada design thinking. 3.1 Aspek Usefulness Aspek ini meliputi item nomor 1 sampai 8 yang terdapat pada kuisioner USE. Perolehan rata-rata nilai dapat dilihat pada gambar 2. Gambar 2 Rata-rata nilai parameter usefulness Dari gambar 2 perolehan nilai kedua aplikasi melebihi angka 4 yang dapat diartikan bahwa kedua apliksi berguna bagi penggunanya. Data wawancara menyatakan bahwa kedua aplikasi mampu menyelesaikan tugas dengan baik, dapat menghemat waktu dalam melakukan pemesanan tiket, dan tahapan sudah cukup. 3.2 Aspek Ease of Use Aspek ini mengukur kegunaan aplikasi yang meliputi item nomor 9 sampai 19 yang terdapat pada kuisioner USE. Berdasarkan gambar 3, kdua aplikasi mudah digunakan, walaupun Tiket.com memiliki nilai dibawah Traveloka. Berdasarkan hasil wawancara hal tersebut dapat dikaitkan dengan kurangnya keterangan saat tahap pemesanan. Gambar 3 Rata-rata nilai parameter ease of use 3.3 Aspek Ease of Learn Aspek Ease of Learn memiliki 4 pernyataan yang terdapat pada item nomor 20 sampai 21 pada kuisioner USE. Dari gambar 4, terdapat satu item yang memiliki nilai lebih rendah diantara 3 item lainnya. Satu item tersebut berkaitan dengan pernyataan seberapa cepat kemahiran pengguna ketika menggunakan aplikasi. Hasil wawancara menytakan bahwa pengguna perlu ketelitian saat melakukan pengisian data. Hal tersebut mungkin menjadi salah satu penyebab item nomor 21 memiliki nilai lebih kecil dibandingkan item lainnya.

4 Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 2116 Tabel 2 Daftar rancangan antarmuka Gambar 4 Rata-rata nilai parameter ease of learn 3.4 Aspek Satisfication Aspek ini mengukur kepuasan pengguna terhadap aplikasi yang meliputi item nomor 24 sampai 30 yang terdapat pada kuisioner USE. Nama Halaman Cari Penerbangan Pilih Penerbangan Isi Data Review Metode Pembayaran Keterangan Halaman ini akan berisi asal, tujuan, tanggal keberangkatan, tanggal pulang, tombol pergi-pulang, penumpang (dewasa; anak; bayi), kelas penerbangan Antarmuka pilih penerbangan tiket.com yang lebih disarankan karena langsung memilih tiket pergipulang Antarmuka traveloka yang akan dipilih, untuk pengisian form akan disederhanakan seperti tiket.com Antarmuka traveloka yang akan dipilih karena lebih memudahkan dalam cek ulang data Traveloka yang akan dipilih karena memiliki banyak macaam pembayaran Rancangan antarmuka pertama adalah pencarian penerbangan yang menampilkan 5 halaman berturut-turut, yaitu: halaman awal, daftar bandara, kalender, jumlah penumpang, dan kelas penerbangan. Gambar 5 Rata-rata nilai parameter satisfication Dalam hal kepuasan, Traveloka juga lebih unggul dari Tiket.com. Terlihat pada gambar 4, Traveloka menampilkan grafik hampir stabil, sedangkan Tiket.com menampilkan grafik naik turun. Hal tersebut dapat dikaitkan dengan pewarnaan dan penggunaan ikon-ikon yang ditampilkan oleh Traveloka berdasarkan perolehan dari wawancara. 4. PERANCANGAN DAN IMPLEMENTASI Perancangan yang akan dilakukan adalah merancang user interface/ antarmuka, yang beracuan pada hasil wawancara dan kuisioner. Implementasi akan dilakukan dengan membuat prototipe antarmuka dari rancangan yang dibuat. Tahapan ini merupakan tahap prototype yang terdapat pada design thinking. Gambar 6 Rancangan antarmuka cari penerbangan 4.1 Perancangan Antarmuka Tahap ini merupakan proses membuat rancangan antarmuka. Antarmuka yang dirancang terinpirasi dari antarmukan Traveloka dan Tiket.com, dimana rancangan yang dibuat disesuaikan dengan hasil yang didapatkan dari pengguna.

5 Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 2117 Gambar 9 Rancangan antarmuka metode pemesanan Gambar 7 Rancangan antarmuka pilih penerbangan dan isi data Rancangan antarmuka kedua adalah pilih penerbangan menampilkan jadwal penerbangan yang tersedia. Rancangan tersebut dibuat dengan menampilkan 2 jadwal penerbangan, pergi dan pulang. Rancangan antarmuka ini dapat dilihat pada gambar 8 bagian 1. Kemudian terdapat antarmuka isi data yang dapat dilihat pada gambar 8 bagian 2, dimana antarmuka tersebut menampilkan informasi penerbangan, data pemesan, data penumpang beserta asuransi perjalanan. Selanjutnya adalah antarmuka review menampilkan informasi penerbangan pergi, pulang, penumpang, dan rincian biaya. Rancangan antarmuka review dapat dilihat pada gambar 9. Terakhir adalah antarmuka pembayaran yang memiliki beberapa halaman berturut-turut, yaitu daftar metode pemesanan, rincian biaya, dan nomor rekening bank (tergantung jenis metode yang dipilih). Rancangan antarmuka ini dapat dilihat pada gambar Implementasi Implementasi yang dilakukan dapat dilihat pada gambar 11 bagian 1. Antarmuka tersebut diadaptasi dari aplikasi Traveloka dengan sedikit perubahan pada pemilihan tanggal pergi-pulang, menjadi satu baris yang menampilkan kedua tanggal penerbangan. Implementasi antarmuka pilih penerbangan diadaptasi dari aplikasi Tiket.com, yang menampilkan 2 daftar jadwal penerbangan pergi-pulang pada satu halaman. Antarmuka tersebut dapat dilihat pada gambar 11 bagian 2. Antarmuka isi data dibuat semirip mungkin dengan aplikasi Traveloka sesuai dari data pengguna yang diperoleh. Antarmuka tersebut dapat dilihat pada gambar 11 bagian 3. Gambar 8 Rancangan antarmuka review Gambar 10 Antarmuka awal, pilih penerbangan, dan isi data

6 Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 2118 Tabel 3 Daftar persona Jenis Kelompok Kode Usia Pekerjaan Kelamin P1 22 Perempuan Mahasiswa Aktif P2 22 Pria Software Development Aktif P3 22 Perempuan Mahasiswa Pasif P4 30 Perempuan Ibu Rumah Tangga Pasif P5 22 Pria Traveler Aktif Daftar persona pada tabel 4 diharapkan mampu mewakili keseluruhan pengguna yang ada. Sehingga informasi mengenai aspek usability serta antarmuka dari rancangan yang diujikan dapat diketahui. Dan kendala-kendala yang dialami oleh pengguna ketika pengoperasian prototipe dapat diketahui. Gambar 11 Antarmuka review Pada gambar 12 merupakan hasil dari implementasi antarmuka review yang dibuat mirip dengan aplikasi Traveloka. Informasi yang ditampilkan meliputi maskapai penerbangan, kota asal dan kota tujuan, jadwal penerbangan, data penumpang, serta rinciang biaya. Implementasi antarmuka metode pemesanan diadaptasi dari aplikasi Traveloka, dimana hanya metode pemesanan via transfer yang diimplementasikan, dapat dilihat pada gambar 13. Gambar 12 Antarmuka metode pemesanan 5. PENGUJIAN Pengujian merupakan tahap terakhir yang ada pada design dhinking, yaitu test. Pengujian yang akan dilakukan adalah pengujian usability. Pengujian ini akan melibatkan 5 persona yang bertujuan untuk mewakili kelompok pengguna. 5.1 Skenario Pengujian Tahapan ini akan melibatkan persona yang bertindak sebagai penguji. Persona akan melakukan simulasi dengan prototipe yang diberikan. Persona akan mengoperasikan proses pemesanan tiket pesawat sesuai tugas yang diberikan, dimana sebelumnya persona akan menerima penjelasan mengenai tahapan yang harus dilakukan dalam pengujian. Selanjutnya persona akan memberikan feedback mengenai apa yang dirasakan ketika melakukan tugastugas yang diujikan. Tabel 4 Skenario pengujian No. Task Keterangan Kota Asal dan Tujuan Tanggal Pergi dan Pulang 5. Cari 6. Penumpang Kelas Penerbangan Memilih Penerbangan Pengguna memilih salah satu dari beberapa daftar nama bandara yang tersedia Pengguna memilih tanggal pada pop-up kalender yang muncul Pengguna memilih jumlah penumpang dengan mengeser ke bawah/ ketas angka yang dipilih dan pilih tombol pilih Pengguna memilih salah satu kelas penerbangan dan pilih tombol Pilih Pengguna memilih tombol Cari untuk mendapatkan informasi penerbangan sesuai data yang telah dimasukkan Pengguna memilih salah satu dari beberapa daftar penerbangan yang tersedia

7 Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer Pesan 8. data penumpang 9. Lanjutkan 10. Pembayaran 11. Detail pembayaran 12. Transfer 5.2 Hasil Pengujian Pengguna memilih tombol Pesan untuk memesan penerbangan yang telah dipilih Pengguna memasukkan data penumpang dengan checklist pada kotak checklist yang telah disediakan Pengguna memilih tombol Lanjutkan untuk meninjau kembali rincian pesanan. Jika rincian telah benar pengguna hanya perlu memilih tombol Lanjutkan yang berada diantarmuka bagian bawah Pengguna akan memilih bank untuk cara pembayaran yang akan dilakukan. Pengguna akan mendapatkan informasi rincian biaya yang akan dibayarkan dan pilih tombol Bayar dengan Transfer Pengguna akan mendapatkan informasi rekening bank yang digunakan untuk transfer dan terdapat tombol selesai sebagai akhir dari proses pemesanan Bagian ini membahas mengenai hasil yang didapatkan dari proses pengujian yang dilakukan. Pengujian yang dilakukan penulis adalah wawancara. dalam penelitian ini terdiri dari masyarakat umum, mulai dari karyawan, mahasiswa, dosen, traveler, dan sebagainya. Dari pengujian yang telah dilakukan, keseluruhan penguji mampu menyelesaikan tugas-tugas yang diberikan tanpa kesulitan. Hal tersebut menjadi indikasi bahwa aplikasi mudah dioperasikan. Berdasarkan masukan yang didapatkan diperoleh informasi bahwa penggunaan warna sebaiknya menggunakan warna yang cerah serta memperbaiki kesalahan yang terjadi. Kode Pengguna P1 Tabel 5 Hasil pengujian Masukan Pemilihan warna sebaiknya lebih ditonjolkan supaya menarik. Terdapat beberapa antarmuka yang belum konsisten seperti pada antarmuka metode pembayaran pada tulisan pembayaran memiliki warna berbeda dengan antarmuka serupa pada antarmuka lain. Untuk memudahkan pengoperasian sebaiknya diberi P2 P3 P4 P5 6. KESIMPULAN keterangan setiap tahapannya. Keseluruhan sudah cukup baik. Aplikasi sudah berjalan dengan baik meskipun masih terdapat beberapa bug pada task dengan nomor 4,5,6,8, dan 11. Dari sisi UI kurang baik karena improve pada antarmuka aplikasi terkesan pucat, alangkah baiknya bila di benahi dari sisi pemilihan warna yg lebih cerah dan simple. Serta pembenahan pada sisi informasi penerbangan lebih baik dibuat antarmuka yg menarik seperti menggunakan ikon-ikon. Aplikasi yang diuji sudah baik secara keseluruhan. Tugas-tugas yang diujikan dapat diselesaikan dengan baik. Hanya saja terdapat kondisi yang membingungkan saat pemilihan jadwal penerbangan karna dapat memilih lebih dari satu jadwal penerbangan pergi maupun pulang. Aplikasi cukup membantu untuk pemesanan tiket pesawat. Pilihan warna sebaiknya menggunakan warnawarna yang cerah, jangan hanya menggunakan satu warna. Keseluruhan sudah bagus. Antarmuka sudah baik, sama halnya seperti aplikasi-aplikasi pemesanan tiket online pada umumnya. Penggunaan warna hanya menggunakan warna biru dan putih, sebaiknya gunakan warna yang lain. Sebaiknya menambahkan fungsi cek harga untuk tanggal-tanggal tertentu. Berdasarkan penelitian yang telah dilakukan didapatkan hasil sebagai berikut: 1. Berdasarkan perbandingan yang telah dilakukan didaptkan hasil bahwa Traveloka memperoleh rata-rata nilai 5.8/7, sedangkan Tiket.com memperoleh rata-rata nilai 5.3/7. Perolehan tersebut berkaitan dengan antarmuka dari kedua aplikasi. Tiket.com memiliki kemudahan menampilkan jadwal penerbangan pergi-pulang pada satu antarmuka. Dalam metode pembayaran Traveloka lebih unggul karena memberikan banyak penawaran pembayaran 2. Berdasarkan nilai yang diperoleh Traveloka dan Tiket.com yang melebihi angka 4 maka disimpulkan bahwa kedua aplikasi memiliki antarmuka yang baik. Rancangan antarmuka yang baik meliputi keterangan pada setiap tapahan, penggunaan warna terang, penggunaan ikon-ikon dan informasi yang diberikan. Rancangan antarmuka yang dibuat didapatkan dari

8 Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 2120 penggabungan antarmuka Traveloka dan Tiket.com sesuai pendapat dari pengguna. 3. Dalam proses implementasi terdapat proses penulisan serangkaian code yang bertujuan untuk menerapkan hasil rancangan. Code tersebut dikerjakan pada IDE Android Studio dengan format xml dan java. Selanjutnya dibuat beberapa antarmuka yang disesuaikan dengan antarmuka asli pada aplikasi pemesanan tiket online, Traveloka dan Tiket.com. Sehingga fitur yang dianalisa bisa diuji dengan skenario pengujian yang telah dirancang. DAFTAR PUSTAKA Alluri, A. (2012). Usability Testing of Android Applications. San Diego. Bevan, N., Carter, J., & Harker, S. (2015). ISO revised: What have we learnt about usability since 1998? Human Computer Interaction, Guo, F. (2012, Agustus 6). More Than Usability: The Four Elements of User Experience, Part II. Dipetik Januari 29, 2017, dari Harton, R., & Pyla, P. S. (2012). The UX Book Process and Guidelines for Ensuring a Quality User Experience. Waltham: Morgan Kaufmann. Rachman, F. N. (2016, Januari 5). Prediksi Tren Traveling Dipetik Januari 26, 2017, dari TrustedCompany. (2016, Desember 24). Review Tentang. Dipetik Januari 29, 2017, dari trustedcompany: