Giao diện xấu thường không phải do thiếu ý tưởng mà do vi phạm vài nguyên tắc cơ bản. Ba nguyên tắc dưới đây sửa được phần lớn vấn đề.
Chương 1: Khoảng trắng không phải chỗ bỏ phí
Người mới hay cố nhét thêm nội dung vào khoảng trống. Nhưng khoảng trắng chính là thứ tạo ra nhóm: các phần tử gần nhau được não hiểu là cùng một nhóm.
Quy tắc thực dụng: khoảng cách bên trong một nhóm phải nhỏ hơn khoảng cách giữa các nhóm. Nhãn nằm sát ô nhập của nó hơn là sát ô nhập phía trên.
Chương 2: Tương phản đủ để đọc được
Mục 2.1 Ngưỡng cần đạt
Chuẩn WCAG mức AA yêu cầu tỷ lệ tương phản tối thiểu 4.5:1 cho chữ thường và 3:1 cho chữ lớn. Chữ xám nhạt trên nền trắng là lỗi phổ biến nhất.
Mục 2.2 Tương phản không chỉ là màu
Đừng dùng riêng màu để truyền đạt thông tin. Khoảng 8 phần trăm nam giới bị rối loạn phân biệt màu, với họ nút đỏ và nút xanh trông như nhau. Luôn kèm thêm biểu tượng hoặc chữ.
Chương 3: Thứ bậc thị giác
Người dùng không đọc, họ quét. Thứ bậc quyết định thứ tự mắt dừng lại.
Ba công cụ tạo thứ bậc, xếp theo sức mạnh:
- Kích thước: chữ to được nhìn trước
- Độ đậm: đậm hơn nổi hơn, nhưng đậm hết thì không gì nổi
- Màu: dùng sau cùng, và tiết kiệm
Sai lầm hay gặp là làm mọi thứ đều nổi bật. Khi tất cả cùng to và đậm thì không còn thứ bậc nào nữa.