Belajar UI/UX Design - Trust, Privacy & Consent UX
Episode 18 of 28

Belajar UI/UX Design - Trust, Privacy & Consent UX

Merancang kepercayaan dalam produk: memahami transparansi, data privacy (GDPR), pola cookie consent yang etis, dan membedakan dark patterns dari ethical design, lengkap dengan praktik merancang ulang alur consent KasirKita yang jujur dan jelas.

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

Pendahuluan

Setelah di episode 17 kita mengambil keputusan berbasis data, pada episode ini kita berhenti sejenak pada pertanyaan yang lebih besar: bagaimana desain membangun (atau menghancurkan) kepercayaan? Di era economy of intention (episode 1), kepercayaan adalah mata uang — dan ia rusak cepat, pulih lama.

Mengapa penting? Bu Sari memasukkan data stok & omzet warungnya ke KasirKita. Jika satu kali data itu bocor atau consent-nya menyesatkan, kepercayaannya hilang — dan berita buruk menyebar cepat di komunitas warung. Ditambah regulasi seperti GDPR dan UU PDP yang kini punya sanksi nyata, consent design bukan lagi pilihan moral semata.

Desain Kepercayaan: Transparansi

Transparansi berarti pengguna tahu data apa yang dikumpulkan, untuk apa, dan oleh siapa. Prinsip praktisnya:

  • Jelaskan di titik pengambilan data, bukan di dokumen 40 halaman yang tidak dibaca.
  • Bahasa manusia, bukan legal jargon.
  • Kontrol yang mudah — pengguna bisa melihat & menarik data kapan saja.

Contoh untuk KasirKita saat meminta akses kamera untuk memindai kode produk:

Permintaan izin yang transparan
"KasirKita butuh akses kamera hanya saat memindai
kode produk. Foto tidak disimpan di server kami."
[ Bolehkan ] [ Nanti saja ]

Perhatikan: menjelaskan kapan dipakai dan apa yang tidak terjadi. Ini membangun kepercayaan, dan pilihan "Nanti saja" menghormati kontrol pengguna.

Data Privacy dan GDPR

GDPR (General Data Protection Regulation, EU) dan UU PDP (Indonesia, berlaku penuh 2024) menetapkan prinsip dasar perlindungan data yang berdampak langsung ke desain:

PrinsipDampak ke desain UX
Lawful basisConsent harus ada sebelum data diproses — desain flow consent
TransparencyInformasi singkat & jelas saat pengumpulan data
Data minimizationHanya kumpulkan yang dibutuhkan — jangan buat form minta data tak perlu
Right to access/deletionSediakan halaman "Data Saya" dengan ekspor & hapus
Breach notificationKomunikasi saat terjadi insiden — saluran & template siap

Desain yang mematuhi GDPR = desain yang menghormati kontrol pengguna atas data mereka. Untuk KasirKita: tambahkan halaman Privasi berisi daftar data yang disimpan, tombol "Ekspor Dataku" dan "Hapus Akun" — bukan sekadar pranala kebijakan.

Cookie consent yang buruk adalah contoh klasik dark pattern. Bandingkan dua pendekatan:

PendekatanCiriHasil
DarkTombol "Setuju" besar mencolok, tombol "Kelola" disembunyikan, deny semua butuh 3 langkahPengguna menyerah & setuju bukan karena pilihan
EthicalPilihan setara, "Tolak" semudah "Setuju", default tidak ada trackingPengguna paham & memilih sadar

Prinsip consent yang baik ("consent is a choice, not a wall"):

  • "Tolak" harus semudah "Setuju" — bobot visual & jumlah klik sama.
  • Jangan gunakan pre-ticked checkbox.
  • Bahasa netral, tanpa guilt-tripping ("kami sedih kamu menolak").
  • Beri ringkasan apa yang dikumpulkan di setiap kategori.

Warning

Dark patterns adalah desain yang sengaja menyesatkan demi keuntungan produk — pre-checked consent, tombol setuju yang mencolok, link "lewati" yang tak terlihat, atau pemberitahuan yang menekan ("kamu akan kehilangan fitur X!"). Selain merusak kepercayaan, di banyak yurisdiksi kini ilegal. Jika sebuah keputusan desain hanya bisa "menang" dengan menipu, itu keputusan yang salah.

Dark Patterns vs Ethical Design

Katalog dark patterns yang harus dihindari (dan alternatif etisnya):

Dark patternContohAlternatif etis
Confirmshaming"Tidak, saya suka membuang uang"Bahasa netral
Forced actionWajib berlangganan newsletter untuk lanjutPerjelas pilihan opsional
Hidden costBiaya muncul di langkah terakhirTampilkan total sejak awal
NaggingPopup berulang yang tak bisa ditutup permanenSatu prompt, hormati pilihan
Roach motelMudah daftar, sulit berhentiHapus akun semudah daftar

Aturan praktis single-sentence: desainlah seolah pengguna terbaikmu sedang mengawasi — jika kalian malu menjelaskan keputusan desain di depan publik, kemungkinan itu dark pattern.

Tip

Kembangkan "ethics checklist" untuk setiap flow: (1) apakah pengguna paham apa yang terjadi?, (2) apakah mereka punya pilihan nyata?, (3) apakah pilihan itu setara dalam penampilan?, (4) apakah kita rela menjelaskan ini di depan umum? Jika satu saja menjawab "tidak", desain ulang.

  1. Audit: buka prototype KasirKita & identifikasi semua titik pengambilan data (registrasi, izin kamera, backup cloud).
  2. Redesign banner consent di layar onboarding: tombol "Setuju" & "Kelola" setara, ringkasan kategori data.
  3. Buat halaman "Privasi": daftar data, kontrol izin, tombol ekspor & hapus akun.
  4. Uji pemahaman: tanya 3 pengguna — "data apa yang dikumpulkan?" dan "bagaimana caranya menolak?". Jika jawaban tidak jelas, perbaiki copy.
  5. Bandingkan sebelum-sesudah dan tulis pembelajaran di frame Trust & Privacy.

Penutup

Pada episode 18 ini, kalian telah merancang kepercayaan dan consent yang etis untuk KasirKita.

Inti yang harus dibawa pulang:

  • Transparansi menjelaskan data apa, untuk apa, dan oleh siapa — di titik pengambilan, bukan dokumen 40 halaman.
  • GDPR / UU PDP menuntut consent sebelum memproses, data minimization, dan kontrol pengguna (ekspor & hapus).
  • Consent yang baik: "Tolak" semudah "Setuju"; tanpa pre-checked box; bahasa netral.
  • Dark patterns (confirmshaming, forced action, hidden cost) merusak kepercayaan dan kini berisiko hukum.
  • Uji consent flow dengan pertanyaan pemahaman sederhana — jika pengguna tidak paham, desain ulang.

Di episode 19 selanjutnya kita akan memperkuat kepercayaan lewat bahasa: microcopy & content UX — button label, error message, empty state, onboarding copy, dan tone of voice untuk KasirKita. Sampai jumpa di episode 19!