Bagaimana Eyetracking Akan Dapat Meningkatkan Desain Halaman Web Anda

JUDUL: Bagaimana Eyetracking Akan Dapat Meningkatkan Desain Halaman Web Anda


Anda menghabiskan waktu berjam-jam untuk membuat desain Anda sempurna. Gambar-gambar telah di-Photoshop dengan cermat. Ajakan bertindak telah direvisi dan disempurnakan berkali-kali. Anda tahu persis di mana Anda ingin mata pengguna mendarat dan dengan tepat bagaimana Anda ingin mata itu bergerak. Dan dengan munculnya teknologi pelacakan mata, akhirnya mungkin untuk mengetahui apakah itu benar-benar berfungsi atau tidak.

Menggunakan neuroteknologi mutakhir, studi pelacakan mata merekam pergerakan mata pengguna di seluruh halaman web. Peta panas yang dihasilkan menunjukkan "zona panas" dari elemen desain dan area halaman yang paling banyak mendapat perhatian.

“Teknologi telah membuatnya cukup mudah untuk mengukur di mana orang melihat,” kata Kurtis Morrison , Wakil Presiden Layanan Klien di EyeQuant . “EyeQuant telah membuatnya sangat mudah untuk memvalidasi ide desain Anda hanya dalam beberapa detik.” Morrison cukup baik untuk membiarkan kami memilih otaknya tentang bagaimana pelacakan mata dapat menghasilkan desain web yang lebih efektif.

Vladyslav Starozhilov |  Mata dengan grafik penglihatan
Mata dengan grafik penglihatan

Elemen mana yang paling penting dalam desain web yang efektif? Apakah pola F dan E-Shaped (tata letak yang memanfaatkan kecenderungan alami pengguna untuk membaca sisi kiri layar paling banyak) yang sering muncul ketika data pelacakan mata dibahas?

Morrison: Secara umum, Anda harus menekankan 3 “W”: konten yang menyampaikan tentang halaman tersebut, mengapa pengguna harus peduli, dan ke mana mereka harus pergi selanjutnya. Saya tidak berpikir itu berarti harus mengikuti pola F atau E . Sangat mungkin untuk melihat konten di luar pola F atau E, asalkan memiliki sifat menarik perhatian. Misalnya, jika kontras tinggi, terletak di pusat, dan tidak berantakan.

Apakah ada praktik terbaik dalam desain web yang telah ditentang atau bahkan dibantah oleh data pelacakan mata?

Benar. Misalnya, kearifan konvensional bahwa orang selalu melihat wajah adalah mitos. Kami telah menjalankan studi pelacakan mata di ribuan situs web yang berbeda, dan kami tahu pasti ada hubungan antara wajah dan perhatian, tetapi gagasan bahwa orang akan selalu melihat mereka sama sekali tidak benar. Satu lagi adalah orang-orang percaya bahwa jika Anda ingin beberapa teks menonjol, Anda harus membuatnya lebih besar. Saya telah melihat halaman dengan teks besar yang sangat relevan bagi pengguna, tetapi diabaikan sama sekali.

Apa yang harus diketahui desainer tentang memilih dan menggunakan gambar stok?

Jika Anda ingin orang melihat sebuah gambar, hal terpenting adalah kontrasnya tinggi — baik di dalam gambar itu sendiri, maupun dibandingkan dengan konten lainnya di halaman. Bukan hanya kontras warna yang penting, tetapi juga kontras pencahayaan. Anda harus meletakkannya di paro atas, di lokasi tengah, atau ke kiri atas. Juga pastikan bahwa itu tidak terlalu berantakan — itu harus memiliki ruang untuk bernafas di halaman.

Seberapa efektifkah elemen gambar-berat seperti memutar spanduk atau tayangan slide?

Gerak terbukti menjadi faktor yang awalnya menarik perhatian. Meskipun demikian, mereka juga cenderung mengganggu, dan biasanya berisi penawaran yang hanya relevan untuk sub-segmen orang yang datang ke halaman, sehingga orang tidak ingin melihatnya terlalu lama. Mereka umumnya memiliki efek negatif pada tingkat konversi untuk situs web bisnis, jadi saya tidak menyarankan untuk menggunakannya.

Area pahlawan besar ( seperti Apple) semakin populer. Apakah ini benar-benar efektif?

Tembakan pahlawan bisa sangat efektif jika gambarnya relevan. Kalau tidak, itu hanya pengalih perhatian. Jika Anda menggunakan fotografi stok, penting bagi Anda untuk memilih citra yang mendukung pesan Anda [dan tidak] mengambil terlalu banyak perhatian dari konten utama lainnya di halaman.

Apakah halaman pengguliran bentuk panjang berhasil, atau apakah mempertahankan elemen penting di paro atas masih merupakan strategi terbaik?

Setiap hari, pengguna tampaknya semakin nyaman dengan menggulir. Saya pasti pernah melihat situs web bentuk panjang yang sangat sukses. Pada saat yang sama, saya juga melihat data yang menunjukkan bahwa rata-rata pengguna masih menghabiskan sebagian besar waktu mereka untuk melihat konten paruh atas. Saya pikir lebih baik aman daripada menyesal. Anda tidak boleh berasumsi bahwa pengguna akan menggulir. Sebaliknya, Anda harus berasumsi bahwa Anda harus mendapatkannya dengan membuat kesan yang baik di paro atas.

Apa yang dapat diajarkan oleh pelacakan mata kepada kita tentang mendesain tombol untuk tautan?

Anda harus ingat bahwa manusia adalah makhluk yang kontras, jadi penting bahwa ada kontras yang tinggi antara tombol dan warna latar belakang, dan antara teks tombol dan tombol itu sendiri.

Berdasarkan data pelacakan mata, apakah pada akhirnya lebih baik untuk merancang di mana Anda ingin pengguna melihat, atau di mana Anda tahu pengguna akan melihat?

Sebagai seorang desainer, Anda memiliki kekuatan untuk mempengaruhi di mana orang akan melihat. Anda bukan budak tata letak atau pola tertentu. Penempatan elemen pada halaman hanyalah salah satu faktor yang memengaruhi apa yang akan dilihat orang. Itu berarti Anda dapat membuat orang melihat ke tempat yang Anda inginkan selama Anda memahami elemen dasar perhatian: kontras, pemosisian, ukuran, dan ruang putih.

 Tag:

blog,indonesia,tips dan tutorial,tips desain,

Posting Komentar

Post a Comment (0)

Lebih baru Lebih lama