UI/UX Case Study : Redesign BCA Mobile Home dan Transfer
Study case Redesign BCA Mobile ini merupakan study case kedua saya yang dibuat 21 juli 2021 sebagai protofolio UI/UX Designer.
Explanation
BCA mobile adalah salah satu fitur mobile banking yang dimiliki oleh BCA untuk memanjakan nasabahnya dalam melakukan kegiatan perbankan dengan memanfaatkan aplikasi yang bisa di jalankan di berbagai platform seperti Android maupun IOS.
BCA mengeklami bahwa aplikasi BCA mobile cukup nyaman, praktis dan mudah untuk digunakan klaim BCA itu memang benar namun 8 tahun yang lalu, selama kurang lebih 8 tahun interface dari aplikasi mobile banking di BCA tidak mengalami perubahan, namun untuk segi user expreince BCA mobile sudah sangat informatif hanya saja bagian user interface kurang menarik dan banyak bagian yang monoton dan di keluhkan oleh user.
Rating and Reviews
Melalui platform App Store, BCA mobile mendapatkan rating sebesar 2.5 out of 5 dari kurang lebih 10k pengguna, sedang kan pada Play Store rating sebesar 4.4 out of 5 dari lebih dari 952.070 pada android sendiri sudah mendapatkan rating cukup bagus, namun kebalikan di IOS mendapatkan rating yang sangat buruk. Hal itu membuktikan bahwa banyak user yang kurang puas menggunakan aplikasi ini dan tidak sedikit juga yang tidak nyaman menggunakan aplikasi ini . berikut adalah beberapa kesan , kritik serta saran untuk BCA Mobile :
Design Thinking Process
Pada proses Design Thinking ini saya menentukan hal-hal yang akan dilakukan untuk memecahkan permasalahan diatas.
1 — Emphatize
Pada fase pertama dari Design Thinking¸ saya melalukan analisa mengenai permasalahan yang sudah di dapatkan. Disini saya melakukan user research dengan melalui wawancara, setelah itu menentukan research plan, research question, dan Paint Point.
Pain Point
Sebelum melakukan research plan saya menentukan beberapa pain point pribadi dari aplikasi BCA Mobile :
- Secara experience, user sudah sangat terbantu dari alur kerja aplikasi tersebut sudah sangat nyaman untuk digunakan, namun secara interface aplikasi tersebut di bilang sangat kuno karena icon yang kurang minimalis dan hirariki font yang monoton dan kurang animasi yang kurang interaktif.
- Disini saya mengaris bawahi pada tahapan transfer terlalu ribet karena harus mendaftarkan rekening terlebih dahulu.
Research Plan
Research Question
Pertanyaan Interview berfokus untuk mendapatkan informasi lebih dalam serta menggali informasi sesuai objective research.
1. Pernahkah anda bertransaksi menggunakan BCA Mobile ?
2. Apakah menurut anda desain dari BCA Mobile sudah cukup memberikan informasi yang jelas ?
3. Apakah ico yang digunakan sudah cukup user friendly?
4. Apakah warna yang digunakan sudah cukup user friendly?
5. Apakah menurut anda tampilan dari BCA Mobile harus diganti ?
2 — Define
Pada bagian define disini saya melakukan survey melalui penyebaran kuisoner, terdapat 22 user yang telah mengisi kuisoner tersebut rata-rata range usia user 18–20 berjumlah 2, usia user 20–25 berjumlah 14, usia user 25–30 berjumlah 4, dan usia user 30–40+ berjumlah 2. Target ini dikhususkan untuk pengguna BCA Mobile, namun ada beberapa nasbah yang tidak pernah bertransaksi menggunakan BCA Mobile mengisi kuisoner tersebut. Pada bagian define selain saya melempar beberapa pertanyaan ke kuisoner disini secara khusus saya membuat User Persona, Affinity diagram, dan Problem Statement hal ini diperlukan untuk mengetahui keluhan user sebagai pengguna BCA Mobile. Adapun hasilnya sebagai berikut :
User Perosna
Setelah itu saya membuat User Persona disini saya mewawancar seorang ibu-ibu rumah tangga yang sering menggunakan BCA Mobile untuk bertransaksi membayar Air ataupun Listrik dengan menggunakan pertanyaan yang sama .
Affinity Diagram
Affinity Diagram dibutuhkan untuk memetakan permasalah yang dirasakan oleh user, saya menggunakan Affinity Diagram untuk mengelompokan sejumlah masalah yang dapat menentukan kebutuhan user.
Problem Statement
Pada tahap ini saya menentukan masalah utama apa saja masalah yang dihadapi oleh user yang diambil dari Affinity Diagram :
1. Tampilan homescreennya terlalu kaku.
2. Iconnya di konsisten.
3. Warnanya dari background kurang kontras.
4. Fitur transfer yang membingungkan.
3 — Ideate
Pada tahap Ideate, saya mencoba menemukan ide atau solusi berdasakan fase sebelumnya dimana suda ditemukan permasalahan yang dihadapi oleh user.
User Flow
User Flow menaggmabarkan Langkah-langkah yang dilalui user dalam menggunakan suatu produk untuk menyelesaikan task. Disini saya hanya memiliki 1 user flow karena pada case ini saya hanya berfokus pada bagian user saat akan melakukan transfer.
Wireframe
Saya memutuskan untuk membuat Wireframe sketch di Figma, karena ini pengerjaannya lebih cepat saat menggunakan figma.
4 — Design
1. Home
Pada menu ini user dapat melihat layanan apa saja yang tersedia dan bisa melihat jumlah saldo dan daftar transaksi juga. Fitur-fitur yang dapat diakses oleh user yaitu :
- Transfer pada fitur transfer ini user dapat melakukan transaksi dengan cara tekan button “transfer” setelah itu akan diarahkan ke menu transfer pada menu ini user dapat melihat kontak dan Riwayat transfer yang pernah dilakukan oleh user.
- Bill pada fitur Bill ini user dapat memlakukan pembayaran berbagai macam tagihan dengan cari menekan button “bill” setelah itu user akan masuk pada menu bill di menu bill ini user dapat memalukan berbagai macam pembayaran dengan mudah dan cepat.
- Top Up fitur Top up ini user dapat melalukan berbagai macam layanan top up dengan cara menekan button “Top up” setelah itu akan diarahkan ke menu top up disini user dapat memilih ingin melakukan top up, seperti e-money, gopay dan lain lain.
2. Transaksi
Pada menu transaksi ini user dapat melakukan transaksi antra BCA ataupun rekening lain, dalam menu transaksi terdapat beberapa fitur yang sediakan, seperti :
- Contact fitur ini disediakan agar memudahkan user untuk melalukan transaksi berulang-ulang, disini user dapat memberi nama kontak, foto, nomer rekening, dan nama bank.
- History transfer fitur ini dapat membantu user untuk mengetahui history atau aktifitas saat bertransaksi.
Selain itu pada menu transaksi ini tidak ada yang diubah sama sekali user flow karena pada re-design ini hanya berfokus mengubah tampilannya saja.
5 — Prototype
Ditahap ini saya mendesain product menggunakan software figma, karena muda dan tidak memperlukan tools lain untuk membuat protype.
Link : BCA Re-Design
6 — Testing
Pada tahap ini saya melakukan testing dengan menggunakan website Maze, namun tahap ini belum maksimal karena beberapa masalah yang saya hadapi dan belum cukupnya responden untuk memenuhi user testing ini.
Link user testing : User Testing
Conclusion
Walaupun user interface pada aplikasi sebelumnya kurang menarik dan terkesan kaku dan kuno, tapi dari pengalam user experience BCA Mobile merupakan aplikasi perbankan terbaik walaupun sering mengalami kendala tapi user yang menggunakan aplikasi tersebut jumlah sudah sangat banyak. mungkin dengan sedikit sentuhan yang kekinian dan memperhatikan user interface BCA mobile akan menjadi sebuah aplikasi yang bisa di terima semua usia dan tidak banyak mendapatkan kritik.
Sekian penjelasan case study yang saya buat, adapun kekurangan sekali lagi dari tahapan testing karena terkendala oleh beberapa faktor, namun kedepannya saya memperbaiki kelasahan tersebut. Sekian dan Terima kasih
Resource
Icon : Iconfinder
Profile
Instagram : uiuxbagas
Linkendin : Bagas Surya A
Dribbble : bagassuryaa21
Email : bagassuryaa21@gmail.com
