UI/UX

Vùng chạm là gì?

touch targettap targetvùng bấm

Vùng chạm (touch target) là diện tích có thể chạm để kích hoạt một phần tử trên màn hình cảm ứng, thường được khuyến nghị tối thiểu khoảng 44×44 pt (Apple) hoặc 48×48 dp (Material Design).

Hiểu kỹ hơn

Biểu tượng có thể nhỏ hơn, nhưng vùng chạm vô hình xung quanh phải đủ lớn để ngón tay bấm chính xác. Các phần tử bấm được cần cách nhau đủ xa để tránh bấm nhầm. Đây là lỗi phổ biến trên website di động: link chữ nhỏ sát nhau, nút đóng quảng cáo tí hon. Định luật Fitts giải thích vì sao vùng lớn hơn thì dễ bấm hơn.

Ảnh minh hoạ Vùng chạm (touch target): một hàng biểu tượng nhỏ với vùng chạm 44 pt tô mờ quanh mỗi biểu tượng, so với bản vùng chạm quá sát
Một hàng biểu tượng nhỏ với vùng chạm 44 pt tô mờ quanh mỗi biểu tượng, so với bản vùng chạm quá sát

Thuật ngữ liên quan

01Định luật Fitts (Fitts's law)

Định luật Fitts cho biết thời gian để chạm hoặc trỏ tới một mục tiêu phụ thuộc vào khoảng cách đến nó và kích thước của nó: mục tiêu càng lớn và càng gần…

02Vùng ngón cái (thumb zone)

Thumb zone là vùng màn hình điện thoại mà ngón cái dễ chạm tới khi cầm máy một tay, thường là phần giữa và dưới; các góc trên xa nhất và khó với nhất.

03Accessibility (khả năng tiếp cận, a11y)

Accessibility là việc thiết kế sản phẩm số sao cho mọi người, kể cả người khiếm thị, khiếm thính, hạn chế vận động hay nhận thức, đều có thể nhận biết…

04Thiết kế ưu tiên di động (mobile-first)

Mobile-first là cách thiết kế bắt đầu từ màn hình điện thoại nhỏ nhất, rồi mở rộng dần lên máy tính bảng và máy tính, thay vì thiết kế máy tính trước rồi…