Pola Gelap: Mengungkap Sisi Shady Web

Kami menyukai web. Kita semua harus menemukan karir yang berbeda jika bukan karena penemuan menakjubkan Sir Tim Berners Lee! Terlepas dari hasrat kami, web bisa menjadi tempat yang tidak menyenangkan.

Pola gelap bisa jadi tidak disengaja. Pemasar atau pengembang mungkin berpikir mereka melakukan hal yang benar tetapi tidak menghargai masalah dan kelemahan fitur yang mereka terapkan. Pola gelap terburuk memang disengaja. Sebuah halaman menipu Anda untuk melakukan sesuatu yang tidak Anda inginkan karena UI atau susunan kata memanipulasi tindakan Anda. Pengguna semakin bijaksana untuk teknik yang paling meragukan, tetapi seseorang, di suatu tempat, akan gagal untuk melihat bahwa mereka telah ditipu sampai terlambat.

Bila digunakan dengan baik, web dapat menghemat waktu, perjalanan, dan tenaga. Di sisi lain, pola gelap menghabiskan jutaan jam kerja dan kilowatt. Kami tidak akan mempermalukan situs tertentu (mereka tahu siapa mereka), tetapi kami akan menggambarkan peningkatan dan opsi alternatif jika memungkinkan.

Ini adalah hewan peliharaan kita yang kesal.

Antarmuka Pengguna yang Tidak Intuitif

Ini adalah pola gelap paling umum yang akan Anda temui. Dibutuhkan waktu dan pertimbangan untuk menciptakan pengalaman pengguna yang luar biasa… dan Anda dapat merusak semua upaya itu dengan sangat cepat dengan pola gelap yang mencolok ini.

“Instal Aplikasi Kami!”

Beberapa situs dan jejaring sosial meminta Anda untuk menginstal aplikasi mereka — biasanya saat mengklik peringatan email tentang pesan atau pengikut baru. Tautan terbuka di halaman web dengan dua tombol:

1. Tombol "Gunakan Aplikasi Kami" yang besar. Mengkliknya mengarah ke AppStore, di mana Anda harus menyetujui, mengunduh, menginstal, lalu meluncurkan aplikasi asli situs (dengan asumsi itu didukung di ponsel Anda). Anda kemudian harus masuk, mendapatkan kata sandi yang salah, meminta pengaturan ulang, membuka tautan, membuat kata sandi baru, dan mengakses sistem. Anda mungkin lupa mengapa Anda berada di sana, jadi kembalilah ke peringatan awal dan mulai lagi.
2. Tautan mikroskopis "lanjutkan di web seluler" untuk melakukan tindakan.

Mungkin aplikasinya luar biasa dan telah menghabiskan jutaan dolar untuk itu, tetapi jarang menemukan yang memiliki fungsionalitas lebih dari situs web. Tentu saja, aplikasi dapat mengumpulkan lebih banyak data pribadi daripada sistem web, sehingga mendapatkan promosi yang lebih mengganggu.

Promosikan aplikasi dengan segala cara, tetapi melakukannya di awal setiap interaksi akan mengganggu pengguna. Beberapa akan menginstal aplikasi untuk menghentikan omelan, tetapi yang lain akan pergi. Apakah akan lebih efektif untuk menawarkan aplikasi ketika pengguna telah menggunakan situs untuk sementara waktu?

“Apakah Anda Ingin Menerima Pemberitahuan?”

Dalam satu kata: Tidak.

Pendaftaran buletin, pemberitahuan push berbasis web, widget "mari mengobrol", dan permintaan survei dapat bermanfaat, tetapi implementasinya secara umum buruk.

Situs sering meminta Anda untuk berlangganan saat Anda mengakses untuk pertama kalinya setelah pencarian web. Pada saat itu, Anda tidak tahu apakah kontennya relevan, apakah itu bagus, atau apakah situs tersebut adalah tempat yang sering Anda kunjungi. Tidak mengherankan jika kebanyakan orang mengeklik “Tidak”.

Tidak ada yang salah dengan menawarkan pemberitahuan atau buletin, tetapi yang terbaik adalah memastikan pengguna telah berinteraksi dengan situs terlebih dahulu. Mungkin menampilkan prompt di akhir artikel atau setelah mereka mengunjungi beberapa kali. Ini kurang mengganggu, kurang mengganggu, dan lebih mungkin untuk berhasil.

Terakhir, jangan meminta pengguna untuk mendaftar ke buletin saat mereka mengeklik tautan di buletin! Itu akan mengusir mereka lebih cepat daripada menarik mereka masuk.

Navigasi Unik

Bilah tajuk dan menu tarik-turun mungkin membosankan, tetapi orang-orang memahaminya. Kami tidak ingin menghentikan evolusi UI dan inovasi desain, tetapi beberapa kontrol navigasi aneh dan tidak logis.

Harap pertimbangkan kembali desain Anda jika Anda perlu meminta pengguna dengan tooltips "klik di sini" atau metode bantuan lainnya. UI yang baik tidak perlu penjelasan.

Pembajakan Gulir yang Tidak Perlu

Menampilkan animasi atau memperbarui item menu aktif saat halaman bergulir bisa menjadi pengalaman yang menarik. Ini kurang berguna ketika:

1. Animasi terlalu sering digunakan. Menganimasikan terlalu banyak elemen mengalihkan perhatian pemirsa — menyorot setiap item berarti tidak ada yang menarik perhatian pengguna. Beberapa efek halus untuk fokus pada pesan penting berfungsi lebih baik.
2. Itu merusak konteks. Menggulir tidak boleh mengarah ke tindakan tak terduga seperti konten menghilang, dialog modal, pengiriman formulir, pengalihan ke halaman lain, dll.

Animasi juga dapat menyebabkan mabuk perjalanan dan vertigo, jadi pertimbangkan untuk menggunakan kueri media prefers-reduced-motion CSS untuk menonaktifkan efek.

Tolong berhenti membuat halaman bergulir tak terbatas! Tautan ke konten terkait berguna, tetapi pemuatan otomatis konten acak tanpa persetujuan pengguna akan membuang bandwidth. Ini mempersulit untuk menandai salah satu halaman, sehingga tidak mungkin untuk mencapai detail kontak dan informasi lainnya di footer halaman.

Artikel Multi-Halaman yang Tidak Perlu

Kita semua pernah melihat "artikel" yang berisi paragraf teks diikuti dengan tautan ke halaman berikutnya. Halaman-halaman ini umumnya merupakan umpan tautan tanpa konten yang substansial — tetapi Anda tidak akan menemukannya sampai Anda melewati banyak iklan dan tayangan halaman.

Meminta pemasar web untuk menghentikan praktik ini adalah sia-sia, tetapi mungkin mereka akan mempertimbangkan kembali jika pengembang mendidik orang untuk tidak menyerah pada omong kosong ini!

Pemasaran Manipulatif

Web adalah pasar terbesar di dunia, dengan kapasitas untuk menjual beragam produk fisik dan digital tanpa batas. Pengguna akan kembali lagi dan lagi… kecuali jika Anda memilih untuk menggunakan pola gelap untuk meningkatkan penjualan.

Perjuangan Berlangganan

Berhenti berlangganan dari pemberitahuan atau buletin harus sesederhana berlangganan, jika tidak lebih sederhana. Meminta pengguna untuk melompati rintangan berhenti berlangganan menyebabkan frustrasi dan hilangnya kepercayaan pada situs. Tidak ada alasan yang kredibel untuk meminta pengguna mengirim faks akta kelahiran asli mereka, tiga bukti alamat, dan catatan medis terbaru.

Iklan Tersamar

Iklan digunakan secara berlebihan di banyak situs, tetapi contoh terburuknya:

1. Terlihat seperti menu atau opsi;
2. Berpura-pura menjadi artikel berita atau informasi dari situs asal; atau
3. Tampilkan kontrol UI seperti tombol “UNDUH” besar di halaman tentang produk perangkat lunak.

Situs tidak selalu dapat menentukan desain iklan apa yang digunakan, tetapi mereka mengontrol penempatannya. Menempatkan iklan di lokasi yang menonjol untuk membingungkan orang dapat meningkatkan pendapatan iklan, tetapi apakah pengguna tersebut akan kembali?

Menambahkan Produk Secara Otomatis ke Keranjang Belanja

Melihat daftar produk terkait atau yang direkomendasikan dapat bermanfaat. Menambahkan mereka ke keranjang pengguna tanpa persetujuan mereka adalah masalah lain. Berapa banyak orang yang akan merasa terbantu?

• Paling-paling, sebagian kecil pengguna akan melihat item tambahan dan memutuskan untuk menyimpannya.
• Proporsi yang lebih besar akan menghapusnya.
• Beberapa tidak akan melihat sampai pengiriman, kemudian mengeluh dan meminta pengembalian dana.

Aktivitas ini meningkatkan penjualan dengan mengorbankan dukungan pelanggan, niat baik, dan pembelian kembali yang berkelanjutan. Menangani keluhan dan pengembalian uang dapat mengimbangi peningkatan profitabilitas jangka pendek.

Biaya Belanja Tersembunyi

Tidaklah menyenangkan untuk menghabiskan waktu memilih produk, mendaftar, memasukkan detail pengiriman Anda, dan memposting informasi pembayaran Anda untuk mengetahui bahwa harga telah naik di atas situs pesaing. Halaman ringkasan sekarang menunjukkan biaya tersembunyi seperti pengiriman, asuransi, penanganan, dan kami-harap-Anda-tidak-memperhatikan-biaya ini.

Penetapan harga harus jelas dan jujur, atau pelanggan akan kehilangan kepercayaan pada layanan e-niaga. Ketika biaya pengiriman sangat bervariasi, minta pengguna untuk memasukkan negara atau kode pos mereka sebelum memutuskan untuk membeli.

Pengatur Waktu Kelangkaan dan Ketersediaan Stok Buatan

Sangat berguna untuk mengetahui kapan suatu barang tersedia, tetapi beberapa situs e-niaga meregangkan kredibilitas. Semakin banyak informasi yang mereka berikan, semakin tidak dapat dipercaya:

"BELI SEKARANG! 2 item dalam stok, 15 dibeli dalam 3 menit terakhir, dan 597 orang melihat halaman ini.”

Taktik bertekanan tinggi ini menjadi lebih mencurigakan ketika diterapkan pada barang digital atau barang bernilai tinggi seperti mobil dan liburan.

Pengguna segera menyadari pesan ini tidak berharga ketika item tetap dalam persediaan selama beberapa hari. Akankah mereka melanjutkan pembelian mereka ketika pesan pemasaran situs tidak dapat dipercaya?

Penyisihan Memalukan

Bahkan perusahaan e-niaga besar tertentu menikmati teknik mempermalukan yang konyol. Mereka akan memberikan pertanyaan pendaftaran diikuti dengan tombol besar "Setuju" dan tautan penyisihan yang lebih kecil seperti:

• “Tidak — saya tidak ingin pengiriman gratis tanpa batas.”
• "Tidak - saya tidak peduli dengan penderitaan hewan berbulu yang terancam punah."
• "Tidak - saya ingin melihat planet ini terbakar."

Apakah praktik ini berhasil? Mungkin. Tapi apakah itu membangun hubungan yang jujur ​​dengan pelanggan dan meningkatkan kepercayaan pada situs?

Pembatalan Cookie yang Kompleks

Peraturan Perlindungan Data Umum (GDPR) UE mewajibkan situs untuk menunjukkan pemberitahuan penyisihan untuk cookie yang tidak penting dan teknologi pelacakan serupa. Ini cacat, tetapi undang-undang tersebut bermaksud baik dan merupakan persyaratan hukum di seluruh Eropa. Negara lain mungkin memiliki aturan serupa, meskipun biasanya tidak terlalu ketat.

Sebagian besar pengguna akan memilih dan melanjutkan tanpa berpikir (yang sebagian mengalahkan poin undang-undang). Memilih keluar seharusnya sama mudahnya, namun beberapa situs mengharuskan Anda untuk:

• mengarungi halaman/tab jargon sebelum menemukan opsi;
• klik lusinan kotak centang meskipun ini melanggar aturan GDPR; dan
• tunggu hingga satu menit sementara mereka "menyimpan preferensi Anda" (untuk apa?).

Ini mungkin membujuk beberapa pengguna untuk menekan "setuju untuk semua," meskipun yang lain akan meninggalkan situs atau beralih ke mode membaca untuk menyembunyikan pemberitahuan cookie. Paling-paling, mempersulit penyisihan memberi kesan bahwa situs memiliki sesuatu untuk disembunyikan. Paling buruk, pola gelap ini berada di ambang legalitas dan dapat menyebabkan denda atau peningkatan biaya pengacara.

Teknologi yang Mengerikan

Teknologi seperti HTML dapat digunakan, dapat diakses, dan kompatibel dengan versi sebelumnya. Dibutuhkan upaya khusus untuk membuang manfaat tersebut.

Melanggar Fungsi Browser

Tombol kembali adalah kontribusi terbesar web untuk antarmuka pengguna. Ini praktis dan dipahami oleh siapa saja dengan pengalaman teknis minimal. Namun situs memecahkannya dengan membuka jendela/tab baru, kedaluwarsa halaman sebelumnya, atau memberi tahu pengguna untuk tidak menggunakan kontrol browser.

Tidak ada alasan teknis untuk merusak fungsionalitas browser. Mencoba untuk menghindari kontrol adalah masalah desain yang membingungkan pengguna dan membuat sistem web kurang dapat digunakan.

Masalah lain yang harus dihindari:

1. Jangan nonaktifkan menu klik kanan atau ketuk lama.
2. Jangan menonaktifkan penyalinan atau menambahkan teks "berguna" lebih lanjut.
3. Jangan merusak bookmark di Aplikasi Halaman Tunggal Anda dengan gagal memperbarui URL.

Tetapi yang terburuk dari semua masalah ini adalah yang berikutnya dalam daftar kami.

Menonaktifkan Tempel di Bidang Kata Sandi

Menonaktifkan tempel karena alasan apa pun tidak diperlukan. Menonaktifkan tempel pada bidang kata sandi menjengkelkan, tetapi Anda akan menemukan batasan ini di situs besar — ​​mereka seharusnya tahu lebih baik. Saya telah melihatnya digunakan oleh bank-bank internasional besar.

Praktik ini mungkin diterapkan karena alasan keamanan yang meragukan. Jika pengguna tidak dapat menempel, masuk akal bahwa mereka tidak dapat menggunakan kembali kata sandi dari tempat lain. Sayangnya, ini juga mencegah orang menggunakan aplikasi pengelola kata sandi. Tidak mungkin lagi menghasilkan string acak yang sangat aman, panjang, dan tidak praktis untuk diketik.

Selain itu, pengembang dapat menonaktifkan pembatasan tempel dengan beberapa mengutak-atik DevTool. Orang lain akan kesulitan, dan mereka lebih cenderung menggunakan kata sandi yang lemah. Jangan pernah menonaktifkan tempel — ini mengurangi pekerjaan Anda dan meningkatkan keamanan sistem.

Pembatasan Kata Sandi Konyol

“Kata sandi Anda harus antara 8 dan 12 karakter dan memerlukan setidaknya satu karakter huruf besar, angka, dan simbol — tetapi jangan gunakan ` ' ” / \ atau ;”

Tidak ada alasan bagus untuk menerapkan batasan kata sandi yang ketat. Bertanya pada diri sendiri:

1. Apakah sistem menyimpan kata sandi sebagai teks biasa dalam database daripada hashing?
2. Apakah pakar keamanan menyarankan untuk menghentikan orang menggunakan kata sandi yang mudah seperti kata sandi , qwerty , atau 123456 ? Ini benar, tetapi juga mencegah orang menggunakan kata sandi yang lebih rumit dan menyediakan template praktis untuk cracking brute force.

Aturan tunggal memberlakukan kata sandi yang kuat: panjang minimum yang panjang. Setiap karakter tambahan secara eksponensial meningkatkan kompleksitas dan waktu retak.

Lompatan Konten Seluler

Membaca konten di smartphone bisa menjadi pengalaman yang membuat frustrasi. Anda asyik dengan sebuah artikel ketika konten melompat dari layar, dan Anda kehilangan tempat. Anda kemudian menghabiskan beberapa detik dengan panik menggulir ke atas dan ke bawah. Atau lebih buruk lagi, Anda akan mengklik tautan atau tombol saat itu bergerak, dan tindakan tak terduga terjadi. Beberapa pembaca akan kehilangan momentum, menyerah, dan pergi sebelum Anda dapat mengubahnya menjadi pelanggan.

Lompatan konten terjadi saat gambar atau iframe (biasanya iklan) dimuat di atas titik gulir area pandang. Setelah konten dimuat, browser dapat menentukan dimensinya dan menempatkannya di halaman. Oleh karena itu, gambar dengan tinggi 500 piksel (ditampilkan dalam ukuran penuh) mendorong konten ke bawah dengan jumlah yang sama.

Metrik Pergeseran Tata Letak Kumulatif (CLS) Google mengukur lompatan konten dan menghukum situs yang sesuai. Ini adalah masalah yang kompleks, tetapi beberapa solusi teknis sekarang tersedia:

• Tambahkan atribut lebar dan tinggi ke elemen img dan iframe HTML atau gunakan properti aspect-ratio CSS untuk memesan ruang di halaman sebelum aset dimuat.
• Tetapkan dimensi untuk elemen penampung yang menyertakan aset yang memuat lebih lambat seperti iklan, gambar, dan widget media sosial.
• Minta gambar yang lebih besar sedini mungkin dan pertimbangkan untuk menggunakan tautan pramuat di head HTML Anda.
• Optimalkan penggunaan font web dan gunakan fallback berukuran serupa untuk meminimalkan pergeseran tata letak.
• Hindari menyisipkan elemen ke bagian atas laman kecuali jika pembaruan DOM dipicu setelah tindakan pengguna seperti klik.
• Gunakan penahanan CSS untuk mengoptimalkan rendering blok konten. Dimungkinkan untuk menentukan elemen yang tidak akan mempengaruhi ukuran atau posisi orang lain.

Ketika Social Sign-On Menyebalkan

Teknologi seperti OAuth memungkinkan pengguna untuk mendaftar dengan cepat di situs menggunakan akun lain seperti Google, Facebook, Twitter, LinkedIn, atau Github. Diimplementasikan dengan baik, ini adalah opsi praktis yang menyediakan proses pendaftaran yang lebih rapi, menghemat waktu, dan menghasilkan konversi yang lebih tinggi.

Jika diterapkan dengan buruk, sebuah situs selanjutnya akan meminta Anda memasukkan email, detail pribadi, dan bahkan kata sandi "untuk catatan mereka".

Tidak semua penyedia akan meneruskan informasi pengguna, jadi hindari OAuth jika situs Anda memerlukan detail ini agar berfungsi. OAuth tidak boleh menjadi langkah yang tidak perlu yang memperlambat proses pendaftaran.

Performa Web Buruk

Menurut Arsip HTTP, halaman web rata-rata membutuhkan waktu tujuh detik untuk dimuat di perangkat desktop dan dua puluh detik di seluler. Satu tampilan halaman membuat 70 permintaan HTTP, mengunduh lebih dari 2MB data, dan mengeluarkan 1,3g CO² ke atmosfer (lihat Kalkulator Karbon Situs Web). Ini rata-rata — banyak situs yang lebih buruk.

Tidak ada yang memutuskan untuk membuat situs lambat, tetapi menambahkan fitur sering kali melebihi peningkatan kinerja. Mengingat memungkinkan untuk membuat klon Quake yang dapat dimainkan dalam 13Kb, Anda harus mempertanyakan mengapa dua paragraf wafel pemasaran di halaman "Tentang kami" memerlukan unduhan yang 154 kali lebih besar!

Mengatasi kinerja memerlukan kombinasi teknik, tetapi Anda hanya perlu mengingat satu poin kunci: jangan mengirim terlalu banyak barang!

Widget Media Sosial Licik

Widget media sosial seperti tombol "Suka" terlihat polos tetapi:

1. Masing-masing menambahkan ratusan kilobyte kode JavaScript yang memengaruhi kinerja halaman.
2. Kode ini berisiko keamanan karena dijalankan dengan izin yang sama dengan JavaScript situs.
3. Widget menerapkan pelacakan pengguna meskipun tidak diaktifkan. Hal ini dapat menyebabkan masalah hukum di beberapa wilayah.
4. Hampir tidak ada yang menggunakannya: Anda akan beruntung melihat 1% keterlibatan pengguna.

Widget juga tidak perlu. Sebagian besar situs media sosial menyediakan tautan standar yang mempertahankan pembagian tanpa risiko apa pun terhadap kinerja, keamanan, atau privasi, mis

• Email: mailto:?subject=[title]&body=[url]
• Facebook: https://www.facebook.com/sharer.php?u=[url]
• Twitter: https://twitter.com/share?url=[url]&text=[title]
• LinkedIn: https://www.linkedin.com/shareArticle?url=[url]&title=[title]
• Reddit: https://reddit.com/submit?url=[url]&title=[title]

Di mana [url] adalah URL halaman saat ini dan [title] adalah judul utama. Tautan <a> standar berfungsi dengan baik, tetapi Anda dapat meningkatkannya untuk membuka halaman di jendela sembul jika Anda ingin tautan tersebut berperilaku identik dengan tombol standar.

CAPTCHA

CAPTCHA adalah kependekan dari Tes Turing Publik Sepenuhnya Otomatis untuk membedakan Komputer dan Manusia. Ini membantu mencegah bot atau mesin lain mengakses sistem web. Anda sering diminta untuk memasukkan teks yang ditampilkan dalam gambar yang tidak dapat diuraikan atau kotak klik yang berisi sepeda. (Apakah sepeda yang dipasang di mobil dihitung? Bagaimana dengan sepeda roda tiga itu? Apakah ada sepeda di balik tembok itu!?)

CAPTCHA memiliki tiga masalah mendasar:

1. Mereka sengaja menyulitkan manusia non-cacat dengan penglihatan sempurna. Bagaimana mereka yang memiliki gangguan penglihatan atau gangguan lainnya diharapkan untuk mengatasinya?
2. Mereka harus menjadi lebih kompleks saat bot dan teknik AI meningkat.
3. Mereka menempatkan tanggung jawab untuk keamanan akses pada pengguna — bukan pemilik atau pengembang situs, penerima manfaat utama.

CAPTCHA berlebihan di sebagian besar situs web. Anda dapat mempertimbangkan opsi alternatif untuk CAPTCHA yang menyebabkan lebih sedikit upaya manusia:

• Bidang honeypot tersembunyi memblokir pengiriman formulir saat bot menambahkan data.
• Periksa apakah aktivitas keyboard seperti input atau keydown dipicu dengan tepat.
• Periksa waktu yang diperlukan untuk menyelesaikan dan mengirimkan formulir — aktivitas bot sering kali terjadi secara instan.
• Buat proses pengiriman dua tahap yang meminta pengguna untuk mengonfirmasi data mereka atau pertanyaan tambahan sebelum mengirimkan.

Ini akan menghentikan sebagian besar bot. Ada kemungkinan untuk melewati salah satu teknik, tetapi memerlukan upaya pengembangan tambahan khusus untuk situs Anda. Beberapa pengembang bot akan repot ketika ada ribuan situs lain dengan kerentanan yang diketahui.

Ringkasan

Web adalah tempat yang bagus, tetapi beberapa praktik yang meragukan dapat merusak persepsi itu. Tentu saja, Anda dapat ditipu di mana saja, tetapi web memungkinkan pelaku menjangkau ribuan orang dengan sedikit biaya atau usaha. Dan ketika bisnis besar multi-miliar menggunakan pola gelap sembarangan, itu benar-benar memalukan!

Situs menggunakan pola gelap karena berfungsi. Tapi itu pemikiran jangka pendek. Pengunjung selalu menjadi bijaksana untuk teknik jahat dan mungkin tidak pernah kembali.

Lakukan hal yang benar, bangun kepercayaan pada merek Anda, dan Anda akan mempertahankan pelanggan tanpa harus menggunakan pola gelap.

Punya pemikiran lain tentang pola gelap yang Anda temui? Silakan bagikan di bagian komentar di bawah!