UI/UX Design Bank Jago Insurance

Deden rahmat nugraha
5 min readOct 10, 2022

--

Proyek ini adalah bagian dari program pelatihan Digital Talent Scholarsip 2022 (DTS 2022) yang diselenggarakan oleh Kementrian Komunikasi dan Informatika dengan tema pelatihan UI/UX Designer.

LATAR BELAKANG

jago adalah layanan finansial digital yang memiliki fokus pada keseharian pengguna, dengan jaringan ekosistem terbesar di Indonesia. Masalah hidup dalam keseharian seseorang sangat banyak jenisnya, namun tidak luput ada produk-produk finansial yang dipakai dalam memenuhi kebutuhan tersebut.

bank jago memberikan tantangan kepada saya dan tim untuk membuat sebuah aplikasi prototipe desain untuk aplikasi mobile dalam rangka membantu pelanggan untuk membuat perencanaan yang mengantisipasi kejadian yang tak terduga di masa depan yang bisa mempengaruhi penghidupan dan/atau kesejahteraan keluarga mereka. Tidak menutup kemungkinan juga pengguna menggunakan fitur ini untuk tujuan sosial, berkontribusi di lingkungan dan komunitas sekitar mereka bahkan setelah meninggal.

OBJEKTIF

  • Langkah pembuatan wasiat yang mudah, mengingat pengguna bisa memasukan beragam jenis permintaan
  • Cara mudah untuk menghitung pembayaran bulanan yang diperlukan atas bentuk wasiat yang diinginkan
  • Pengelolaan terhadap komitmen yang dibuat dan edit surat wasiat
  • Gamifikasi atau cara kreatif terkait gaya hidup sehat dan tingkat kebugaran yang bisa menurunkan biaya komitmen bulanan tadi

PERAN DALAM TIM

tim ini berjumlah lima orang yaitu laokta roymarley, nur akhwan, muhammad dulfi, ellanda agrari dan deden rahmat nugraha, peran saya dalam tim ini sebagai anggota yang memberikan saran ikut membantu menelurkan ide dan membahasnya besama anggota lainnya.

DESIGN PROCESS

Untuk mempermudah dalam membuat prototype maka kami menggunakan pendekatan design thinking sebagai pendekatan design process yang kami lakukan adapun tahapannya adalah sebagai berikut :

EMPATHIZE

Pada tahap ini team memulai melakukan problem research. Penelitian ini menggunakan metode pengambilan data sekunder review dan data analytical. cara ini dilakukan untuk untuk melihat, memahami dan berinteraksi dengan orang/subjek.

DEFINE

Pada tahap ini kami dan tim mulai untuk menganalisa apa yang menjadi permasalahan pelanggan khususnya yang berkaitan dengan layanan asuransi jiwa dan wasiat.

pain point

How Might We

Setelah proses pengumpulan pain poin kami melanjutkan diskusi untuk memilih solusi yang akan di buat kedalam bentuk prototype.

how might we

IDEATE

Di tahap ini kami dan tim mulai melakukan pencarian solusi yang lebih lengkap dari ide yang terkumpul, ide tersebut kami tuangkan dalam bentuk kelompok-kelompok ide agar lebih mudah dalam menentukan prioritas mana yang akan kami kerjakan terlebih dahulu

Solution Idea

Solution Idea

Affinity Diagram

Affinity Diagram

Prioritization Idea
setelah semua solusi dan ide dikelompokan langkah selanjutnya adalah menentukan prioritas mana yang akan kami kerjakan berdasarkan User value dan effort yang paling tinggi dari solusi yang di dapatkan tadi

Prioritization Idea

Setelah melalui proses diskusi, maka kami sepakat solusi ide yang harus kami prioritaskan untuk dikerjakan dulu user friendly, Wasiat feature, Asuransi Feature

User Flow
Setelah di sepakati ide mana yang menjadi prioritas proses selanjutnya adalah memikirkan bagaimana alur penggunaan aplikasi oleh pengguna secara mudah yang merupakan bagian dari prioritas kami

User Flow Asuransi
User Flow Wasiat (Last Wish)

Wireframe (Low Fidelity Design)
Agar proses tergambar dengan baik maka kami memberikan sebuah gambaran sketsa (low Fidelity) dari struktur tiap-tiap halaman beserta navigasinya. hal Ini bertujuan untuk mempermudah kami dalam memberikan gambaran sederhana dari desain yang kami rancang sebelum lanjut ke tahap yang lebih lanjut.

Wireframe Asuransi
Wireframe Wasiat

Design System
Agar proses dalam pembuatan UI lebih mudah, Selanjutnya kami mencoba membuat dan menyusun Design System komponen UI yang nanti akan kami gunakan seterusnya. Untuk Case pada Bank Jago, kami yang harus menyesuaikan karena Bank Jago App sudah memiliki design system sendiri. Sehingga kami harus melakukan research sendiri terkait UI Kit pada Bank Jago App ini.

UI Design System 1
UI Design System 2
UI Design System 3
UI Design System 4

PROTOTYPE

High Fidelity Design

UI Wasiat (Jago Last Wish)
UI Jago Insurance

Prototyping
Berikut ini adalah hasil dari design yang telah kami buat. Untuk melakukan uji coba prototype, dapat dilakukan pada link ini PROTOTYPE

TESTING
Research Objective

Memahami ketertarikan user terhadap fitur Jago Last Wish

Respondent Criteria

  • Pekerjaan sebagai karyawan/karyawati pada instansi apapun
  • Berusia 25–35 tahun
  • Berdomisili di seluruh wilayah Indonesia
  • Memiliki kemampuan Bahasa Indonesia sebagai native language
  • Pengguna Bank Jago

Research Scenario

  1. User mengakses link Google Form yang diberikan.
  2. Meminta responden untuk mengisi form identitas mulai dari Nama, Jenis Kelamin, Usia, dan Pekerjaan.
  3. Responden mulai mengisi survei yang sudah sesuai dengan Question List
  4. Memberikan link Maze kepada responden dan minta responden untuk mempraktikan dan memberikan penilaian dari prototype yang ditampilkan.
  5. Menanyakan tingkat kegunaan, kemudahan dan kepuasan dari responden setiap menyelesaikan alur Simulasi, Pendaftaran, dan Tracking dengan skala Likert.
  6. Penutup

Usability Metrics
Pada penelitian ini, untuk mengukur tingkat keberhasilan pengguna menggunakan skala likert di setiap task yang diberikan. Adapun beberapa task yang tersedia terdiri dari:

  • Task 1 : Pengenalan fitur Jago Last Wish dan praktik fitur Simulasi Jago Lash Wish
  • Task 2 : Meminta responden untuk membuat Jago Lash Wish
  • Task 3 : Track proses Jago Last Wish

KESIMPULAN
waktu yang di berikan untuk menguji prototype sangat singkat sehingga riset yang di lakukan tidak berjalan sebagaimana yang di harapkan serta Pengembangan design UI/UX dari Bank Jago App ini masih banyak sekali kekurangan. Sehingga perlu dikembangkan lebih lanjut.

--

--