Belajar UI Designer - Gamification & Behavior Design
Merancang pengalaman yang mendorong kebiasaan baik: points, progress, streak, dan behavioral nudges — sambil menjaga etika agar tidak menjadi manipulasi. Ditutup dengan praktik menerapkan elemen gamifikasi pada fitur menabung Kantongin
#Pendahuluan
Setelah di episode 22 kita bermain dengan visual 3D, pada episode ini kita bermain dengan perilaku: gamification dan behavior design. Untuk aplikasi yang tujuannya membentuk kebiasaan — menabung rutin, mencatat pengeluaran — antarmuka tidak hanya harus mudah, ia harus memotivasi.
Mengapa gamification masuk kompetensi UI designer? Karena elemennya hampir semua visual: progress bar, badge, streak, konfirmasi positif. Tapi kekuatannya juga bahayanya: dorongan yang "berhasil" membuat orang kembali bisa jatuh ke ranah manipulasi (ingat dark patterns episode 18). Behavior design yang etis mendorong demi kebaikan pengguna, bukan demi metrik produk semata.
#Elemen Gamifikasi Inti
Empat elemen yang paling umum:
| Elemen | Fungsi | Contoh Kantongin |
|---|---|---|
| Points | Nilai dari aksi | +10 poin setiap mencatat transaksi |
| Progress | Visibilitas kemajuan | Progress bar target tabungan |
| Streak | Menjaga kebiasaan | "12 hari beruntun menabung" |
| Badge/reward | Pengakuan pencapaian | Badge "Saver Bulan Ini" |
Keempatnya bekerja jika memberi umpan balik (episode 14): pengguna melihat aksi menghasilkan hasil yang terlihat. Tanpa visibilitas, poin tidak berarti.
#Desain Elemen Gamifikasi
#Progress
Progress adalah elemen paling jujur: ia menunjukkan di mana pengguna dan berapa sisa jalan. Desain yang baik:
- Progress bar visual untuk target yang jelas (menabung ke satu tujuan).
- Persentase + angka yang konkret ("Rp 600.000 dari Rp 1.000.000 — 60%").
- Mikro-celebrasi saat mencapai milestone (tanpa berlebihan — episode 16).
┌─────────────────────────────────────┐
│ Liburan Bali 60% │
│ ██████████████░░░░░░░░░░░░░░░░░░░░░ │
│ Rp 600.000 / Rp 1.000.000 │
│ Tinggal 2 minggu lagi (per minggu) │
└─────────────────────────────────────┘#Streak dan Points
Streak memanfaatkan loss aversion (takut kehilangan) — kekuatannya nyata tapi harus dijaga etikanya:
- Streak dengan graces — beri toleransi (misal 1 hari "boleh lewat") agar kegagalan tidak memutus total.
- Points yang bermakna — poin harus bisa "dibaca" maknanya, bukan angka abstrak tanpa arti.
- Reward yang tulus — reward untuk kebiasaan baik (bukan aksi yang merugikan pengguna).
#Behavioral Nudges yang Etis
Nudge adalah dorongan halus yang membantu pengguna mengambil keputusan yang baik. Garis etisnya: nudge membantu pengguna mencapai tujuannya sendiri; manipulation memanfaatkan kelemahan pengguna untuk kepentingan produk.
Nudge sehat untuk Kantongin:
- Konteks bantuan — saat pengeluaran mingguan melebihi rata-rata, tampilkan saran hemat (data lokal, bukan iklan).
- Saat yang tepat — pengingat menabung di waktu yang paling mungkin pengguna menabung (setelah gajian).
- Pilihan yang jelas — menampilkan opsi (tambah, lewati, jangan tanya lagi) — tidak memaksa.
Nudge tidak sehat:
- FOMO buatan — "hanya hari ini!" yang palsu.
- Poin yang menekan — mendorong perilaku yang tidak menguntungkan pengguna.
- Guilt-tripping — menyalahkan pengguna karena tidak menabung.
Tip
Uji kemurnian nudge dengan satu pertanyaan: "apakah dorongan ini tetap saya pertahankan jika dipublikasikan di halaman depan?" Jika kalian malu melihatnya — atau merasa "harusnya tidak begitu" — itu sinyal nudge-nya melampaui batas etis.
#Gamification vs Manipulation
Batasan antara keduanya sangat tipis. Kerangka penilaian:
| Pertanyaan | Gamifikasi sehat | Manipulasi |
|---|---|---|
| Tujuannya? | Kebiasaan baik pengguna | Retensi/konversi produk semata |
| Kebebasan? | Pengguna bisa berhenti dengan mudah | Jalan keluar disembunyikan |
| Informasi? | Jujur & transparan | Memanfaatkan bias yang tersembunyi |
| Jangka panjang? | Membuat pengguna lebih baik | Membuat pengguna ketergantungan |
Di episode 26, ethical friction menjadi standar: desain yang sengaja memberi "jeda" agar pengguna berpikir sebelum bertindak. Gamifikasi yang etis justru memperlambat keputusan penting (misal sebelum transaksi besar), bukan mempercepatnya tanpa berpikir.
Warning
Waspadai engagement hijacking: merancang loop yang membuat pengguna tidak bisa berhenti (notifikasi bertubi, streak yang menuntut, reward yang makin mahal) demi metrik engagement. Keterlibatan yang dipaksa menghasilkan churn — dan regulasi makin menaruh perhatian pada "addictive design". Dorongan yang sehat selalu punya jalan keluar yang jelas.
#Praktik: Menabung yang Menyenangkan
- Desain progress bar target tabungan dengan angka & persentase yang jelas.
- Tambahkan satu elemen reward yang tulus: badge "Konsisten 7 hari" + pesan personal.
- Desain satu nudge kontekstual: pengingat menabung setelah gajian (dengan opsi "jangan tanya lagi").
- Audit dengan pertanyaan "apakah ini tetap saya pertahankan jika dipublikasikan?".
- Dokumentasikan aturan etika gamifikasi di halaman
Spec(apa yang boleh & tidak boleh).
#Common Pitfalls
- Poin tanpa makna — angka abstrak yang tidak mengubah apa pun.
- Streak tanpa grace — satu hari terlewat menghapus semua; pengguna menyerah total.
- Reward untuk perilaku buruk — mendorong aksi yang merugikan pengguna demi metrik.
- Nudge tanpa jalan keluar — pengingat yang tidak bisa dimatikan.
- Engagement yang memaksa — loop adiktif yang menggoda tapi tidak sehat.
#Penutup
Pada episode 23 ini, kalian telah merancang dorongan perilaku yang sehat dan etis untuk Kantongin.
Inti yang harus dibawa pulang:
- Empat elemen inti: points, progress, streak, badge — semua butuh umpan balik yang terlihat.
- Nudge etis membantu pengguna mencapai tujuan sendiri; manipulation memanfaatkan kelemahan.
- Uji kemurnian: "apakah dorongan ini tetap saya pertahankan jika dipublikasikan?"
- Gamifikasi etis memberi jalan keluar yang jelas dan jeda sebelum keputusan penting.
Di episode 24 selanjutnya kita akan membahas branding dalam UI — menghubungkan identitas brand ke antarmuka lewat tone, warna, dan voice untuk membuat Kantongin terasa satu kesatuan. Sampai jumpa di episode 24!