Menyentuh

Penempatan tombol mana yang lebih dapat digunakan untuk disentuh

Penempatan tombol mana yang lebih dapat digunakan untuk disentuh
  1. Apa saja praktik terbaik area target untuk antarmuka sentuh?
  2. Lebar tombol apa yang terbaik?
  3. Bagaimana cara meningkatkan ukuran target sentuhan saya?
  4. Apa bantalan yang ideal untuk tombol?

Apa saja praktik terbaik area target untuk antarmuka sentuh?

Pertimbangkan untuk membuat target sentuh setidaknya 48x48dp, dipisahkan oleh 8dp ruang atau lebih, untuk memastikan kepadatan informasi dan kegunaan yang seimbang. Target sentuhan 48x48DP menghasilkan ukuran fisik sekitar 9mm, terlepas dari ukuran layar. Ukuran target yang disarankan untuk objek layar sentuh adalah 7-10mm.

Lebar tombol apa yang terbaik?

Studi oleh MIT Touch Lab menunjukkan bahwa 10mm x 10mm adalah ukuran minimum terbaik untuk tombol karena ukuran rata -rata ujung jari. Merancang tombol tidak hanya harus menyenangkan mata, tetapi mereka juga perlu masuk akal untuk pengguna.

Bagaimana cara meningkatkan ukuran target sentuhan saya?

Jika Anda menyesuaikan CSS Anda dalam kueri media untuk meningkatkan target sentuh, menguji pointer kasar memungkinkan Anda untuk meningkatkan target keran untuk semua pengguna layar sentuh. Ini memberikan area tap yang lebih besar apakah perangkat adalah telepon atau perangkat yang lebih besar.

Apa bantalan yang ideal untuk tombol?

Tombol bantalan adalah salah satu aspek paling penting dari gaya tombol. Gaya pribadi saya adalah mengatur bantalan vertikal yang sama dengan tinggi font, dan mengatur bantalan horizontal ke 1.Tinggi 33 kali vertikal. Jika ketinggian font adalah 20px, padding vertikal adalah 20px, dan bantalan horizontal adalah 27px.

Menyembunyikan tautan duplikat dengan aria-hidden
Haruskah saya menggunakan aria tersembunyi?Bagaimana cara menyembunyikan label aria saya?Apakah aria tersembunyi berlaku untuk elemen anak?Apa perbed...
Cara meningkatkan kemajuan/bilah status?
Mengapa Bar Kemajuan Baik?Adalah bilah kemajuan yang efektif?Ada berapa jenis bilah kemajuan? Mengapa Bar Kemajuan Baik?Progress Bars memiliki satu ...
Beberapa tingkat teks bersyarat
Dapatkah Anda melakukan pemformatan bersyarat dengan 2 kondisi?Bisakah Anda memiliki lebih dari 3 format bersyarat di Excel? Dapatkah Anda melakukan...