UI/UX Case Study: Jago My Last Wish

Mely Yuana Indrawati
6 min readNov 28, 2021

--

Disclaimer

Proyek ini merupakan bagian dari UI/UX Skilvul Virtual Internship yang diadakan oleh Kementerian Pendidikan, Kebudayaan, Riset, dan Teknologi dengan Skilvul dan Bank Jago sebagai Challenge Partner. Saya tidak bekerja atau diikat dalam kontrak professional oleh Bank Jago dan bukan termasuk project berbayar melainkan project Skilvul Virtual Internship.

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.

Bayangkan jika kamu dapat membuat sebuah wasiat secara digital, yang isinya bisa berupa apapun yg kamu ingin lakukan dan pendanaan untuk pelaksanaannya bisa dijamin oleh produk asuransi dibelakangnya. Kamu bisa buat wasiat seperti biasa, meninggalkan uang untuk keluarga, atau kamu juga bisa meminta agar abu kamu dikirim ke luar angkasa! Kamu bisa buat permintaan sejauh imajinasimu membawa!

Paragraf tersebut merupakan salah satu brief yang diberikan oleh team challange partner Bank Jago kepada pihak Skilvul. Yang dimana sangat membutuhkan sebuah solusi atau layanan berupa prototipe desain untuk aplikasi mobile dalam rangka membantu pelanggan untuk membuat perencanaan dan mengantisipasi kejadian yang tak terduga di masa depan yang bisa mempengaruhi penghidupan atau kesejahteraan keluarga mereka. Tidak menutup kemungkinan juga pengguna kami menggunakan fitur ini untuk tujuan sosial, berkontribusi di lingkungan dan komunitas sekitar mereka bahkan setelah meninggal.

Salah satu layanan yang dibuat bernama My Last Wish, yang isinya suatu fitur asuransi yang dapat diakses langsung melalui Jago App.

Peran Dalam Tim

Kami mengerjakan secara tim untuk fitur Jago My Last Wish ini. Terdapat 2 rekan saya yaitu Muhammad Iqbal Rabbani dan Ashydiki Malik. Di dalam tim ini saya berperan sebagai UI/UX designer dengan tanggung jawab sebagai berikut:

  1. Menyusun tahap define dan ideate dalam design process;
  2. Menyusun User Flow dan Wireframe;
  3. Merancang UI Styleguide sehingga menjadi sebuah UI Kit.
  4. Mendesain tampilan antarmuka pengguna (UI) berupa halaman; Pembuatan Wasiat, Bayar Premi dan Challange;
  5. Sebagai notulen pada sesi Usability Testing.

Objektive

1. Mencari tahu kebutuhan pengguna dalam membuat perencanaan yang mengantisipasi kejadian yang tak terduga di masa depan (asuransi).

2. Mencari tahu kebiasaan pengguna dalam melakukan perencanaan asuransi jiwa.

3. Mencari tahu tingkat kegunaan, kemudahan, dan kepuasan dari solusi ide yang ditawarkan pada alur proses Pendaftaran, Buat Wish, Pembayaran, Edit Wish, dan Klaim.

4. Mencari tahu tingkat keberhasilan pada fitur yang telah ditambahkan pada aplikasi Bank Jago yaitu My Last Wish dengan menggunakan Usability Metric Single Ease Question.

5. Fitur yang lebih nyata secara flow dan integrasi dengan sistem pendukung lainnya.

Design Process

Pada desain ini, kami menggunakan Design Thinking sebagai design process karena Kami ingin memastikan bahwa kami merancang solusi yang tepat berdasarkan permasalahan yang dihadapi oleh pengguna.

Berikut adalah 5 tahapan Design Thinking yang Kami lalui dalam mendesain solusi yang Kami tawarkan:

1 — Emphatize

Kami tidak langsung melakukan tahapan Emphatize karena challenge yang kami kerjakan sudah Bank Jago persiapkan brief dan persona user-nya. Namun, kami melakukan beberapa riset diantaranya yaitu dengan mengenali user Jago App serta yang kita dapatkan melalui tahapan ini adalah seseorang yang sudah memiliki tujuan hidup dan ingin agar hartanya dapat digunakan untuk tujuan tersebut misal membangun lembaga amal ataupun membagikan harta tersebut kepada keturunanya dengan adil. Dan mencari tahu terkait Asuransi, Surat Wasiat, dan design system pada aplikasi mobile Bank Jago. Kami juga melakukan sesi Interview User namun dilakukan bersamaan dengan tahapan Testing.

2 — Define

Dari hasil temuan pengguna berdasarkan riset team telah ditentukan kesulitan (pain point) yang dibutuhkan, dan fokus (tujuan) pengguna yang akan dijadikan dasar untuk tahap selanjutnya. Lalu kami membuat How-Might-We serta melakukan voting pada How-Might-We yang akan diambil sebagai Solution Idea pada tahap Ideate. Dalam tahap ini dilakukan bersama team.

Tahap Define | How Might We

Sehingga kami memilih topik “Membuat asuransi wasiat yang mudah digunakan dan bermanfaat bagi pengguna” dalam pengembangan solusi desain.

3 — Ideate

Pada tahapan Ideate kami membuat banyak Solution Idea serta mengelompokan ide solusi tersebut dengan Affinity Diagram. Dan yang dimana merupakan bagian dari design view, yaitu tempat untuk mencari ide sebanyak-banyaknya dari solusi yang telah dibahas.

Setelah membuat affinity diagram, kami juga membuat Prioritization Idea untuk menentukan ide mana yang akan kami realisasikan terlebih dahulu.

Tahap Ideate | Solution Idea

4 — Prototyping

Tools : FigJam Figma

Setelah melakukan 3 tahapan awal tersebut, selanjutnya kami merancang prototype dari Last Wish yang terdiri dari tahapan membuat rancangan User Flow, Wireframe, User Interface dan Prototype.

Dari hasil ideate pada point paint, telah kami buat dalam bentuk prototype untuk mencari tahu bagaimana user akan berinteraksi dengan tampilan UI yang baru dikembangkan. Dengan prototipe juga kami melakukan identifikasi apakah terdapat masalah pada fungsi atau design produk.

Beriku User Flow yang dibuat:

Yang dimana terdapat flow:

a. Pendaftaran dan login

b. Pembuatan Wasiat / Asuransi

c. Transaksi/Pembyaran Wasiat

Berikut Wireframe yang telah dibuat :

Berikut UI Styleguide yang digunakan :

Alat yang saya gunakan untuk membuat prototipe adalah Figma, prototype dapat diakses di sini:

5 — Testing

Selanjutnya di tahapan Testing ini kami melakukannya dengan metodelogi In-Depth Interview & Usability Testing dengan menggunakan Matriks Single Ease Question kepada pengguna dengan cara menjalankan prototype yang telah diselesaikan dan meminta pendapat serta saran terhadap prototype tersebut.

Usability Testing dengan User

Semua proses Usability Testing, kami menggunakan Zoom, Docs & Spreadsheets.

Usability Metrics

Untuk mengukur apakah desain yang kami usulkan merupakan solusi yang ideal, kami menetapkan skala kepada user dari 1–10 untuk menilai desain UI/UX pada fitur My Last Wish dengan metode Singel Ease Question (SEQ).

Feedback Pendaftaran dan Login:

  • “tidak ada kesulitan.”
  • “sudah cukup untuk animasi yang ada.”
  • “warna dan penulisan sudah cukup dan mudah dilihat atau dibaca.”

Feedback flow fitur My Last Wish / Pembuatan Wasiat:

  • “sudah bagus ada informasi edukasi pengguna.”
  • “button pada edukasi agak rancu jika terlalu ditaruh dibawah.”
  • “modif lagi bagian pewaris | ahli waris supaya lebih expect, dan berikan tombol back.”
  • “pada bagian tanda tangan tidak bisa dihapus atau diulang, perlu ditambahkan icon hapus atau informasi bisa diulang.”

Feedback flow fitur Bayar Premi:

  • “ditambahkan info total premi pertahun, icon plus tidak jelas gunanya untuk apa.”
  • “pilihan menu pembayaran supaya tidak salah klik, perlu ditambahkan radio button.”
  • “info bayar premi jika menggunakan kantong utama sudah ada.”

Feedback flow fitur Challange:

  • “info sudah jelas”
  • “setelah upload lalu apply, berikan info lagi ketika challange berhasil di apply sehingga perlu ditambah lagi supaya lebih jelas”

Kesimpulan

Pada fitur My Last Wish di Jago App ini sudah berhasil untuk pembuatan wasiat meskipun terdapat beberapa catatan yang dapat menjadi pertimbangan dalam pengembangan fitur aplikasi ini kedepannya. Dengan kemudahan ini kami berharap bahwa pengguna dapat terbantu dan menjadi pengingat bahwa kehidupan masa depan sangat penting untuk dipersiapkan. Bahkan terdapat banyak feedback terkait istilah informasi yang harus dijelaskan supaya lebih detail.

Rekomendasi Selanjutnya

Tidak terlalu sulit, lebih ditambah lagi informasinya karena kurang detail sehingga harus ditambahkan. Tetapi sudah bagus. Sehingga selanjutnya perlu kami analisa feedback serta melakukan iterasi dari feedback yang telah diberikan oleh responden atau user supaya menjadi UI/UX yang lebih menarik.

Terimakasih sudah membaca! Berikan masukan ataupun kritikan, saya akan dengan sangat terbuka dan senang hati untuk memperbaikinya:)

--

--