Website Chuẩn Mobile: Vì Sao Phần Lớn Khách Xem Bằng Điện Thoại

Một website chuẩn mobile giờ không còn là chuyện làm cho đẹp, mà là chuyện giữ khách. Bạn cứ mở thống kê truy cập web của mình ra xem: phần lớn người vào trang là từ điện thoại, không phải máy tính. Khách bấm vào quảng cáo Facebook trên điện thoại, đọc bài trên điện thoại, gọi đặt hàng cũng từ điện thoại.

Vấn đề là nhiều web được làm cho màn hình máy tính trước, rồi nhét đại lên điện thoại. Khách mở ra thấy chữ bé tí phải zoom, nút bấm chen chúc, ảnh tràn ra ngoài màn hình. Họ không kiên nhẫn đâu, ba giây thấy khó là thoát.

Chuẩn mobile nghĩa là gì, dấu hiệu web đang lỗi và cách tự kiểm tra trong vài phút mà không cần biết kỹ thuật.

Phần lớn khách Việt vào web bằng điện thoại

Hãy nghĩ về thói quen của chính bạn. Cả ngày cầm điện thoại, lướt Facebook, nhắn Zalo, tìm quán ăn trên Google Maps. Máy tính chỉ mở khi ngồi làm việc. Khách của bạn cũng vậy. Một chủ shop quần áo chạy quảng cáo Facebook sẽ thấy gần như toàn bộ người bấm vào là từ điện thoại, vì người ta đang nằm trên giường lướt mạng chứ mấy ai mở laptop ra xem.

Điều này thay đổi cách bạn phải làm web. Trang chủ trông gọn gàng trên màn hình máy tính 24 inch không có nghĩa nó dùng được trên màn hình điện thoại rộng chừng một bàn tay. Nếu khách phải kéo ngang, phải zoom để đọc giá, phải dò mãi mới thấy nút gọi thì họ bỏ đi và bạn mất đơn mà không hề biết. Đây cũng là một lý do mà nhiều chủ quán nhỏ vẫn nghĩ chỉ cần fanpage là đủ, nhưng nếu bạn còn phân vân thì bài chỉ bán trên Facebook có đủ không nói rõ chuyện này.

Website chuẩn mobile (responsive) nghĩa là gì?

Một website chuẩn mobile là trang tự co giãn vừa với màn hình mà người ta đang dùng. Mở trên máy tính nó dàn rộng ra, mở trên điện thoại nó tự xếp lại theo chiều dọc, chữ đủ to để đọc, nút đủ lớn để bấm bằng ngón tay. Bên kỹ thuật hay gọi cách làm này là responsive, nghĩa là trang phản ứng theo kích thước màn hình.

Cách làm sai mà nhiều nơi vẫn dùng là tạo hai phiên bản tách rời, một bản cho máy tính và một bản cho điện thoại. Bản điện thoại thường bị cắt bớt tính năng, cập nhật một nơi quên nơi kia, lâu ngày lệch nhau. Web chuẩn mobile chỉ có một bản duy nhất, nội dung như nhau, chỉ khác cách sắp xếp tùy màn hình.

Trên điện thoại, một web tốt sẽ thế nào?

• Chữ đọc được ngay mà không cần zoom, không phải nhíu mắt nhìn giá hay số điện thoại.
• Một cột nội dung chạy dọc, lướt từ trên xuống mượt mà, không phải kéo ngang.
• Nút gọi điện và nút nhắn Zalo nằm trong tầm ngón cái, bấm là trúng.
• Ảnh sản phẩm hiện vừa khung, không tràn ra ngoài, không bị méo.
• Menu gọn lại thành một biểu tượng ba gạch, bấm vào mới xổ ra, không chiếm hết màn hình.

Dấu hiệu web của bạn chưa thân thiện với điện thoại

Bạn không cần biết viết mã vẫn nhận ra được. Cầm điện thoại lên mở web của mình, gặp mấy tình huống dưới đây là biết web đang có vấn đề:

1. Phải zoom mới đọc được chữ. Mở ra thấy chữ bé như con kiến, phải chụm hai ngón tay phóng to. Đây là dấu hiệu rõ nhất của web làm cho máy tính rồi ép xuống điện thoại.
2. Phải kéo ngang. Trang rộng hơn màn hình, vuốt sang phải mới thấy hết. Khách rất ghét chuyện này.
3. Bấm nhầm nút. Các nút và đường dẫn nằm sát nhau quá, ngón tay to hơn nên hay chạm nhầm.
4. Ảnh tràn ra ngoài hoặc tải mãi không lên. Ảnh chụp bằng máy ảnh nặng vài MB đưa lên web, mạng 4G tải ì ạch.
5. Số điện thoại không bấm gọi được. Khách phải nhớ số rồi tự bấm vào ứng dụng gọi, thay vì chạm một cái là máy quay số luôn.

Cứ ba giây mà khách thấy khó dùng, họ thoát. Mỗi lần thoát là một đơn hàng bạn vừa thanh toán quảng cáo để kéo về rồi đánh rơi.

Nút bấm, cỡ chữ và form trên màn hình nhỏ

Đây là ba thứ quyết định khách ở lại hay bỏ đi. Trên màn hình điện thoại bé xíu, từng chi tiết nhỏ đều có sức nặng.

Nút bấm phải đủ to cho ngón tay

Người ta bấm web điện thoại bằng ngón cái, mà ngón cái thì to hơn con trỏ chuột nhiều. Nút quá nhỏ hoặc nằm sát nhau khiến khách bấm nhầm, bực mình rồi thoát. Nút quan trọng nhất như Gọi ngay, Đặt hàng, Nhắn Zalo phải to, rõ, màu nổi bật và cách xa các nút khác. Một quán cà phê muốn khách gọi đặt bàn thì nút gọi phải nằm ngay đầu trang, chạm phát ăn ngay. Muốn xem viết và đặt nút sao cho khách chịu bấm, bạn đọc thêm bài nút kêu gọi hành động.

Cỡ chữ đủ lớn để đọc thoải mái

Chữ trên điện thoại phải to hơn bạn nghĩ. Khách lớn tuổi, khách đang đi ngoài nắng, khách cầm máy xa mắt đều cần đọc được mà không phải zoom. Giá tiền, tên sản phẩm, số điện thoại là những thứ tuyệt đối không được để nhỏ.

Form càng ngắn càng dễ chốt

Gõ chữ trên điện thoại mệt hơn trên bàn phím máy tính nhiều. Một form bắt khách điền mười ô thông tin là cách nhanh nhất để mất khách. Một spa chỉ cần hỏi tên, số điện thoại và dịch vụ muốn đặt là đủ gọi lại tư vấn. Càng ít ô, càng dễ chốt. Nếu bạn muốn đào sâu hơn về việc giảm rào cản để khách hoàn tất đơn, bài tối ưu tỉ lệ chuyển đổi cho landing page nói kỹ chuyện này.

Tốc độ khi dùng mạng di động

Website chuẩn mobile không chỉ là hiển thị đẹp, mà còn phải nhẹ và nhanh. Khách dùng điện thoại thường ở ngoài đường, trong quán, chỗ sóng yếu, hoặc mạng 4G chập chờn. Một web tải nhanh trên wifi văn phòng có thể ì ạch khi khách đứng ngoài chợ mở lên.

Thủ phạm hay gặp nhất là ảnh quá nặng. Chủ shop chụp sản phẩm bằng điện thoại xịn, mỗi tấm vài MB, rồi đưa lên web không nén lại. Trên wifi thì không sao, nhưng khách dùng 4G chờ ảnh hiện lên cả chục giây là họ thoát. Khách thường rời trang nếu chờ quá khoảng ba giây.

Tốc độ và chuẩn mobile đi liền với nhau, vì khách điện thoại vừa cần giao diện gọn vừa cần tải nhanh. Tôi đã viết riêng một bài về chuyện này, bạn nên đọc tốc độ tải trang và cách cải thiện để biết nén ảnh và làm web nhẹ ra sao.

Cách tự kiểm tra website chuẩn mobile trong vài phút

Bạn không cần thuê ai, không cần phần mềm. Cầm chính điện thoại của mình lên và làm theo mấy bước này, vào vai một người khách lần đầu thấy web của bạn:

1. Mở web bằng dữ liệu di động, tắt wifi. Đếm thử mất bao lâu để trang hiện đủ. Nếu chờ lâu hơn ba giây thì cần làm nhẹ web lại.
2. Đọc trang chủ mà không zoom. Bạn có đọc được giá, tên sản phẩm, số điện thoại không? Nếu phải phóng to mới đọc được là chữ đang quá nhỏ.
3. Thử bấm các nút bằng ngón cái. Có dễ trúng không, hay hay bị chạm nhầm? Nút gọi và nút nhắn Zalo có nằm trong tầm tay không?
4. Chạm vào số điện thoại. Máy có tự quay số không, hay phải nhớ rồi tự bấm?
5. Điền thử form đặt hàng. Gõ có dễ không, có quá nhiều ô không, gửi đi có báo thành công không?
6. Lướt từ trên xuống dưới. Có chỗ nào phải kéo ngang, ảnh nào tràn ra ngoài, chữ nào chồng lên nhau không?

Nhờ thêm vài người thân cầm máy của họ mở thử, vì mỗi điện thoại một kích thước màn hình khác nhau. Ghi lại chỗ nào khó chịu rồi sửa từng cái một.

Nếu kiểm tra xong bạn thấy web của mình mắc kha khá lỗi và sửa mãi không xong, thì có lẽ nền tảng làm web ban đầu đã không chuẩn mobile từ gốc. Lúc này làm lại một trang gọn, ưu tiên tốc độ, nút gọi, Zalo, Messenger và form liên hệ thường hiệu quả hơn vá từng lỗi nhỏ.