Một website nhìn gọn trên máy tính vẫn có thể khó dùng trên điện thoại. Menu không mở, nút bị thanh chat che hoặc bàn phím phủ mất ô nhập đều có thể cản khách liên hệ. Kiểm tra mobile nên đi theo một hành trình cụ thể, không chỉ chụp trang chủ ở kích thước nhỏ rồi kết luận giao diện đã ổn.
Chọn trang và thiết bị cần thử
Bắt đầu với trang chủ, trang dịch vụ chính, một bài dài và trang liên hệ. Nếu có dữ liệu truy cập được phép sử dụng, chọn thêm các trang và nhóm thiết bị phổ biến. Ghi trình duyệt, kích thước màn hình, chiều dọc hoặc ngang và trạng thái đăng nhập để lỗi có thể được tái hiện.
Chế độ mô phỏng giúp rà nhanh nhiều kích thước. Tuy nhiên, tài liệu Chrome DevTools nêu đây chỉ là cách mô phỏng gần đúng. Nên kiểm tra thêm trên điện thoại thật, đặc biệt với bàn phím, thao tác chạm, cuộn trang và các lỗi chỉ xuất hiện ở một trình duyệt.
Đi từ đọc hiểu đến thao tác
Mở menu, chọn mục con rồi quay lại trang trước. Kiểm tra tiêu đề có bị cắt, đoạn văn có dễ đọc và ảnh có giữ phần nội dung quan trọng. Bảng rộng, đoạn mã và video nhúng cần có cách hiển thị phù hợp, tránh làm cả trang bị kéo ngang. Thử tăng cỡ chữ để tìm khu vực bị tràn.
Tiếp theo, bấm nút liên hệ, số điện thoại hoặc đường dẫn đặt lịch theo chức năng có sẵn. Các nút gần nhau cần đủ khoảng cách để hạn chế chạm nhầm. Không sử dụng màu sắc làm dấu hiệu duy nhất cho thông tin quan trọng; nhãn và trạng thái cần dễ hiểu khi đọc bằng mắt thường.
Đặc biệt chú ý biểu mẫu và lớp nổi
Điền form bằng dữ liệu thử, xem nhãn còn hiển thị khi nhập và thông báo lỗi có nằm gần trường liên quan. Khi bàn phím mở, kiểm tra nút gửi có tiếp cận được không. Thử đóng popup, banner cookie và cửa sổ chat; chúng không nên che toàn bộ nội dung hoặc giữ người dùng trong một lớp không thoát được.
Thử thêm khi mạng chậm để thấy ảnh và phông chữ tải vào có làm nút nhảy vị trí. Ghi ảnh chụp hoặc video ngắn cùng các bước tái hiện. Một báo cáo ghi “giao diện lỗi” khó sửa hơn mô tả rõ trang nào, thiết bị nào và thao tác nào dẫn đến lỗi.
Sửa theo mức cản trở
Ưu tiên lỗi chặn liên hệ hoặc hoàn tất công việc, sau đó đến lỗi khó đọc và cuối cùng là chỉnh thẩm mỹ. Kiểm tra lại trên máy tính sau khi sửa để tránh tạo vấn đề ở kích thước khác. Bạn có thể gửi Tý Hon một vài URL và ảnh lỗi trên điện thoại để thống nhất danh sách trang, thiết bị và tiêu chí nghiệm thu trước khi chỉnh giao diện.
