Improvements UI/UX halaman berita — UX Case Study KitaBisa

⚠️Disclaimer: Proyek ini merupakan bagian dari UI/UX Training Program yang diadakan oleh Kementerian Komunikasi dan Informatika dengan Skilvul (skilvul.com) dan Kitabisa sebagai Challenge Partner. Saya tidak bekerja atau diikat dalam kontrak professional oleh Kitabisa.

Kitabisa merupakan salah satu platform crowdfunding (penggalangan dana) terbesar di Indonesia. Kamu dapat menggunakan platform ini untuk melakukan penggalangan dengan berbagai tujuan. Sebagian besar tujuannya untuk kebutuhan medis. Akan tetapi, kamu juga bisa melakukan penggalangan untuk beberapa kategori seperti bencana alam, pendidikan, lingkungan, kegiatan sosial, kemanusiaan dan lainnya.

Latar Belakang

Redesign bahkan revamp atau perubahan untuk bagian “Berita” yang bisa kita temukan melalui menu Inbox di navigasi menu lalu lihat bagian Berita di sebelah bagian Pesan.

Fitur ini merupakan cara kami untuk mendistribusikan informasi dari kampanye yang telah mereka donasi. Tidak hanya itu, informasi yang diberikan juga bisa berkaitan dengan kampanye sejenis sehingga pengguna bisa melakukan donasi ulang di kampanye lain. Tujuan kami adalah sebagai berikut :

• Menyediakan dan mempermudah menemukan informasi mengenai pembaharuan kampanye. Hal ini akan membuat para donatur dapat terlibat secara emosional dengan kampanye yang telah didonasikan.
• Mendorong donatur untuk melakukan donasi kembali ke kampanye yang telah dibantu atau kampanye lainnya yang berhubungan dengan kampanye sebelumnya.

Oleh karena itu, kami membutuhkan sebuah desain aplikasi yang bisa menghadirkan informasi atau berita terbaru mengenai kampanye kepada donatur sehingga pengalaman berdonasi mereka lebih terikat secara emosional dan meningkatkan tingkat retensi atau pengguna tetap yang menggunakan produk aplikasi KitaBisa.

Objektif

• Donatur dapat melihat pembaharuan informasi dalam format cerita. Kami juga terbuka bentuk eksplorasi di luar gambar dan teks.
• Donatur dapat melihat informasi terbaru mengenai pemanfaatan dana yang didonasikan ataupun digalang.

Peran dalam Tim

Sebagai UI/UX Designer yang berkolaborasi dengan 5 anggota tim,

Aisyah Nurul Hidayah, Heryawan Wisnu, Indra Adi Saputra, Heikal Novaris dan saya sendiri Rizky Faturriza.

Dalam tim ini, tanggung jawab saya adalah

1. Bekerjasama dalam menentukan dan mengerjakan Design Thinking.
2. Bekerjasama dalam membuat UI design dan prototype dari hasil Design Thinking.
3. Bekerjasama melalukan user research untuk menilai seberapa bagus hasil yang telah dibuat.

Design Process

Dalam kasus ini kami memilih menggunakan Design Thinking sebagai pendekatan design process yang kami lakukan.

1 — Empathize

Tipe Interview: In-Depth Interview

Durasi: 30–40 menit

Media: Zoom

Pertanyaan:

1. Apakah Anda pernah berdonasi? Seberapa sering Anda berdonasi? (terkait frekuensinya)
2. Menurut Anda, mengapa kita harus berdonasi dan apa pentingnya?
3. Apakah Anda pernah menggunakan aplikasi charity? Jika ya, aplikasi apa yang digunakan? Mengapa menggunakan aplikasi tersebut? Jika tidak, mengapa?
4. Apa saja yang disukai dan tidak disukai dari aplikasi tersebut?

2 — Define

3 — Ideate

Prioritization Idea

Crazy 8's

4 — Prototyping

Hasil Prototype

5 — Testing

[TASK 1] Pendaftaran Kemudian Pilih Kampanye Favorit

(-) Tulisan pada landing page sulit terbaca karena bentrok sama background-nya.

(+) Menu login sudah baik, ada pilihan masuk dengan Google, Facebook, atau Apple jadi memudahkan pengguna untuk bisa memilih cara login-nya.

(+) Menu daftar sudah baik. Pengguna cukup memasukkan email dan nama lengkap kemudian daftar.

(+) Fitur rekomendasi kategori untuk pengguna sudah baik. Pengguna bisa memilih rekomendasi donasi. Fitur ini menurut saya sudah cukup membantu orang yang ingin donasi di lingkup tertentu.

(+) Pilihan 3 kategori sudah cukup. Karena setelah memilih kita masih bisa explore yang kategori yang lain jadi saya rasa tidak masalah.

(+) Halaman rekomendasi berita sebelum halaman utama sudah cukup informatif. Ada gambar terkait hal yang ingin di donasikan serta judul dan deskripsinya.

[TASK 2] Halaman Berita Overview

(-) Halaman berita cukup sulit ditemukan jika ditaruh di menu Inbox.

(+) Overall halaman berita sudah baik dan cukup memadai. Ada highlight deskripsi dan tombol “Lihat Semua” jadi lebih mudah mengklasifikasikannya.

(+) Berita yang ditampilkan di KitaBisa saya rasa sudah cukup valid karena sebelum memasang iklan/berita perlu beberapa verifikasi.

(-) Menurut saya, update terkait kampanye yang kita donasikan maupun berita boleh dimunculkan di notifikasi karena saya tidak selamanya memantau berita.

[TASK 3] Halaman Berita Detail Overview

(+) Berita yang ditampilkan sudah baik.

(-) Menu dislike/not recommended sebaiknya diganti dengan Report.

(+) Tombol donasi sebaiknya dimunculkan di bagian bawah jadi pengguna diharuskan membaca berita ini.

(-) Menurut saya, tombol auto-scroll ini biasanya tombol langsung kebawah.

(-) Jika menambahkan fitur auto-scroll itu tergantung, kalau scroll nya terlalu cepat banyak bacaan yang terlewatkan. Posisi foto pada halaman sudah baik.