Psikologi Desain 6 Tata Letak Situs
Diterbitkan: 2022-04-06Setiap pilihan yang dibuat seorang desainer akan memengaruhi cara konsumen berinteraksi dengan produk, layanan, atau perusahaan. Hal ini terutama berlaku untuk cara sebuah situs web diatur.
Dalam instalasi terakhir dari seri kami tentang psikologi desain, kami akan menyelami beberapa prinsip psikologi yang memengaruhi perjalanan pengguna situs web. Dari praktik terbaik konten hingga kiat untuk ajakan bertindak yang efektif, konten yang terjaga keamanannya, navigasi menu, dan banyak lagi, kami melihat beberapa efek psikologis yang akan memengaruhi apakah pelanggan Anda terlibat dengan situs Anda atau tidak.
Di bagian berikut, kami akan membahas beberapa prinsip psikologi yang memengaruhi:
- Prioritas konten
- Struktur navigasi
- Konten terjaga keamanannya dan bidang formulir
- Proses gerobak dan checkout
- Panggilan untuk bertindak
Memprioritaskan konten Anda dengan benar
Kami berbicara tentang pentingnya hierarki konten situs Anda sedikit di bagian empat dari seri kami, tetapi kami akan memperluas lebih banyak analisis dasar itu di sini. Prioritas konten, atau hierarki konten Anda, berarti menentukan urutan yang tepat di mana audiens Anda harus mencerna informasi di situs Anda untuk memastikan mereka memiliki pemahaman terbaik dan sepenuhnya tentang manfaat produk atau layanan Anda.
Sampai saat ini, Anda mungkin pernah mendengar desainer berbicara tentang pentingnya menempatkan informasi penting di paro atas. "Above the fold" adalah istilah surat kabar lama yang beralih ke terminologi desain web di masa-masa awal internet. Ini merujuk pada konten apa pun yang ditampilkan kepada pengguna yang mengunjungi situs Anda, tanpa menggulir—seperti halnya surat kabar yang menempatkan berita terpenting di atas paruh halaman tengahnya.
Namun, konsep konten paruh atas, seperti kebanyakan surat kabar cetak, agak ketinggalan zaman karena beberapa alasan. Sebagai permulaan, banyak pengguna sekarang mengunjungi situs web dari layar yang lebih kecil (seperti ponsel dan tablet) karena lalu lintas seluler terus melampaui desktop. Karena alasan itu, banyak pengunjung situs berharap untuk menggulir, sehingga konten paruh atas memiliki bobot yang lebih ringan daripada sebelumnya.
Itu tidak berarti konten paruh atas tidak berguna—halaman arahan menawarkan contoh yang bagus—tetapi berhati-hatilah untuk menempatkannya terlalu penting. Saat Anda mendesain, pikirkan tentang Serial Position Effect sebagai gantinya.
Sebuah istilah yang diciptakan oleh psikolog Jerman Hermann Ebbinghaus, Serial Position Effect mengacu pada fakta bahwa orang kemungkinan besar mengingat item pertama dan terakhir dalam daftar. Ini karena otak kita menunjukkan favoritisme pada item yang pertama kali kita lihat (efek primacy) dan item yang paling baru kita lihat (recency effect).
Taktik ini bekerja dengan baik ketika Anda membutuhkan pengguna untuk mengingat hanya satu atau dua takeaways penting dari konten Anda (mungkin nama produk atau manfaat utama). Namun, untuk topik yang lebih kompleks dengan beberapa langkah atau banyak informasi untuk diproses, Anda sebaiknya mengambil pendekatan yang berbeda.
Taktik Pengungkapan Progresif adalah cara yang lebih baik untuk membantu pengguna Anda memahami topik yang sangat kompleks. Ini mengacu pada teknik penyebaran informasi di beberapa layar dan membutuhkan interaksi untuk berpindah dari satu layar ke layar berikutnya. Ini membantu menurunkan kemungkinan pengguna akhir Anda akan merasa kewalahan dengan informasi yang disajikan. Konten terpotong dan tampilan akordeon hanyalah dua cara umum yang digunakan desainer dalam pengungkapan progresif dalam desain web.
Kedua efek ini akan membantu Anda memasuki pola pikir alami manusia yang dapat memperkuat pesan Anda di benak konsumen. Bahkan sebelum mereka mulai membaca konten Anda, pengguna mungkin memutuskan untuk menavigasi situs Anda untuk sesuatu yang spesifik. Bagian selanjutnya akan membantu Anda membuat proses itu mulus bagi pengunjung Anda.
Penataan navigasi Anda
Sebagian besar tombol navigasi situs web disusun dalam salah satu dari dua cara: di bilah di bagian atas halaman atau di menu hamburger di satu sisi. Jenis navigasi ini hampir menjadi kebiasaan bagi pengguna, dan seperti kata pepatah, "jika tidak rusak, jangan perbaiki."
Saat Anda mendesain navigasi Anda, mudah untuk mengikuti standar, tetapi ada beberapa contoh di mana Anda mungkin ingin mengubah struktur Anda. Gagasan pertama yang harus Anda perhatikan adalah Hukum Hick.
Pada awal 1950-an, dua peneliti, William Edmund Hick dan Ray Hyman, meneliti hubungan antara jumlah rangsangan dan jumlah waktu yang dibutuhkan seseorang untuk membuat keputusan. Kesimpulan mereka? Terlalu banyak pilihan melumpuhkan. Menu navigasi yang luas dengan banyak sekali klik, mungkin terlalu berlebihan bagi pengguna baru.
Sebaliknya, tombol navigasi Anda harus jelas, ditempatkan dengan baik, dan sedikit. Untuk situs yang lebih besar, susun tombol dengan kepentingan lebih rendah di bawah payung tombol lain di navigasi Anda. Misalnya, navigasi tingkat atas Amazon cukup sederhana, tetapi dengan mengarahkan kursor, pengguna mendapatkan tampilan opsi yang diperluas.

Dengan membatasi jumlah tombol yang awalnya Anda tampilkan kepada pemirsa, Anda membantu mereka mempersempit pilihan mereka dan membuat keputusan navigasi yang lebih baik. Anda juga dapat menggunakan efek primacy untuk mendorong pengguna Anda mengambil tindakan yang paling Anda ingin mereka lakukan.
Meskipun sebagian besar situs web mengatur navigasinya dengan cara yang sama (Tentang halaman, lalu Layanan atau Produk, lalu Kontak), menempatkan konten terpenting Anda terlebih dahulu akan membantunya mendapatkan lebih banyak visibilitas. Jadi, jika tujuan utama Anda adalah membuat calon klien menghubungi Anda, coba tempatkan tombol halaman Kontak terlebih dahulu di navigasi Anda.
Menu navigasi adalah tempat banyak desainer berjuang untuk menemukan keseimbangan yang tepat antara visi estetika mereka dan pengalaman pengguna akhir. Efek kegunaan estetika mengacu pada korelasi antara desain yang menyenangkan dan kecenderungan pengguna untuk mengabaikan masalah fungsional.
Seperti yang terjadi , pengguna cenderung menilai buku dari sampulnya, dan mereka akan lebih memaafkan masalah fungsional jika situs yang mereka kunjungi terlihat bagus. Jadi, ketika Anda menyelesaikan pengujian UX Anda, berhati-hatilah untuk melihat umpan balik dari pengguna yang berfokus pada efek positif dari desain Anda tetapi tidak banyak berkomentar tentang cara kerjanya. Telusuri hasil mereka untuk memastikan bahwa mereka tidak memaafkan kegagalan fungsional Anda demi memuji desain Anda.
Membuat gerbang dan bidang formulir yang akan digunakan pengunjung Anda
Meskipun pengguna menghabiskan lebih banyak waktu online daripada sebelumnya, mereka cenderung tidak memberikan data pribadi. Ini mungkin salah satu alasan kebanyakan orang memiliki setidaknya dua alamat email.
Hanya satu yang merupakan alamat email utama yang diperiksa secara teratur. Yang lainnya, sayangnya, jarang diperiksa. Entah itu akun lama yang aksesnya hilang, atau sedang digunakan saat alamat email diperlukan untuk mengakses sesuatu, tetapi orang di belakang nama pengguna tidak ingin banyak email pemasaran membanjiri kotak masuk utama mereka.
Saat pengguna mengisi bidang formulir untuk menghubungi bisnis Anda atau mengunduh konten yang terjaga keamanannya, baik secara aktif maupun tidak, mereka melalui analisis biaya-manfaat cepat di benak mereka. Mereka memikirkan apakah mengisi formulir itu layak atau tidak memberikan ruang di kotak masuk mereka—dan di pikiran mereka.
Cara terbaik untuk memastikan nilai Anda melebihi keraguan pengguna Anda adalah membuat bidang formulir Anda semudah mungkin digunakan. Meskipun tergoda untuk meminta banyak informasi demografis kepada pengguna sehingga Anda bisa mendapatkan prospek yang paling berkualitas, hal itu berisiko kehilangan mereka sepenuhnya. Optimalkan formulir Anda untuk pengisian otomatis untuk membantu pengguna Anda memasukkan informasi mereka lebih cepat, menghemat mereka dari beberapa biaya pengiriman.
Selain itu, jika Anda menemukan ada pertanyaan yang ingin Anda sertakan tetapi mungkin memerlukan terlalu banyak pengguna—seperti kolom untuk komentar singkat—menjadikannya opsional akan memungkinkan pengunjung kesempatan untuk menurunkan biaya masuk mereka lebih jauh. .

Anda juga dapat membuat insentif psikologis untuk mengisi bidang formulir sepanjang perjalanan pengguna untuk membantu mendorong pengunjung Anda untuk mengirimkan. Ini disebut priming, yang merupakan tindakan sengaja menggunakan kata-kata atau gambar yang relatif satu sama lain untuk menciptakan asosiasi yang lebih cepat dan lebih mudah diingat di otak. Pemicu kecil ini dapat berarti perbedaan antara pengguna yang memasukkan "alamat email sampah" atau yang utama.
Cara sederhana beberapa desainer web mengarahkan pengunjung mereka untuk mengisi gerbang atau formulir kontak adalah melalui priming semantik. Anda dapat menggunakan priming semantik untuk membuat asosiasi linguistik yang secara tidak sadar mendorong pengunjung untuk mengirimkan formulir. Misalnya, ketika pemasar menjanjikan solusi "cepat" atau "mudah" untuk masalah dengan konten di ujung lain gerbang, kata-kata pemicu tersebut juga dapat mewarnai cara pengunjung melihat tindakan mengetikkan data pribadi mereka. .
Memperkuat percakapan melalui gerobak dan checkout
Ketika Anda seorang penjual online, proses pembayaran Anda adalah salah satu aspek terpenting dari desain situs Anda. Ini adalah saat yang tepat untuk konversi, jadi jika terjadi kesalahan atau terlalu lama, Anda mungkin kehilangan penjualan.
Saat inilah banyak tim pemasaran akan mengandalkan kampanye spanduk digital untuk mengingatkan pengguna tentang produk mereka. Namun, efek dari “kebutaan spanduk” dapat menghambat kemajuan bahkan kampanye digital terbaik sekalipun.
Kebutaan spanduk adalah jenis pengabaian selektif di mana orang secara alami akan mengabaikan hal-hal yang mereka anggap tidak relevan dengan tugas yang dihadapi. Itulah mengapa sangat mudah untuk menghilangkan iklan digital saat Anda menggulir resep atau papan iklan saat Anda mengemudi. Otak akan secara otomatis menyaring sebanyak mungkin informasi yang tidak relevan, dan karena iklan ada di mana-mana, iklan adalah salah satu hal pertama yang harus dilakukan. Jadi, bagaimana cara memerangi kebutaan spanduk?
Jika memungkinkan, email keranjang yang ditinggalkan atau pesan pop-up di halaman dapat membantu mengubah calon pembeli Anda menjadi pembeli yang sebenarnya. Pesan-pesan ini merupakan upaya untuk menarik perhatian pengguna kembali ke proses checkout. Untuk lebih memacu alam bawah sadar ke dalam tindakan, gunakan efek Zeigarnik.
Ini adalah pengamatan yang dilakukan oleh psikolog Lituania Bluma Zeigarnik yang menetapkan tugas-tugas yang telah terputus atau belum selesai lebih mudah diingat daripada tugas-tugas yang sudah selesai. Itulah alasan mengapa acara televisi sering kali menyertakan cliffhanger; Anda lebih mungkin untuk mengingat—dan kembali ke—sesuatu yang terasa belum selesai.

Jadi, ketika Anda menampilkan pop-up tentang keranjang yang ditinggalkan pengguna, termasuk bilah kemajuan yang tidak lengkap atau daftar langkah bernomor akan membantu mereka mengingat apa yang mereka lakukan ketika mereka meninggalkan keranjang mereka, termasuk pola pikir "checkout" yang mereka jalani. pembeli untuk kembali dan menyelesaikan apa yang mereka lakukan. Kepuasan yang diusulkan dari tugas yang diselesaikan mungkin merupakan dorongan terakhir yang dibutuhkan pengguna untuk menyelesaikan pembelian mereka.
Membuat ajakan bertindak
Ajakan bertindak bisa dibilang merupakan bagian terpenting dari situs Anda. Apa pun tujuan Anda dalam membuat situs web—penjualan, pengumpulan data, membangun pengikut sosial—ajakan bertindak adalah tempat Anda memintanya.
Untuk sebagian besar situs, Anda mungkin memiliki beberapa ajakan bertindak dengan berbagai tingkat kepentingan yang ditempatkan pada situs tersebut. Jika tujuan utama Anda adalah menjual produk, misalnya, Anda mungkin masih memiliki permintaan sekunder seperti berlangganan buletin atau merujuk teman. Ini bagus, karena tidak setiap pengguna ingin mengikuti perjalanan yang sama persis, jadi memberi mereka opsi memungkinkan mereka memilih jalur mereka sendiri.
Ini adalah contoh lain di mana Hukum Hick ikut bermain. Juga disebut paradoks pilihan, ini terjadi ketika jumlah opsi yang berlebihan menyebabkan kelumpuhan keputusan di antara pengguna. Untuk menyelamatkan pengguna Anda dari paradoks pilihan dan membantu mereka membuat keputusan cepat, identifikasi dan patuhi secara ketat untuk hanya menggunakan dua hingga tiga ajakan bertindak. Ini akan membantu mempercepat waktu pemrosesan pengguna Anda dan memungkinkan mereka untuk mempersempit pilihan terbaik untuk kebutuhan mereka secara lebih efektif.
Sebagai salah satu aspek terpenting situs Anda, ajakan bertindak juga harus mendapat banyak perhatian. Cara mudah untuk membuat bagian ini menonjol adalah dengan menggunakan efek Von Restorff. Juga dikenal sebagai efek isolasi, ini adalah pengamatan bahwa, ketika beberapa rangsangan disajikan, item yang sangat berbeda dari yang lain akan lebih mudah diingat.

Jadi, saat Anda membuat ajakan bertindak, identifikasi dan bedakan satu pilihan yang paling Anda inginkan untuk diambil oleh pengunjung Anda. Untuk terus menggunakan contoh di atas di mana pengguna diminta untuk membeli produk, berlangganan buletin, atau merujuk teman, ada tujuan utama yang jelas: menghasilkan penjualan.
Dengan membedakan ajakan bertindak penjualan dari dua lainnya menggunakan warna, ukuran, bentuk, tipografi, penempatan, atau elemen fisik lainnya, Anda meminta perhatian lebih besar pada permintaan terpenting Anda. Meskipun setiap halaman harus memiliki setidaknya satu ajakan bertindak, Anda dapat mempromosikan satu sama lain dan memberi insentif kepada pengguna untuk mengambil tindakan paling penting menggunakan efek Von Retorff.
Pikiran di balik desain yang hebat
Masih banyak lagi yang harus diungkap dan dipahami tentang dampak psikologis desain situs web terhadap penggunanya, dan seri ini hanya menggores permukaan. Itulah mengapa kami terus membedah desain dari semua sudut dan mengkurasi konten dengan mempertimbangkan freelancer dan profesional desain.
Ingin lebih banyak konten yang mencakup elemen desain untuk membantu Anda mengembangkan perangkat kreatif Anda? Berlangganan buletin Tata Letak di bawah ini untuk mendapatkan alat, praktik, dan wawasan terbaik mingguan yang Anda butuhkan untuk mempertajam keterampilan Anda dan menghasilkan lebih banyak bisnis.
