Rancang Halaman Situs Web Anda Secara Ilmiah: 23 Pelajaran Penting dari Penelitian Pelacakan Mata - Christina Laun Penelitian tentang Eye-Tracking sangat populer di bidang desain jaringan, namun bagaimana mengubah hasil penelitian tersebut menjadi desain yang konkrit dan layak untuk dioperasikan masih sulit. Berikut beberapa tips hasil riset Eye-Tracking yang dapat memberikan beberapa saran untuk menyempurnakan desain website Anda: 1. Dibandingkan dengan gambar, teks lebih menarik Bertentangan dengan apa yang mungkin Anda pikirkan, saat menelusuri situs web, bukan gambarnya yang langsung menarik perhatian pengguna. Kebanyakan pengguna yang mengeklik ke situs Anda secara tidak sengaja mencari informasi, bukan gambar. Oleh karena itu, memastikan bahwa desain situs web Anda menyoroti bagian informasi yang paling penting adalah prinsip pertama desain. 2. Gerakan mata pertama difokuskan pada pojok kiri atas halaman web Kebiasaan pengguna menjelajahi web ini memang sudah diduga, karena sudut kiri atas adalah pusat operasi utama dan digunakan dalam desain sebagian besar aplikasi komputer penting. Saat Anda membangun situs web dan mempertimbangkan desain situs web, Anda harus mencoba mempertahankan format ini. Tahukah Anda, jika Anda ingin mempertahankan karakteristik pribadi Anda dan membangun situs web yang sukses, Anda harus menghormati kebiasaan pengguna. 3. Saat pengguna menjelajahi suatu halaman web, pertama-tama mereka mengamati bagian kiri atas dan atas halaman web, kemudian membaca dan menelusuri konten di sebelah kanan. Pola penelusuran umum pengguna berbentuk huruf “F”. Pastikan elemen penting konten situs web Anda terkonsentrasi di area utama ini untuk memastikan keterlibatan pembaca. Tempatkan headline, subtitle, topik hangat dan artikel penting di sini untuk menarik pembaca membaca. 4. Pembaca mengabaikan iklan banner Penelitian menunjukkan bahwa pembaca mengabaikan sebagian besar iklan banner—meskipun Anda mendukung situs web Anda dengan iklan tersebut—hanya sepersekian detik. Jika Anda ingin menghasilkan uang melalui periklanan, Anda harus berinovasi dalam ruang periklanan dan mengonfigurasi formulir periklanan situs web secara rasional. 5. Font dan format yang mewah diabaikan Mengapa? Itu karena pengguna akan mengira ini adalah iklan dan bukan informasi yang mereka butuhkan. Faktanya, penelitian menunjukkan bahwa pengguna kesulitan menemukan informasi yang mereka perlukan dalam format font mewah yang penuh dengan banyak warna karena isyarat visual meminta mereka untuk mengabaikannya. Jaga kebersihan website dan jangan biarkan informasi penting diabaikan karena tampilannya yang mencolok. 6. Gunakan angka, bukan angka Jika Anda menggunakan angka daripada daftar angka, pembaca akan lebih mudah menemukan informasi sebenarnya di situs Anda. Ketahuilah bahwa Anda menulis kepada pembaca yang akan melihat situs Anda untuk pertama kalinya, jadi permudah mereka menemukan informasi yang mereka perlukan dan buat mereka tetap tertarik. 7. Ukuran font mempengaruhi perilaku browsing Ingin mengubah cara orang berpikir tentang halaman Anda? Mengubah ukuran font halaman web. Font besar merangsang penjelajahan, sementara font yang lebih kecil meningkatkan fokus membaca. Sesuai dengan kebutuhan Anda, konfigurasikan rasio keduanya secara wajar. 8. Saat menemukan konten yang menarik, pengguna hanya akan melihat subtitlenya sekali lagi. Jangan terlalu memaksakan format subtitle yang tetap – jaga agar tetap relevan dan menarik. Anda juga dapat memasukkan kata kunci dalam subtitle Anda untuk memanfaatkan mesin pencari secara efektif dan mendatangkan pembaca bagi mereka. 9. Kebanyakan orang hanya menjelajahi sebagian kecil web Anda dapat menggunakan ini untuk keuntungan Anda jika Anda memberikan informasi kepada pengguna saat mereka menjelajah agar mereka ditargetkan secepat mungkin. Sorot bagian tertentu atau buat daftar item untuk membuat informasi halaman web lebih mudah ditemukan dan dibaca. 10. Paragraf pendek lebih ekspresif dibandingkan paragraf panjang Informasi web disediakan untuk sebagian besar pengguna non-koneksi yang menekankan penjelajahan cepat. Kecuali ditentukan oleh konteksnya, simpanlah informasi yang terdiri dari paragraf dan kalimat pendek, seperti deskripsi produk ini untuk situs web e-niaga. 11. Menurut penguncian visual, format satu kolom memiliki ekspresi yang lebih baik daripada format multi kolom. Jangan membanjiri pengunjung situs Anda dengan terlalu banyak informasi. Seringkali, kesederhanaan lebih berpengaruh. Konten multi-kolom mudah diabaikan oleh pengguna, dan kita perlu menghilangkan gangguan ini. 12. Iklan di bagian atas dan kiri halaman web lebih menarik perhatian Jika Anda perlu menyematkan iklan di situs web Anda, coba integrasikan iklan tersebut ke bagian kiri atas halaman agar menarik perhatian visual secara maksimal. Tentu saja, hanya karena pengguna melihat iklan ini tidak berarti mereka mengkliknya dengan mouse. Jadi jangan korbankan desain situs asli Anda untuk meningkatkan perhatian iklan Anda. 13. Menempatkan iklan di samping konten terbaik Anda juga dapat meningkatkan perhatian Jika Anda ingin meningkatkan visibilitas dan rasio klik-tayang iklan Anda, Anda dapat menempatkannya di sebelah konten yang paling menarik dan mengintegrasikannya ke dalam desain halaman web. Dengan cara ini, pengguna dapat menemukan apa yang mereka butuhkan, dan Anda dapat meningkatkan efektivitas iklan Anda. 14. Dalam berbagai tes, orang membaca iklan teks dengan penuh perhatian. Seperti disebutkan di atas, rata-rata pengguna Internet tidak menghabiskan banyak waktu untuk melihat konten yang terlihat jelas sebagai iklan. Inilah sebabnya mengapa iklan teks berkinerja sangat baik. Alih-alih mengalihkan perhatian dari konten, iklan tersebut menyatu dengan halaman lainnya, sehingga tidak terlalu mengganggu pembaca secara visual dan membuat bentuk iklan ini lebih mungkin dibaca dengan lebih sukses. 15. Gambar yang lebih besar menarik lebih banyak perhatian Jika Anda akan menggunakan gambar di halaman web, semakin besar semakin baik. Orang-orang lebih cenderung melihat gambar di mana mereka dapat melihat detail dan mendapatkan informasi dengan jelas. Pastikan gambar yang Anda gunakan relevan dengan isi artikel, jika tidak maka kemungkinan besar akan terabaikan. Sebagian besar pembaca memiliki koneksi yang cepat, jadi silakan gunakan gambar yang lebih besar di situs Anda. 16. Gambar close-up yang bersih dan jernih menarik lebih banyak perhatian visual Mungkin gambar artistik abstrak tersebut akan membuat website Anda terlihat menarik, namun tidak banyak menarik perhatian pembaca. Jika Anda perlu menggunakan gambar-gambar ini, pastikan gambar tersebut jelas dan mudah dibaca. Penting untuk dicatat bahwa gambar “orang” yang sebenarnya “lebih baik” daripada gambar yang disebut model. 17. Judul menarik perhatian Saat menelusuri halaman web, hal pertama yang akan diperhatikan pembaca adalah judulnya. Pastikan semua link yang relevan di halaman web jelas dan efektif agar pembaca dapat menelusuri lebih jauh melalui situs web dengan lancar. 18. Pengguna menghabiskan banyak waktu untuk melihat tombol dan menu Jadi, Anda perlu meluangkan waktu ekstra untuk mempertahankan desain yang cermat. Bagaimanapun, mereka tidak hanya menarik perhatian pembaca tetapi juga merupakan komponen penting dari desain situs web. 19. Format formulir dapat memperluas rentang perhatian pembaca Mengelompokkan konten dan paragraf, dan menggunakan formulir ekstensif untuk mengekspresikan artikel Anda dapat memastikan kecepatan penelusuran pembaca. Menggunakan angka dan simbol lain untuk menyorot konten penting sebuah artikel akan membuat situs web lebih mudah dinavigasi dan memungkinkan pengguna menemukan informasi yang mereka butuhkan dengan lebih cepat. 20. Hindari merender teks dalam jumlah besar Penelitian menunjukkan bahwa rata-rata browser web tidak meluangkan waktu untuk membaca blok teks yang besar, tidak peduli seberapa penting atau bagus teks tersebut. Oleh karena itu, teks-teks besar ini harus dipecah menjadi paragraf-paragraf yang lebih kecil. Menyorot tempat-tempat penting dan menempatkan tombol yang dapat diklik juga dapat meningkatkan perhatian pengguna. 21. Formatnya menarik perhatian Penggunaan huruf tebal, huruf kapital, font berwarna, dan garis bawah pada teks dapat membantu pengguna memperoleh informasi terpenting yang diungkapkan dalam teks. Anda perlu berhati-hati saat menggunakannya, karena penggunaan yang terlalu banyak dapat membuat halaman Anda sulit dibaca dan membuat takut pembaca. 22. Manfaatkan ruang putih dengan baik Meskipun tergoda untuk mengisi setiap inci halaman web Anda, sebenarnya lebih baik menyisakan sebagian ruang di situs Anda. Membebani situs web dengan informasi secara berlebihan dapat membuat pengguna kewalahan, dan mereka dapat melupakan sebagian besar konten yang disediakan. Jadi jagalah halaman web tetap sederhana dan sisakan ruang visual bagi pembaca untuk beristirahat. 23. Tempatkan di bagian atas halaman web, dan alat navigasi akan memainkan peran yang lebih baik. Idealnya, Anda tidak akan puas hanya dengan menelusuri halaman awal saat pembaca membuka situs Anda, namun Anda ingin mereka menelusuri halaman tersebut untuk melihat konten lain yang menarik. Menempatkan navigator di bagian atas halaman web memungkinkan pengguna dengan mudah menemukan konten target yang mereka butuhkan dengan menggunakan alat ini.