Website doanh nghiệp trên điện thoại: những điều hay bị bỏ sót

Nhiều chủ doanh nghiệp kiểm tra website bằng laptop ở văn phòng. Trang trông gọn gàng, ảnh to, mọi thứ có vẻ ổn. Nhưng khách hàng tiềm năng thường mở nó theo cách khác: từ đường link gửi qua WhatsApp, trên điện thoại, trong lúc chờ họp hoặc khi đang ở công trường.

Trên màn hình nhỏ, những vấn đề không thấy trên laptop trở nên rõ ràng. Nút khó bấm, bảng bị cắt, biểu mẫu điền mệt mỏi. Bài viết này nói về những điểm hay bị bỏ sót nhất và cách tự kiểm tra.

Vì sao giao diện trên điện thoại quan trọng

Có hai lý do. Thứ nhất là khách truy cập. Hãy mở Google Analytics hoặc công cụ phân tích bạn đang dùng, rồi xem tỷ lệ khách truy cập theo loại thiết bị. Con số này khác nhau ở mỗi doanh nghiệp, nên tốt hơn là xem dữ liệu của chính bạn thay vì đoán.

Thứ hai là Google. Google dùng phiên bản di động của website để lập chỉ mục và xếp hạng, đồng thời yêu cầu nội dung phiên bản di động giống phiên bản máy tính. Vì vậy, nếu có thông tin bị ẩn trên điện thoại cho gọn, Google cũng có thể không đọc được thông tin đó.

Nút và liên kết quá nhỏ

Ngón tay không chính xác bằng con trỏ chuột. Các nút nhỏ nằm sát nhau khiến khách bấm nhầm và bực mình. Hướng dẫn tiếp cận WCAG 2.2 đặt mức tối thiểu 24 × 24 pixel CSS cho vùng chạm, hoặc khoảng cách đủ rộng giữa các vùng chạm. Đó là mức tối thiểu, không phải kích thước lý tưởng. Nút chính như "Yêu cầu báo giá" nên lớn hơn nhiều và dễ chạm bằng ngón cái.

Một vài chi tiết nhỏ hay bị quên:

• Số điện thoại không bấm được. Nếu số được viết như văn bản thường, khách phải tự sao chép. Với liên kết tel:, điện thoại sẽ đề nghị gọi ngay.
• Menu quá nhiều tầng. Menu ba cấp dùng chuột thì tiện, nhưng trên điện thoại lại khó dùng. Hãy rút gọn menu và đảm bảo trang quan trọng chỉ cách một hai lần chạm.
• Nút nổi che nội dung. Nút WhatsApp, nút chat và nút "lên đầu trang" có thể chồng chất ở góc màn hình và che chữ hoặc nút khác.

Bảng thông số và tài liệu không vừa màn hình

Website của nhà sản xuất và nhà phân phối thường có bảng thông số nhiều cột: mã, kích thước, vật liệu, trọng lượng, quy cách đóng gói. Trên laptop thì đọc được. Trên điện thoại, cột bị cắt, hoặc cả trang có thể bị kéo sang ngang khiến bố cục lộn xộn.

Có vài cách xử lý. Bảng có thể cuộn ngang trong khung riêng của nó, còn trang thì đứng yên. Với bảng ngắn, mỗi hàng có thể hiển thị thành một thẻ nhỏ trên điện thoại. Với bảng rất lớn, chỉ hiện các cột quan trọng nhất và cho tải datasheet đầy đủ.

Cũng cần cẩn thận với thông tin chỉ nằm trong một tệp PDF lớn. Trên điện thoại, khách phải tải cả tệp về trước khi đọc được dù chỉ một dòng.

Biểu mẫu điền mệt mỏi trên điện thoại

Gõ chữ trên điện thoại chậm hơn và dễ sai hơn. Mỗi ô thêm vào biểu mẫu yêu cầu báo giá là thêm một lý do để bỏ dở giữa chừng.

• Chỉ hỏi những gì cần. Tên, công ty, thông tin liên hệ và nhu cầu thường là đủ cho lần liên hệ đầu tiên. Chi tiết khác có thể hỏi khi liên hệ lại.
• Dùng đúng loại ô nhập. Ô email và số điện thoại được thiết lập đúng sẽ khiến điện thoại hiện bàn phím phù hợp: bàn phím có ký tự @ cho email, và bàn phím số cho điện thoại.
• Cho phép tự động điền. Với thiết lập autocomplete, trình duyệt có thể điền tên, email, số điện thoại và tên công ty đã lưu trên điện thoại của khách.
• Thông báo lỗi rõ ràng, ngay cạnh ô bị sai, chứ không phải ở đầu trang nơi không ai nhìn thấy.

Cửa sổ bật lên và banner che màn hình

Một cửa sổ bật lên chỉ che một phần màn hình laptop có thể che kín màn hình điện thoại. Nếu nút đóng nhỏ, khách sẽ rời khỏi website.

Chính Google khuyên không nên che toàn bộ trang bằng cửa sổ bật lên, mà nên dùng banner chỉ chiếm một phần nhỏ màn hình. Theo Google, những yếu tố gây phiền như vậy khiến công cụ tìm kiếm khó hiểu nội dung trang hơn và có thể làm giảm lòng tin của khách. Ngoại lệ là các thông báo bắt buộc theo luật.

Tốc độ trên mạng di động

Laptop ở văn phòng thường dùng kết nối ổn định. Điện thoại ngoài đường thì không phải lúc nào cũng vậy. Ảnh sản phẩm dung lượng lớn, video nền và quá nhiều script bổ sung ảnh hưởng rõ nhất ở đây.

Google dùng ba chỉ số Core Web Vitals. Ngưỡng "tốt" là: nội dung chính hiển thị trong vòng 2,5 giây, trang phản hồi thao tác chạm trong vòng 200 mili giây, và độ dịch chuyển bố cục không quá 0,1. Các chỉ số này được đánh giá riêng cho điện thoại và máy tính. Bạn có thể kiểm tra miễn phí bằng PageSpeed Insights, công cụ báo cáo cho cả điện thoại lẫn máy tính.

Tự kiểm tra trong 15 phút

1. Mở website trên điện thoại của chính bạn, dùng dữ liệu di động chứ không phải Wi-Fi văn phòng.
2. Thử làm những việc khách thường làm: tìm một sản phẩm, mở thông số, rồi gửi yêu cầu báo giá.
3. Bấm vào số điện thoại và nút WhatsApp. Chúng có hoạt động ngay không?
4. Mở trang có bảng dài nhất. Cả trang có bị kéo sang ngang được không?
5. Kiểm tra xem có nút nổi hay cửa sổ bật lên nào che nội dung không.
6. Nhập địa chỉ website vào PageSpeed Insights và xem kết quả cho điện thoại.
7. Nhờ một người ngoài nhóm, chẳng hạn một người quen, làm lại như vậy. Họ sẽ phát hiện những điều bạn không để ý.

Website doanh nghiệp không chỉ cần "mở được" trên điện thoại. Khách phải tìm được sản phẩm, đọc được thông số và liên hệ với bạn mà không cần phóng to màn hình.

Đọc thêm vì sao website doanh nghiệp chậm, cách làm biểu mẫu yêu cầu báo giá và cách gắn nút WhatsApp mà không gây phiền. Nếu bạn muốn website dễ dùng trên điện thoại ngay từ đầu, hãy xem dịch vụ làm website của chúng tôi.