Khi phát triển HyundaiBacNinh.com thành website thông tin độc lập, bảng đối chiếu có thể là nơi người đọc mất phương hướng nhanh nhất: kéo sang phải rồi quên tên phiên bản, thấy một dấu gạch nhưng không biết là thiếu dữ liệu hay không có trang bị. Bài này đưa ra brief giao diện và bộ tình huống nghiệm thu cho bảng trên điện thoại, dành cho người xây dựng website, không phải bảng thông số của xe đang bán.
Phần tổ chức hồ sơ đã được trình bày trong bài xây thư viện đối chiếu phiên bản xe. Ở đây, mục tiêu hẹp hơn: giữ đúng quan hệ giữa tên tiêu chí và giá trị khi màn hình nhỏ, phóng to chữ hoặc dùng công nghệ hỗ trợ. Các cách bố trí dưới đây là đề xuất, chưa phải tính năng đang có trên website.
1. Chốt điều người đọc phải nhìn thấy cùng lúc
Một hàng dữ liệu chỉ có nghĩa khi người đọc biết nó thuộc tiêu chí nào và hồ sơ nào. Vì vậy, trước khi vẽ giao diện, hãy chọn một nhóm nhỏ để thử: nhận diện hồ sơ, không gian sử dụng và ghi chú nguồn. Chưa cần dựng bảng dài chứa mọi trường.
Trong bản thử, đặt tên phiên bản, năm mẫu và thị trường trong nhãn cột. Khi chuyển sang thẻ dọc trên điện thoại, lặp lại tên tiêu chí bên cạnh từng giá trị; đừng giữ các con số nhưng bỏ nhãn. Nếu cần cuộn ngang, thêm hướng dẫn ngắn và kiểm tra người dùng vẫn nhận ra cột đang xem. Không giấu dữ liệu chỉ để trang trông gọn hơn.
2. Viết cấu trúc bảng trước khi tô màu
Theo hướng dẫn bảng dữ liệu của W3C WAI, ô tiêu đề và ô dữ liệu cần cấu trúc HTML thể hiện mối quan hệ; hình thức trực quan đơn thuần không đủ. Với bảng đơn giản có tiêu đề hàng và cột, nhóm phát triển có thể dùng th cho tiêu đề, td cho dữ liệu và scope để chỉ hướng hàng hoặc cột. Caption giúp gọi tên nội dung bảng.
Yêu cầu bàn giao nên mô tả kết quả: khi đọc một ô bằng trình đọc màn hình, phải xác định được tiêu chí và hồ sơ liên quan. Đừng chỉ yêu cầu “hàng đầu in đậm”. Tránh tiêu đề gộp nhiều tầng ở phiên bản đầu; nếu không thể đơn giản hóa, cần xử lý quan hệ tiêu đề phức tạp theo hướng dẫn kỹ thuật phù hợp.
3. Phân biệt ba trạng thái thiếu thông tin
- Chưa xác minh: nhóm biên tập chưa có nguồn đủ rõ cho trường này.
- Không áp dụng: tiêu chí không phù hợp với hồ sơ, kèm giải thích ngắn.
- Không được trang bị: chỉ dùng khi nguồn của đúng phiên bản xác nhận điều đó.
Đây là quy ước biên tập đề xuất, không phải kết luận về xe cụ thể. Một dấu gạch chung cho cả ba trạng thái sẽ khiến người đọc tự đoán. Nếu dùng màu, vẫn cần nhãn chữ; bản in đen trắng và người không phân biệt được màu vẫn phải hiểu cùng một nội dung.
4. Bộ ca kiểm thử để gửi người làm website
- Tên phiên bản dài: nhập nhãn giả lập dài để xem có che giá trị không. Nhãn phải xuống dòng hoặc mở xem đầy đủ, không cắt mất phần phân biệt phiên bản.
- Chữ lớn: phóng to trên trình duyệt rồi đọc từ tiêu đề đến cuối nhóm. Không chấp nhận chữ chồng lên nhau hoặc nút nguồn biến mất.
- Chỉ dùng bàn phím: đi qua các nút chọn hồ sơ, điều khiển nhóm và liên kết nguồn. Vị trí đang chọn cần nhìn thấy; không bị mắc kẹt trong vùng cuộn.
- Một hồ sơ thiếu dữ liệu: nhãn thiếu phải còn nguyên khi bật chế độ chỉ hiện khác biệt. Không biến ô thiếu thành kết quả thắng hoặc thua.
- In trang: kiểm tra tên hồ sơ, tiêu chí và ghi chú nguồn còn đi cùng nhau. Nếu bản in không hỗ trợ, nói rõ thay vì đặt nút tải xuống không hoạt động.
- Quay lại sau khi mở nguồn: người đọc cần tìm lại được nhóm đang đối chiếu; không nên tự xóa lựa chọn khi mở một liên kết.
Người nghiệm thu nên ghi thiết bị, trình duyệt, thao tác, kết quả thực tế và ảnh lỗi. Danh sách này là điểm khởi đầu cho kiểm thử, không thay thế một cuộc đánh giá khả năng tiếp cận đầy đủ.
5. Liên kết giải thích phải nói rõ sẽ mở gì
Ở tiêu chí chỗ ngồi, có thể dẫn sang bài chọn xe 5 chỗ hay 7 chỗ theo nhu cầu gia đình để giải thích bối cảnh sử dụng, không coi bài đó là nguồn xác nhận thông số phiên bản. Liên kết tài liệu kỹ thuật cần được phân biệt với bài tư vấn.
Google Search Central hướng dẫn dùng liên kết có href và văn bản mô tả rõ. Với bảng đối chiếu, hãy đặt tên liên kết theo tài liệu hoặc nội dung đích thay vì lặp “xem thêm” ở mọi hàng. Đây là cách làm rõ đường đi của người đọc, không phải cam kết thứ hạng.
Khi nào bảng đủ điều kiện đưa lên?
Chỉ mở rộng sau khi bảng nhỏ vượt qua các tình huống đã thống nhất. Cần sửa lỗi mất nhãn, hiểu sai ô trống và liên kết hỏng trước hiệu ứng trang trí. Lưu kết quả nghiệm thu cùng phiên bản giao diện để biết thay đổi sau này có làm hỏng trải nghiệm cũ hay không.
Có nên thay bảng bằng một ảnh chụp?
Không nên dùng ảnh làm cách duy nhất để đọc dữ liệu. Chữ và quan hệ giữa các ô cần tồn tại trong nội dung trang. Ảnh minh họa có thể giúp giải thích bố cục nhưng không thay cho bảng có cấu trúc.
Có cần xây công cụ so sánh ngay khi mua tên miền?
Không. Có thể bắt đầu bằng một trang mẫu tĩnh được kiểm tra kỹ rồi mới quyết định đầu tư bộ chọn hồ sơ. Tên miền không tự tạo ra dữ liệu, quyền đại diện thương hiệu hoặc năng lực vận hành công cụ.
HyundaiBacNinh.com đang được rao bán. Anh/chị quan tâm chuyển nhượng tên miền có thể liên hệ 0945 279 268, theo thông tin công khai trên website. Đây là liên hệ tên miền, không phải tư vấn bán xe hoặc đặt lịch đại lý. Website là nguồn nội dung độc lập, không tự nhận đại diện Hyundai.
