it-swarm.asia

Ukuran elemen formulir yang dapat ditindaklanjuti

Saya bukan perancang UI dengan cara apa pun. Saya perhatikan dalam satu atau dua tahun terakhir bahwa tombol/tautan penting ... dll di banyak situs web sekarang memiliki zona klik yang sangat besar. Saya harus mengatakan bahwa saya menghargainya, karena mendapatkan kursor untuk mengambil tindakan adalah sesuatu yang menyebalkan. Saya akan mengatakan itu mungkin lebih relevan sekarang dengan ponsel, yang bahkan mungkin menjadi pendorong untuk perubahan desain ini.

Jadi, apakah ada aturan praktis untuk ukuran tombol/tautan pada halaman web?

8
rick schott

Itu semua didasarkan pada hukum Fitts yang memberi Anda waktu rata-rata yang diperlukan pengguna untuk mendapatkan kursor ke tombol. Anda dapat menemukan artikel yang berbeda pada subjek seperti Hukum UI Fitts Diterapkan ke Web atau bahkan podcast Jared Spool .

Dan aturan praktisnya mudah: tombol penting harus sangat besar sehingga bisa ditekan dengan, secara praktis, ibu jari (halo, iPad) :-)

10
Kostya

Inilah aturan praktis untuk iPhone, dari Panduan Antarmuka Manusia Apple .

Buat kontrol yang setidaknya 29 piksel tinggi dan berikan area target yang 44 piksel tinggi.

Lebih banyak dari buku itu, Tapworthy , tempat saya menemukannya.

Tapi seberapa besar cukup besar dalam target tap iPhone? Nah, apa ukuran ujung jari? Apple pasak tepat pada 44 piksel dan ukuran ini muncul andal di seluruh kontrol iPhone standar

5

Tidak ada banyak aturan praktis karena ada kesadaran yang berkembang bahwa tidak semua pengguna internet memiliki ketangkasan dan kelincahan seorang desainer, antarmuka profesional fulltime. Kembali pada tahun 1999/2000 Anda melihat banyak desain "pixel" di mana semuanya kecil dan menggunakan tombol 8x8 besar. Sejak boom usability yang diinspirasi oleh Steve Krug, Kathy Sierra, 37signals, Jakob Nielsen dan lainnya sepanjang tahun 2000-an, orang-orang menjadi lebih sadar tentang bagaimana dapat digunakannya aplikasi dan situs mereka dan sudah mulai merancang yang sesuai.

Sisi lain dari cerita ini adalah bahwa layar dan resolusi layar secara umum semakin besar. Rata-rata hari ini mungkin 1280x1024 dan lebih tinggi, sedangkan sepuluh tahun yang lalu Anda akan beruntung menemukan 1280x1024 pengunjung di situs Anda karena kebanyakan orang masih rata-rata sekitar 800x600. Karena resolusinya lebih besar, lebih banyak piksel masuk ke layar dan apa yang sebelumnya cukup mudah dilihat kini semakin kecil (dan karenanya, lebih sulit untuk diklik).

Dan akhirnya, pengenalan perangkat berbasis sentuh telah menyebabkan banyak pengembang untuk mulai menganggap serius area klik, karena sulit untuk mencapai target kecil dengan sesuatu yang tidak tepat seperti jari jika dibandingkan dengan presisi ekstrim dari pointer mouse.

Semua perubahan ini mungkin akan mengarah pada aturan praktis di beberapa titik, tetapi secara keseluruhan hal terbaik yang dapat Anda lakukan adalah mengidentifikasi jenis audiens yang mengunjungi situs Anda dan mendesainnya, dengan mempertimbangkan siapa mereka, perangkat apa yang mereka miliki menggunakan, dan elemen lain seperti berapa banyak ruang yang Anda miliki di layar/jendela Anda.

4
Rahul

Pada tingkat tertentu, ukuran zona klik relatif terhadap elemen lain pada halaman. Saya tidak memiliki standar yang ketat, tetapi saya biasanya menemukan bahwa tombol saya memiliki ketinggian setidaknya 40px dan ukuran teks saya biasanya setidaknya 13px. Saya juga berpikir bahwa untuk navigasi dan tombol lainnya dengan setidaknya beberapa komponen grafis, penting untuk membuat seluruh area dapat diklik, bukan hanya teks.

0
Virtuosi Media