Ketika mengakses suatu situs online, pada awalnya pengguna akan dihadapkan pada tampilan awal “above the fold” sebelum melakukan scrolling ke bawah. Tampilan awal inilah tempat di mana sebaiknya pembuat situs meletakkan bagian-bagian yang dianggap penting oleh para pengguna.

Mari kita lihat contoh dengan melihat tampilan awal (untuk resolusi layar 1680×1050) dua situs berita: Detik dan Kompas. Penggunaan warna keduanya sudah cukup baik, karena tidak menggunakan terlalu banyak jenis warna untuk membedakan komponen-komponennya (dominan biru dan putih saja).

Menu horizontal di Detik ada dua susun, yang atas dengan huruf lebih besar merupakan tautan menuju sub-situs Detik seperti News, Finance, Hot, iNet, Sport. Yang di bawahnya menampilkan tautan menuju sub-rubrik seperti Sepakbola dan Travel, namun juga “dan lain-lain” seperti Detik Bandung, Detik Surabaya, Kolom Kita, myTrans.

Menu horizontal di Kompas juga ada dua: yang atas berwarna biru dan yang bawah berwarna putih, dipisahkan oleh logo dan iklan di antara keduanya. Yang atas merupakan tautan ke sub-situs Kompas seperti Cetak, Properti, Kompasiana, dan yang bawah merupakan tautan ke kategori berita online. Keduanya memiliki indikasi menu lanjutan “More” di bagian paling kanan, yang merupakan drop down menu.

Di menu yang atas, elemen-elemen menu lanjutan akan terlihat jika kursor diletakkan di mana pun, sedangkan di menu yang bawah elemen-elemen menu lanjutan hanya akan terlihat jika pengguna mengklik elemen “More” (ketidakkonsistenan). Pertanyaan yang perlu diajukan di sini: Apakah elemen-elemen dalam “More” itu memang diakses oleh pengguna? Apakah mereka penting sehingga lebih baik ditampilkan semua tanpa perlu melihat menu lanjutan, ataukah mereka tidak perlu ada sama sekali?

Iklan merupakan salah satu sumber penghasilan situs-situs ini. Dari tampilan awal, kita bisa melihat ada 4 lokasi iklan di Detik dan 3 lokasi iklan di Kompas. Kompas menggunakan lokasi berita Headline untuk menyisipkan iklan, sehingga walaupun di awalnya hanya terlihat 2 lokasi iklan, ternyata ada 3. Kedua situs menggunakan bagian header untuk meletakkan logo situs dan iklan.

Bagaimana dengan tampilan berita, sebagai fungsi utama suatu situs berita? Apakah kedua situs sudah menampilkan yang terpenting yang dicari oleh pengguna? Keduanya menggunakan lajur 3 kolom, cukup proporsional dengan banyaknya informasi per kolomnya. Kaidah banyaknya elemen per layar bisa sedikit diabaikan, karena situs berita merupakan pengganti koran cetak, di mana cara membacanya juga sudah mengharuskan pengguna untuk melakukan proses scanning cukup luas demi menangkap judul-judul penting.

Kedua situs menggunakan satu komponen besar untuk menampilkan berita Headline. Detik membuatnya melintasi dua kolom, dan Kompas menggunakan kolom tengah saja yang memang agak lebih besar dibanding yang lain. Detik menggunakan satu bagian statis yang berganti berkala dan bagian dinamis untuk menampilkan 7 judul berita (sekali tampil 2 judul). Kompas menampilkan bagian dinamis saja dengan foto besar dan judul berita sebanyak 5 buah (yang ke-6 adalah iklan).

Detik menggunakan bagian di bawah Headline untuk menampilkan berita-berita terkini, di mana di tampilan awal ini hanya terlihat satu-dua berita paling atas beserta preview-nya. Kompas menggunakan bagian di bawah Headline untuk menampilkan Topik Pilihan berupa judul dan preview berita (dan juga disisipi oleh satu berita Advetorial). Sehingga, pengguna Kompas melihat lebih banyak berita di layar awal. Selain itu, berita terkini di Kompas berlokasi cukup di atas, yaitu menggunakan kolom kiri mulai dari bagian atas. Lebih banyak berita yang ditampilkan walaupun menggunakan judul-judul saja tanpa preview, sehingga judul memegang peran penting untuk menarik pengguna.

Berita Terpopuler dan Terkomentari di Detik ada di lokasi terpisah, dan kadang tidak terlihat di tampilan awal (jika ada berita Headline dengan foto), sedangkan di Kompas ada dalam satu kolom bersama berita terkini (dengan terlebih dahulu mengklik tab menu). Di sini ada pertanyaan: apakah pengguna memilih memilih melakukan scrolling ke bawah untuk melihat berita terpopuler, atau mengklik tab di tampilan awal?

Tentu saja tidak berarti pengguna alergi scrolling, karena tampilan awal yang menarik bisa mempengaruhi pengguna untuk scrolling. Panjangnya laman juga mempengaruhi seberapa betah pengguna akan terus scrolling ke bawah.

Kedua contoh tampilan awal situs berita di atas memiliki kelebihan dan kekurangannya masing-masing, dan masih menyisakan pertanyaan-pertanyaan menarik untuk diketahui lebih lanjut dari para pengguna. Berfungsi-tidaknya suatu situs berita, dan nyaman-tidaknya berselancar dalam suatu situs berita, tentu mempengaruhi pengguna dalam menentukan situs berita pilihannya.

—
Artikel tentang User Experience (UX) ini ditulis oleh Qonita Shahab, peneliti UX yang pernah bekerja di bidang TI. Anda bisa follow akun Twitter-nya di @uxqonita.

[sumber thumbnail]