Gubuku – Pernah gak sih lo merhatiin gimana cara lo ngeliat sebuah poster, feed Instagram, atau landing page website buat pertama kalinya? Tanpa lo sadari, mata lo hampir selalu mulai dari sudut kiri atas, geser ke kanan, lalu meluncur ke bawah sampai berakhir di sudut kanan bawah.

Eits, itu bukan kebetulan atau kekuatan sihir, bestie! Di dunia graphic design dan user experience (UX), fenomena ini ada penjelasan ilmiahnya.

Biar desain lo gak cuma keren tapi juga makin efektif buat nyampaiin pesan, yuk bongkar rahasia di balik alur tatapan mata manusia ini!

1. Kebiasaan Membaca Budaya Barat (Reading Habit)

Alasan paling sederhana adalah kebiasaan/habit. Sejak kecil, mayoritas dari kita diajarkan buat membaca teks (seperti bahasa Indonesia atau Inggris) dari kiri ke kanan, lalu dari atas ke bawah.

Kebiasaan yang udah terlatih bertahun-tahun ini akhirnya ngebentuk muscle memory di otak dan mata kita. Jadi, pas lo dihadapkan sama bidang visual yang baru, otak secara otomatis bakal nerapin pola “membaca” yang sama.

2. Mengenal Gutenberg Diagram: Pola Z-Pattern dan F-Pattern

Dalam teori desain, pergerakan mata ini dijelaskan secara mendalam lewat Gutenberg Diagram. Diagram ini membagi area visual menjadi 4 kuadran utama:

1. Primary Optical Area (Kiri Atas): Area pertama yang pasti dilirik mata. Tempat paling pas buat naruh logo atau judul utama.

2. Strong Fallow Area (Kanan Atas): Area fokus kedua. Cocok buat tombol navigasi atau elemen pendukung.

3. Weak Fallow Area (Kiri Bawah): Area “buta” atau sering dilewati mata gitu aja kalau gak ada visual yang mencolok.

4. Terminal Area (Kanan Bawah): Titik akhir pergerakan mata (resting zone). Tempat paling krusial buat naruh Call to Action (CTA) seperti tombol “Buy Now” atau kontak.

Pola Populer Lainnya:

• Z-Pattern: Mata bergerak dari kiri atas $\rightarrow$ kanan atas $\rightarrow$ diagonal ke kiri bawah $\rightarrow$ kanan bawah. Sangat cocok buat desain yang minim teks (kayak poster, brosur, atau landing page promosi).

• F-Pattern: Mata membaca judul di atas dari kiri ke kanan, lalu turun ke bawah membaca awal baris secara vertikal. Pola ini biasanya terjadi pas orang membaca konten kaya teks (kayak artikel blog atau portal berita).

3. Gimana Cara Desainer Memanfaatkannya?

Tahu teori ini bikin lo bisa “menyetir” pandangan audiens sesuai keinginan lo. Biar pesan utama desain lo langsung nyampe, ini tips penataannya:

• Posisikan Logo/Judul di Kiri Atas: Biar audiens langsung tahu siapa lo dan apa yang mau lo tanyain/tawarin dalam kurun waktu 3 detik pertama.

• Gunakan Visual Hierarchy (Hirarki Visual): Buat elemen paling penting jadi lebih besar, lebih terang, atau lebih tebal dibanding elemen lainnya.

• Taruh “Penutup” di Kanan Bawah: Karena mata akan berakhir di kuadran kanan bawah, taruhlah hal terpenting yang lo mau audiens lakukan di sana. Misalnya: tombol “Daftar Sekarang”, nomor WhatsApp, atau info event.

Penulis kiki dari smkn 9 bungo