Các yếu tố cần kiểm tra: §
- Văn bản, hình ảnh, các nút được căn chỉnh chính xác.
- Trạng thái hover hay bấm chọn được làm nổi bật và thay đổi màu sắc khi thực hiện.
- Khu vực nhấp phù hợp (Tránh lỗi các phần tử nhấp quá gần nhau) gây khó khăn trong việc tương tác.
- Màu sắc, đổ bóng và gradient phù hợp.
- Kiểm tra phần padding chính xác.
- Văn bản, hình ảnh, nút điều hướng và khung không rộng hơn màn hình.
- Cỡ chữ, phông cữ và màu sắc phù hợp với từng loại văn bản.
- Ở form điền nội dung, nội dung đã nhập được hiện thị đúng.
- Kiểu tra tất cả các page trên website.
- Không bao giờ dùng thanh ngang (Nội dung tràn màn hình).
- Nội dung được xác định là quan trọng cần phải được hiển thị ở tất cả điểm dừng (breakpoint).
Quá trình kiểm tra: §
- Chạy dự án và mở dự án trên bất kì trình duyệt nào.
- Click chuột phải ở bất cứ điểm nào trên website và chọn kiểm tra phần tử (Inspect).
- Thay đổi kích thước màn hình vào theo dõi sự thay đổi của trang web ở từng kích thước.
Tinasoft