‹ Daftar slidePertemuan 6: Pengalaman Pengguna dan Desain Persuasif: UX, nudge, choice architecture
Program Studi Bisnis Digital • FEB
Analisis Perilaku Konsumen Digital
Pertemuan 06 — Pengalaman Pengguna dan Desain Persuasif: UX, Nudge, Choice Architecture
Bagaimana tampilan aplikasi, urutan tombol, dan pilihan default diam-diam mengarahkan keputusan konsumen digital.
RPS minggu 6 · 2x50 menit
Tujuan Pembelajaran
Setelah pertemuan ini, mahasiswa mampu menjelaskan bagaimana desain antarmuka digital memengaruhi keputusan konsumen secara sadar maupun tidak sadar.
KONSEP INTI
UX & Nudge
Memahami elemen pengalaman pengguna (UX), beban kognitif, dan mekanisme nudge dalam mengarahkan pilihan tanpa memaksa.
KEMAMPUAN PRAKTIS
Choice Architecture
Mampu mengidentifikasi arsitektur pilihan dan membedakan nudge etis dari dark pattern pada aplikasi digital nyata.
Kita akan latihan menghitung skor usability dan menganalisis efek anchoring pada persepsi diskon secara langsung.
Bagian 1 dari 3
Dasar UX & Psikologi Kognitif dalam Desain
Mengapa tampilan yang "terasa mudah" sebenarnya hasil rancangan yang sangat disengaja, bukan kebetulan.
Apa itu User Experience (UX)?
User Experience (UX) — pengalaman pengguna — adalah keseluruhan persepsi dan respons seseorang akibat penggunaan atau antisipasi penggunaan sebuah produk, sistem, atau layanan digital.
Diadaptasi dari model elemen UX Jesse James Garrett — dari fondasi strategi hingga permukaan visual.
Beban Kognitif & Hukum Hick
Beban kognitif (cognitive load) adalah jumlah usaha mental yang dibutuhkan otak untuk memproses informasi. Hukum Hick menyatakan waktu pengambilan keputusan meningkat seiring bertambahnya jumlah dan kompleksitas pilihan.
Implikasi UX: menu navigasi yang ringkas (mis. 5 tab utama) mempercepat keputusan dibanding daftar 30 kategori tanpa pengelompokan.
Coba Sendiri: Simulasikan Choice Overload Hukum Hick
Ubah jumlah pilihan yang ditampilkan sekaligus, lalu amati bagaimana estimasi waktu dan beban kognitif pengambilan keputusan berubah mengikuti kurva Hukum Hick.
Heuristik Usability (Nielsen)
Sepuluh prinsip evaluasi kegunaan antarmuka oleh Jakob Nielsen — berikut lima yang paling relevan untuk aplikasi e-commerce dan perbankan digital.
VISIBILITAS STATUS
Sistem selalu memberi tahu apa yang terjadi, mis. progress bar saat transfer BCA mobile diproses.
KESESUAIAN DUNIA NYATA
Bahasa dan simbol yang familiar, mis. ikon keranjang untuk belanja, bukan istilah teknis.
KONTROL & KEBEBASAN
Ada tombol "batal" atau "kembali" yang jelas saat pengguna salah pilih menu.
KONSISTENSI & STANDAR
Tombol "beli sekarang" berwarna dan berposisi sama di semua halaman produk.
PENCEGAHAN KESALAHAN
Konfirmasi sebelum hapus alamat pengiriman atau checkout dengan jumlah besar.
FLEKSIBILITAS & EFISIENSI
Fitur pintasan bagi pengguna mahir, mis. "beli lagi" satu ketukan di Tokopedia.
Hitung dari Nol: Skor System Usability Scale (SUS)
SUS adalah kuesioner 10 pernyataan (skala 1-5) untuk mengukur kegunaan aplikasi secara ringkas. Pernyataan ganjil bernada positif, genap bernada negatif — hasil uji terhadap prototipe checkout sebuah UMKM online:
Langkah
Perhitungan
Nilai
1. Jumlah kontribusi 5 item ganjil (positif: skor − 1)
3 + 4 + 3 + 4 + 3
17
2. Jumlah kontribusi 5 item genap (negatif: 5 − skor)
3 + 4 + 3 + 4 + 3
17
3. Total skor mentah (maks. 40)
17 + 17
34
4. Skor SUS final (konversi ke skala 0-100)
34 × 2,5
85
5. Interpretasi (rata-rata industri ≈ 68)
85 > 68 → kategori
Excellent
Coba Sendiri: Hitung Skor SUS Aplikasi Pilihan Anda
Isi 10 pernyataan kuesioner SUS untuk aplikasi yang Anda pakai sehari-hari, dan lihat langsung skor akhirnya beserta kategori interpretasinya.
Bagian 2 dari 3
Nudge: Mengarahkan Pilihan Tanpa Memaksa
Dari default checkbox sampai label "stok terbatas" — dorongan halus yang mengubah keputusan tanpa melarang pilihan lain.
Apa itu Nudge?
Nudge — dorongan halus — adalah aspek arsitektur pilihan yang mengubah perilaku orang secara terprediksi tanpa melarang opsi apa pun atau mengubah insentif ekonomi secara signifikan (Thaler & Sunstein, 2008).
LIBERTARIAN PATERNALISM
Filosofi di balik nudge: pilihan tetap bebas ("libertarian"), tapi diarahkan ke opsi yang dianggap lebih baik bagi pengguna ("paternalism").
BUKAN PAKSAAN, BUKAN LARANGAN
Berbeda dari regulasi (melarang) atau insentif finansial besar (subsidi/pajak) — nudge bekerja lewat cara pilihan ditampilkan.
Contoh sederhana: kantin kampus meletakkan buah di rak mata, bukan gorengan — mahasiswa tetap boleh ambil gorengan, tapi buah jadi pilihan termudah.
Jenis-Jenis Nudge dalam UX Digital
Jenis Nudge
Mekanisme
Contoh Aplikasi
Default option
Opsi yang sudah terpilih otomatis
Centang "berlangganan notifikasi" sudah aktif saat daftar akun
Social proof
Menampilkan perilaku orang lain
"1.204 orang membeli produk ini minggu lalu" di Tokopedia
Scarcity
Menekankan keterbatasan
"Stok tersisa 3" atau "Flash sale berakhir 02:15"
Framing
Membingkai informasi yang sama secara berbeda
"Hemat Rp150.000" vs "Diskon 30%" untuk nominal identik
Anchoring
Angka acuan awal memengaruhi persepsi nilai
Harga coret sebagai pembanding harga jual
Studi Kasus: Nudge di Checkout E-commerce
Perhatikan bagaimana halaman checkout Shopee/Tokopedia menumpuk beberapa nudge sekaligus dalam satu alur, langkah demi langkah:
Langkah 1 — Alamat & ongkir: alamat utama dan opsi ongkir termurah sudah terpilih otomatis (default option) — pengguna cukup menekan "lanjut".
Langkah 2 — Metode pembayaran: muncul label "paling banyak dipilih" pada e-wallet tertentu (social proof) untuk mengarahkan pilihan.
Langkah 3 — Ringkasan harga: harga asli dicoret di atas harga promo (anchoring) sehingga "hemat" terasa besar.
Langkah 4 — Tombol akhir: tombol "Bayar Sekarang" berwarna kontras dan besar, tombol "batalkan" kecil dan pudar (visual hierarchy sebagai nudge).
Hitung dari Nol: Efek Anchoring pada Persepsi Diskon
Sebuah toko online menampilkan harga coret sebagai jangkar (anchor) di samping harga jual. Mari hitung bagaimana angka itu membentuk persepsi "hemat":
Langkah
Perhitungan
Nilai
1. Harga asli ditampilkan (anchor)
diberikan toko
Rp 500.000
2. Harga jual setelah diskon
diberikan toko
Rp 350.000
3. Nominal "hemat" yang dipersepsikan
500.000 − 350.000
Rp 150.000
4. Persentase diskon dipersepsikan
150.000 ÷ 500.000 × 100
30%
5. Tanpa anchor (hanya "Rp 350.000")
tidak ada pembanding → efek
persepsi hemat hilang
Sisi Etis: Nudge vs Dark Pattern
Garis pemisahnya bukan teknik yang dipakai, melainkan siapa yang diuntungkan dan apakah pengguna tetap punya kendali penuh.
NUDGE ETIS
Kepentingan pengguna sejalan dengan bisnis, opsi keluar/batal mudah ditemukan, transparan, dan bisa dibalik kapan saja.
DARK PATTERN
Sengaja menyulitkan pengguna keluar/membatalkan, menyembunyikan biaya, atau memanipulasi emosi demi keuntungan sepihak platform.
Contoh batas tipis: notifikasi "keranjang Anda akan hilang dalam 10 menit" — nudge bila jujur soal stok, dark pattern bila stok sebenarnya tidak terbatas.
Bagian 3 dari 3
Choice Architecture: Merancang Lingkungan Keputusan
Bagaimana desainer aplikasi menyusun seluruh lingkungan pilihan, bukan hanya satu tombol, agar keputusan konsumen terarah.
Apa itu Choice Architecture?
Choice architecture — arsitektur pilihan — adalah desain menyeluruh dari konteks tempat orang membuat keputusan, mencakup jumlah opsi, urutan penyajian, default, dan cara informasi dibingkai.
JUMLAH OPSI
Berapa banyak pilihan ditampilkan sekaligus (terkait Hukum Hick di awal pertemuan).
URUTAN & DEFAULT
Opsi mana yang ditampilkan lebih dulu dan mana yang sudah terpilih otomatis.
PEMBINGKAIAN
Cara informasi yang sama disajikan — angka, kata, atau visual yang dipilih desainer.
Perancang UX di balik layar aplikasi Anda secara harfiah menyandang peran "choice architect" — keputusan desain mereka bukan netral.
Prinsip Choice Architecture: Kerangka EAST
Dikembangkan Behavioural Insights Team (BIT) Inggris — empat prinsip praktis merancang pilihan yang mendorong perilaku yang diinginkan.
Taksonomi Dark Pattern yang Umum Ditemui
CONFIRMSHAMING
Kalimat menyudutkan pada tombol tolak, mis. "Tidak, saya tidak mau hemat uang".
ROACH MOTEL
Mudah masuk/berlangganan, sangat sulit keluar/berhenti berlangganan.
DRIP PRICING
Biaya tambahan (admin, layanan) baru muncul di langkah terakhir checkout.
FORCED CONTINUITY
Uji coba gratis otomatis berubah jadi tagihan berbayar tanpa pengingat jelas.
SNEAK INTO BASKET
Produk/asuransi tambahan otomatis masuk keranjang tanpa persetujuan eksplisit.
FALSE URGENCY
Hitung mundur atau "stok terbatas" palsu yang di-reset ulang tiap kunjungan.
Coba Sendiri: Jelajahi Taksonomi Dark Pattern
Telusuri tiap jenis dark pattern satu per satu, lihat contoh nyatanya, dan uji apakah Anda bisa membedakannya dari nudge yang etis.
Regulasi & Etika Desain Persuasif di Indonesia
Desain persuasif yang melewati batas etis mulai bersinggungan langsung dengan hukum perlindungan konsumen dan data pribadi di Indonesia.
Regulasi
Relevansi dengan Dark Pattern
UU No. 27/2022 (PDP)
Melarang pengumpulan data tanpa persetujuan eksplisit — menyasar pola sneak into basket data/opsi tersembunyi.
UU No. 8/1999 (Perlindungan Konsumen)
Melarang informasi menyesatkan — menyasar drip pricing dan false urgency.
POJK terkait layanan digital (OJK)
Mewajibkan transparansi biaya & kemudahan pembatalan pada produk keuangan digital — menyasar pola roach motel.
Latihan Kelompok: Audit UX & Dark Pattern
Kerjakan berkelompok (3-4 orang) selama 15 menit, pilih satu aplikasi digital yang biasa Anda pakai (e-commerce, dompet digital, atau perbankan digital).
Langkah 1: Buka alur checkout/transaksi aplikasi pilihan Anda, catat setiap nudge yang ditemukan (default, social proof, scarcity, framing, anchoring).
Langkah 2: Identifikasi apakah ada pola yang tergolong dark pattern menurut taksonomi di slide 17 — jelaskan alasannya.
Langkah 3: Nilai satu prinsip EAST yang paling kuat diterapkan aplikasi tersebut, beri contoh konkret.
Langkah 4: Siapkan 2 menit presentasi lisan — dipilih acak 3 kelompok untuk tampil.
Dilarang menyebut aplikasi yang sedang dikembangkan tugas akhir/skripsi anggota kelompok sendiri — pilih aplikasi publik yang independen.
Kesimpulan & Pratinjau Pertemuan 7
UX yang baik, nudge yang etis, dan choice architecture yang bertanggung jawab bekerja sama mengurangi beban kognitif konsumen — bukan memanipulasinya demi keuntungan sepihak.
RANGKUMAN HARI INI
UX (elemen & beban kognitif) → Nudge (default, social proof, anchoring) → Choice Architecture (EAST) → batas etis vs dark pattern → regulasi PDP/OJK.
PERTEMUAN 7 BERIKUTNYA
Segmentasi dan Persona Konsumen Digital Berbasis Data — bagaimana kelompok konsumen berbeda merespons desain yang sama.