Sering lihat iklan banner kan ? baik ketika surfing di internet ataupun offline ketika terjebak macet di tengah jalan. iklan banner, spanduk, baliho,blllboard yang kita sering lihat di jalan bermaksud menyampaikan pesan kepada kita,akan tetapi dari begitu banyaknya yang kita lihat, seberapa banyak yang kita ingat pesan yang disampaikan ?, mana yang lebih kita ingat, gambar atau tulisannya?
ada suatu riset mengenai pergerakan mata pengamat ketika melihat photo/gambar , ratusan orang dikumpulkan,diamati pergerakan mata ketika mellihat beberapa object photo/gambar.
Dari hasil riset tersebut dikembangkan model prediksi yang dinamakan saliency model.
bisa dicari infonya di google menggunakan keyword saliency model.
Ada banyak contoh source code yang menjalankan saliency model, dan saya coba jalankan untuk mengetahui beberapa contoh banner
sebagai contoh, dari 20 logo perusahaan dibawah ini, objek manakah yang mendapat perhatian ?
Jawabannya bisa dilihat dibawah ini, daerah spot merah ,adalah daerah yang sering dilihat , sedangkan daerah biru adalah daerah yang sering luput dari perhatian
Contoh kedua: banner dengan pesan tulisan, apakah mudah diingat ?
objek yang sering dilihat ternyata gambar dan bukan tulisan. warna merah adalah yang sering mendapat perhatian.
Contoh ketiga: Ketika kita melihat spanduk caleg bertaburan seperti ini, seolah berebut perhatian,manakah spanduk yang lebih dulu mendapatkan perhatian ketika kita beradadari posisi seperti pada photo ini.
Inilah jawabannya. posisi lebih dekat memang cenderung mendapatkan perhatian lebih dahulu, photo gambar wajah lebih berpotensi mendapatkan perhatian ketimbang tulisan.
contoh lain: tulisan dan gambar? lebih efektif mana untuk mendapatkan perhatian ?
ternyata tulisan kadang bisa mendapat perhatian lebih dahulu ketimbang objek gambar, apabila objek gambar terlalu kecil ,terpisah-pisah dan gambar tidak menarik.
Contoh lain lagi: tulisan dan gambar ,mana yang lebih dahulu mendapatkan perhatian ?
jawabannya adalahobjek gambar dalam kasus ini, entah saya juga tidak mengerti. berbeda dengan contoh sebelumnya, mungkin karena gambarnya terlalu menarik dibandingkan tulisannya.
Nah sekarang, bagaimana kalau menampilkan belasan gambar produk, efektif nggak ya?
begini jawaban-nya. area merah yang sering mendapatkan perhatian.
contoh banner caleg dong. oke sekarang kita perhatikan contoh banner caleg. Memang tidak mudah menyampaikan pesan untuk memilih seorang caleg.ada info wajah, partai pendukung, tingkatan caleg apakah caleg dpr,caleg dprd propinsi, caleg dprd kabupaten atau caleg dpd.Dan info nomor urut pencalonan juga penting.
Kita bahas beberapa contoh. contoh pertama. info mana yang lebih dahulu tersampaikan pada banner dibawah ini?
inilah jawabanya:. tulisan paling atas lebih dahulu mendapatkan perhatian. wajah dan nama depan berhasil mendapakan perhatian,akan tetapi info level caleg tingkat dprd terlewatkan
contoh kedua:info mana yang lebih dahulu tersampaikan pada banner dibawah ini?
jawabannya: partai dan wajah lebih dahulu mendapatkan perhatian.
contoh ketiga:
jawabannya: pada kasus ini, entah kenapa tulisan lebih dominan ,ketimbang objek wajah.mungkin karena posisi berada ditengah atau bentuk font yang tidak umum ?
contoh ke-empat:apakah selalu objek wajah lebih dahulu mendapatkan perhatian?
jawabannya: dalam kasus ini, ternyata nama caleg lebih dahulu mendapatkan perhatian. objek wajah hanya dilihat sekilas, bahkan objek wajah dikalahkan oleh tulisan,
contoh kelima:pertanyaa masih sama: objek info tulisan atau wajah yang lebih dulu mendapatkan perhatian?
Jawabannya: ternyata cukup seimbang, info wajah, nomor urut ,nama caleg dan info partai mendapatkan porsi yang semibang. sangat jarang ada desain banner caleg yang berhasil mendapatkan perhatian yang seimbang seperti ini.
contoh ke-enam: pertanyaannya yang sama, info apakah yang lebih dulu tersampaikan ?
jawabannya: objek wajah sangat dominan, dikuti logo partai dan nama.info nomor urut dan caleg ternyata terabaikan.
contoh ke-tujuh: bagaimana kalau menampilkan 4 wajah dalam satu banner?
inilah jawabannya: nama caleg luput dari perhatian,tiga wajah dan logo partai berhasil mendapatkan perhatian
contoh ke-8
jawabannya:info caleg dan nama lumayan dapat, begitu juga dengan wajah dan nomor urut.
paper bagus tentang saliency prediction bisa dibaca disini: https://arxiv.org/abs/1810.03716
tertarik menggunakan metode saliency untuk uji banner desain anda?, di github banyak contoh source codenya.ambil aja dan jalankan di komputer sendiri.
https://github.com/imatge-upc/saliency-2016-cvpr
ingin cara singkat,bisa saya bantu , kirim pesan dan bannernya ke wa aja ya,kalau sempat saya coba prediksikan,1 banner rp 5,000 ya.