Nút gọi hoặc chat cố định giúp khách liên hệ nhanh, nhưng nếu đặt sai vị trí, nó có thể che nút gửi biểu mẫu, dòng cuối bài hoặc một thông báo quan trọng. Trên điện thoại, không gian ít nên cần kiểm tra cả nhóm thành phần nổi cùng lúc, thay vì đánh giá riêng một biểu tượng.
Kiểm kê mọi thứ đang nổi trên màn hình
Ghi lại nút gọi, chat, Zalo, lên đầu trang, thông báo cookie và thanh khuyến mãi. Một thành phần có thể đến từ giao diện, phần khác từ tiện ích hoặc mã nhúng. Nếu chỉ chỉnh một nút, các thành phần còn lại vẫn có thể chồng lên nhau ở một số trang.
Xem chúng xuất hiện lúc nào: ngay khi mở trang, sau vài giây, khi cuộn hoặc sau lần truy cập đầu. Kiểm tra trong cửa sổ riêng tư và trạng thái đã lưu lựa chọn, vì thông báo quyền riêng tư có thể làm bố cục khác đáng kể.
Thử tại các vị trí dễ bị che
Cuộn tới cuối bài, chân trang và khu vực biểu mẫu. Chạm vào ô nhập để bàn phím mở rồi kiểm tra phần còn nhìn thấy. Nút liên hệ có thể không che nội dung khi đọc, nhưng lại phủ nút gửi khi màn hình bị bàn phím chiếm một phần.
Mở menu và hộp thoại nếu website có. Thử chữ lớn hơn hoặc màn hình ngang để phát hiện trường hợp thanh nổi chiếm quá nhiều diện tích. Nếu không thể xem hoặc bấm một điều khiển quan trọng, cần xử lý đó như lỗi chức năng, không chỉ lỗi thẩm mỹ.
Chọn cách giảm chiếm chỗ có chủ đích
Có thể giảm số nút cùng xuất hiện, gom hành động có liên quan hoặc dành khoảng trống phù hợp ở cuối nội dung. Nút nào quan trọng nhất nên được xác định theo nhu cầu của khách. Không cần hiển thị mọi kênh liên hệ ở mọi vị trí chỉ vì doanh nghiệp có nhiều tài khoản.
Nếu dùng cách thu gọn hoặc ẩn theo trạng thái, cần giữ khả năng tìm lại và thao tác bằng bàn phím. Một biểu tượng không có nhãn rõ có thể gây khó hiểu. Thay đổi vị trí cũng phải tránh vùng điều khiển của trình duyệt và không tạo nút quá nhỏ để chạm chính xác.
Xác minh hành động của từng nút
Sau khi chỉnh bố cục, thử số điện thoại, địa chỉ chat và liên kết ứng dụng trên thiết bị thật. Nút không che nội dung nhưng dẫn sai người nhận vẫn chưa đạt yêu cầu. Kiểm tra cả tên hiển thị và thông tin ở trang liên hệ để tránh nhiều phiên bản không thống nhất.
Bạn có thể gửi ảnh các nút đang chồng nhau cho Tý Hon, kèm URL và thao tác trước đó. Phạm vi nên gồm bố cục, trạng thái xuất hiện và đích liên hệ, không chỉ đổi màu hoặc kích thước biểu tượng.
Tham khảo: Thiết kế thích ứng theo mẫu giao diện.
