Seberapa penting aliran visual suatu antarmuka?


8

Baru-baru ini saya mengobrol dengan seorang teman tentang desain aplikasi penginstal. Saya menunjukkan bahwa aliran visualnya membingungkan. Ini mengarahkan mata saya dari kiri ke kanan dan kemudian ke atas dan kemudian kembali ke kiri bawah dan akhirnya menyeberang ke kanan. Dia menjawab bahwa dia tidak berpikir aliran visual sangat penting untuk desain grafis. Apakah memiliki arah dan aliran yang jelas antara unsur-unsur penting dalam desain grafis atau tidak penting dibandingkan dengan aspek lain?


4
Saya tidak yakin apa yang Anda maksudkan dengan memimpin baris dalam konteks antarmuka pengguna. Biasanya istilah itu digunakan dalam kaitannya dengan fotografi di mana gambar itu sendiri berisi garis visual untuk diikuti oleh pengguna. Antarmuka pengguna bukan gambar, dan mata cenderung mengikuti tata letak logis antarmuka (misalnya aliran teks: pemindaian dari kiri ke kanan, atas ke bawah) daripada garis geometris yang ditemukan dalam antarmuka.
Calvin Huang

4
Tangkapan layar akan sangat membantu menjelaskan masalah yang ada.
Philip Regan

Persis. Apa itu garis terdepan ? Apakah Anda berbicara tentang tajuk berita atau yang lainnya? Apakah Anda bertanya tentang memimpin yang pada dasarnya adalah garis tinggi?
Robert Koritnik

Saya pikir masalahnya adalah terminologi. Saya mengedit pertanyaan saya.
Computerish

Jawaban:


6

Alur visual suatu antarmuka memang penting, dan inilah alasannya:

  • Setiap layar antarmuka harus memiliki tindakan atau tindakan utama yang harus dilakukan. Alur visual harus secara alami menarik perhatian pada tindakan utama.
  • Semakin sedikit jarak yang ditempuh mata, semakin mudah antarmuka untuk memahami dan menggunakannya. Studi (pdf) tentang desain formulir membuktikan hal ini karena formulir dengan label selaras atas lebih cepat diselesaikan daripada formulir dengan label selaras kiri atau kanan.
  • Aliran visual yang membingungkan atau diperluas meningkatkan frustrasi pengguna. Karena mereka mempertimbangkan biaya frustrasi dan waktu yang dirasakan dibandingkan menyelesaikan tugas, banyak pengguna akan meninggalkan tugas.
  • Semakin banyak tugas yang ditinggalkan, semakin sedikit konversi. Dalam kasus teman Anda, itu berarti lebih sedikit pemasangan. Singkatnya, dia melukai intinya dengan mengabaikan desain yang bagus.

Salah satu sumber daya terbaik yang pernah saya lihat tentang topik ini adalah seri video oleh StomperNet (abaikan promosi penjualan, video-video tersebut layak untuk diolah). Fokus video adalah untuk meningkatkan konversi situs web, tetapi ada banyak prinsip desain yang kuat dengan dasar ilmiah di dalamnya yang dapat diterapkan pada desain apa pun.

Jika video bukan urusan Anda, lihat studi ini, Mengidentifikasi Masalah Kegunaan Web dari Eye-Tracking Data (pdf), yang menyoroti masalah kegunaan khusus yang berasal dari aliran visual yang buruk.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.