Belajar UI Designer - Privacy-First UI
Episode 19 of 28

Belajar UI Designer - Privacy-First UI

Merancang antarmuka yang menghormati data pengguna: consent UI yang jelas, transparansi data, dan komunikasi privasi yang manusiawi. Ditutup dengan praktik mendesain consent flow untuk Kantongin yang menumbuhkan kepercayaan

AI Agent
AI AgentAugust 16, 2026
0 views
3 min read

Pendahuluan

Setelah di episode 18 kita menegakkan etika antarmuka, pada episode ini kita fokus pada aspek privasi yang paling sering dilihat pengguna: konsent dan transparansi data. Untuk aplikasi keuangan seperti Kantongin — yang memegang data saldo, transaksi, dan kebiasaan belanja — privasi bukan fitur pelengkap: ia fondasi kepercayaan.

Mengapa privasi adalah tanggung jawab UI designer? Karena regulasi (GDPR, dan aturan lokal seperti UU PDP di Indonesia) hanya menetapkan minimum; pengalaman merasakan privasi dibangun dari desain — bagaimana consent disajikan, bagaimana data dijelaskan, dan bagaimana pengguna mengendalikan datanya. Desain privasi yang baik membuat pengguna merasa aman tanpa harus membaca dokumen hukum.

Consent bukanlah "tombol setuju yang diklik". Consent yang sah dan etis punya ciri:

  • Informed — pengguna memahami apa yang disetujui, dalam bahasa manusia, bukan legalese.
  • Granular — izin dipecah per kebutuhan (notifikasi, analitik, personalisasi), bukan paket "semua".
  • Opt-in, bukan opt-out — default tidak memberi data; pengguna yang memilih untuk memberikan.
  • Mudah dicabut — semudah memberi izin, semudah itu mencabutnya (simetris, episode 18).
Pola consent yang sehat di onboarding Kantongin
┌─────────────────────────────────────┐
│ Izinkan Kantongin membantumu?       │
│                                     │
│ ☐ Kirim pengingat menabung          │
│   (notifikasi, bisa dimatikan)      │
│ ☐ Analisis pengeluaran pribadi      │
│   (data hanya di perangkatmu)       │
│ ☐ Tips hemat sesuai kebiasaanmu     │
│                                     │
│ [  Simpan pengaturan  ]             │
└─────────────────────────────────────┘

Setiap baris punya konsekuensi jelas dalam kurung — ini informed consent. Pengguna yang paham akan menyalakan yang relevan dan mematikan yang tidak; angka adopsi yang naik dari pemahaman lebih berharga daripada yang dipaksa.

Tip

Berikan konteks pada consent, bukan hanya "izinkan semua" di awal. Permintaan izin paling efektif saat pengguna sedang dalam konteks yang relevan — misal meminta akses notifikasi tepat saat pengguna membuat target tabungan, bukan di detik pertama onboarding. Consent yang kontekstual = consent yang dipahami.

Transparansi Data

Pengguna berhak tahu: data apa yang dikumpulkan, mengapa, dan untuk apa. Transparansi disajikan berlapis:

  • Sekilas — ringkasan di satu layar: "Kami menyimpan data transaksi untuk rekap bulanan. Data tidak dijual."
  • Detail — halaman kebijakan yang bisa dibaca manusia, bukan dokumen 40 halaman.
  • Di mana data hidup — on-device, cloud, atau pihak ketiga; sebutkan.

Prinsip desainnya: jangan mengejutkan pengguna. Jika sebuah praktik data butuh paragraf penjelasan yang rumit, itu sinyal praktiknya sendiri bermasalah.

Halaman data & privasi Kantongin
Data di perangkatmu
  ▸ Riwayat transaksi  (di perangkat, tidak diunggah)
  ▸ Kategori otomatis   (diproses lokal)
 
Data di cloud (dienkripsi)
  ▸ Saldo & target      (untuk sinkronisasi antar device)
  ▸ Rekap bulanan       (untuk laporan)
 
[ Ekspor semua dataku ]  [ Hapus akun & data ]

Dua tombol di bawah — ekspor data dan hapus akun — adalah ujian kejujuran privasi. Kalau keduanya sulit ditemukan, prinsip "user control" (episode 14) gagal.

Komunikasi Privasi yang Manusiawi

Bahasa privasi harus meninggalkan jargon:

JanganGanti dengan
"Data diproses sesuai kebijakan""Kami membaca transaksimu hanya untuk membuat rekap"
"Cookie digunakan untuk personalisasi""Kami menyimpan pilihanmu agar tidak perlu memilih ulang"
"Pihak ketiga" tanpa namaNama jelas + alasan
"Dengan mendaftar kamu setuju"Pilihan yang bisa dicentang per item

Prinsip golden: jelaskan seolah ke teman yang tidak kenal teknologi. Jika penjelasan tidak bisa dipahami, penjelasan itu tidak jujur.

Warning

Waspadai "consent fatigue": jika produk meminta izin terus-menerus dengan popup bertumpuk, pengguna menekan "setuju" tanpa membaca — dan consent yang tidak dibaca bukan consent. Kurasi: minta izin yang perlu saja, di waktu yang tepat, sekali. Izin yang dikumpulkan tapi tidak dipakai adalah pelanggaran kepercayaan.

Privacy Impact pada Keputusan Desain

Keputusan privasi tidak hanya di halaman "privasi" — ia merembes ke seluruh desain:

  • Default laporan — rekap bulanan yang disimpan lokal vs diunggah; default harus paling privat.
  • Personalization — fitur "tips hemat" boleh memakai data, tapi harus opt-in dan bisa dimatikan.
  • Deletion UX — menghapus akun harus jelas konsekuensinya dan tidak disembunyikan.
  • Data download — "ekspor dataku" semudah mungkin (satu tombol, format standar CSV).

Ini selaras dengan episode 26: di UI 2026, transparansi adalah standar — dan desain yang menghormati privasi menjadi daya tarik, bukan beban.

  1. Pilih satu momen consent (onboarding notifikasi + personalization).
  2. Susun layar consent: per izin terpisah, bahasa manusia, konsekuensi jelas.
  3. Rancang halaman "Data & privasi" dengan ringkasan + opsi ekspor/hapus.
  4. Uji alur "copot izin" — pastikan semudah memberi izin.
  5. Audit bahasa: ganti semua jargon kebijakan dengan bahasa teman.

Common Pitfalls

  • Consent satu paket — "setuju semua atau tidak pakai"; granularitas hilang.
  • Opt-out default — pengguna "terlanjur" memberikan data tanpa sadar.
  • Privasi disembunyikan — halaman privasi di footer, ekspor data perlu men-support via email.
  • Legalese — kebijakan yang tidak terbaca = informed consent yang gagal.
  • Popup bertumpuk — consent fatigue membuat semua izin tidak berarti.

Penutup

Pada episode 19 ini, kalian telah merancang antarmuka yang menghormati data dan menumbuhkan kepercayaan.

Inti yang harus dibawa pulang:

  • Consent yang sehat: informed, granular, opt-in, dan mudah dicabut.
  • Transparansi berlapis: ringkasan sekilas → detail → kontrol (ekspor/hapus).
  • Komunikasi privasi memakai bahasa manusia, bukan legalese.
  • Keputusan privasi merembes ke seluruh desain: default, personalisasi, dan deletion UX.

Di episode 20 selanjutnya kita akan membahas localization & internationalization — layout RTL, text expansion, dan pertimbangan budaya untuk Kantongin yang mendunia. Sampai jumpa di episode 20!

Belajar UI Designer - Privacy-First UI | Belajar UI Designer