6 mẹo giúp tối ưu hóa Gian hàng trực tuyến cho thiết bị di động

Giờ đây, bạn có thể dễ dàng tạo chế độ xem trên thiết bị di động hoặc máy tính để bàn của Gian hàng và phiên bản Gian hàng của bạn sẽ tự động được tạo cho thiết bị khác. Khi xây dựng Gian hàng, bạn có thể chuyển đổi giữa các chế độ xem theo thiết bị để theo dõi tiến trình thiết kế theo thời gian thực và thêm nội dung được tối ưu hóa cho từng thiết bị.

Điều quan trọng là phải lưu ý rằng tùy chọn tải lên hình ảnh riêng biệt dành cho thiết bị di động chỉ khả dụng cho các ô hình ảnh và hình ảnh tiêu đề. Tùy chọn này không khả dụng cho các tiện ích khác sử dụng hình ảnh có chứa văn bản hoặc hình ảnh có tính năng nhấp để mua.

Như đã đề cập ở phần trên, giờ đây bạn có thể dễ dàng hình dung xem Gian hàng sẽ hiển thị ra sao trên thiết bị di động với bản cập nhật ưu tiên thiết bị di động của Trình tạo Gian hàng. Tuy nhiên, cách hiệu quả nhất để khám phá các lỗi có thể ảnh hưởng đến trải nghiệm của người mua hàng là thử nghiệm Gian hàng của bạn trên một thiết bị di động thực tế. Cách tốt nhất để biết nên điều chỉnh như thế nào là tự khám phá xem khách hàng có trải nghiệm ra sao ở Gian hàng của bạn trên thiết bị di động. Hãy tạm dừng sử dụng máy tính để bàn/máy tính xách tay và truy cập Gian hàng của bạn trên điện thoại hoặc máy tính bảng. Chạm vào các trang và ô. Gian hàng của bạn có dễ điều hướng không? Văn bản và chữ viết đồ họa có dễ đọc không?

Để thử trải nghiệm Gian hàng của bạn:

1. Nhấp vào Xem trước > Chia sẻ bản xem trước trong Trình tạo gian hàng.

2. Sao chép liên kết đến bản xem trước

3. Dán liên kết bản xem trước này vào email hoặc bất cứ nơi nào mà bạn có thể truy cập từ điện thoại của mình (Mẹo: Ghi mật khẩu của liên kết bản xem trước vào một dòng riêng biệt để dễ sao chép và chèn mật khẩu hơn về sau).

4. Điều hướng trong Gian hàng trên thiết bị di động như thể bạn là người mua hàng và ghi chú về những yếu tố cần cải thiện. Gian hàng có dễ điều hướng không? Bạn có thể thấy được sản phẩm hoặc thông tin mà bạn đang tìm kiếm không? Hình ảnh bạn sử dụng trông ra sao trên thiết bị di động?

Màn hình thiết bị di động vốn hẹp hơn và được thiết kế để cuộn nhanh hơn, tức là thứ tự và bố cục của nội dung trên thiết bị di động không giống hệt như trên máy tính để bàn. Gian hàng trên thiết bị di động ưu tiên sử dụng thứ tự theo hàng từ trái sang phải cho nội dung, hoặc trong trường hợp đặt tiếng Ả Rập làm ngôn ngữ ưu tiên thì là từ phải sang trái. Xem ví dụ ở bên dưới:

Kiểm tra Gian hàng của bạn trên thiết bị di động để xác nhận xem nội dung có đang xuất hiện theo đúng thứ tự mong muốn không.

Nhờ bản cập nhật ưu tiên thiết bị di động của Trình tạo gian hàng, giờ đây, bạn có thể tải lên một hình ảnh tiêu đề riêng cho thiết bị di động. Tuy nhiên, điều quan trọng cần lưu ý là không như ô hình ảnh, bạn không thể thay đổi chiều cao của hình ảnh này và phải sử dụng cùng kích thước cho cả thiết bị di động và máy tính để bàn. Điều này có nghĩa là khi thay đổi kích thước hình ảnh cho Gian hàng trên thiết bị di động, tất cả các yếu tố đồ họa trong tiêu đề, bao gồm cả văn bản, đều sẽ bị thu nhỏ.

Do đó, hãy ghi nhớ những điều sau đây đối với hình ảnh tiêu đề trên thiết bị di động:

• Hãy thử giới hạn số lượng sản phẩm trên tiêu đề ở mức ba sản phẩm. Bạn ghi càng nhiều sản phẩm trong tiêu đề thì tiêu đề sẽ càng trông lộn xộn hơn trên thiết bị di động.
• Nội dung trong tiêu đề phải dưới 30 ký tự để có thể tăng kích thước của văn bản sao cho dễ đọc trên thiết bị di động mà không làm kích thước tiêu đề quá lớn. Để làm điều này, chúng tôi khuyên bạn nên dùng kích thước phông chữ tối thiểu là phông Arial thường 90pt hoặc cỡ chữ tương đương.

Là độc giả, bạn thường đọc theo cách nào? Bạn có thể sẽ đọc từ trên xuống dưới, nhìn từ trái sang phải hoặc từ phải sang trái tùy thuộc vào ngôn ngữ mẹ đẻ của mình. Ghi nhớ thứ tự đọc này có thể giúp bạn chọn vị trí hiển thị hiệu quả cho nút CTA trên thiết bị di động.

Hãy lưu ý tầm quan trọng của các yếu tố nội dung hiển thị trên trang đầu tiên, là phần của trang Gian hàng mà độc giả có thể xem trước khi cuộn xuống. Nếu bạn đặt CTA ở dưới cùng của một ô dọc thì CTA sẽ ít có khả năng xuất hiện trên trang đầu tiên, nên khách hàng sẽ ít có khả năng nhìn thấy.

CTA trên thiết bị di động cũng nên có khoảng cách vừa đủ với nội dung xung quanh, hay gọi là “vùng trống” để khách hàng dễ dàng thấy và nhấp vào. Nếu khoảng trống xung quanh CTA quá ít thì có thể khiến CTA bị lẫn vào nội dung xung quanh và mất đi bố cục cũng như khả năng hiển thị.

Menu điều hướng của một Gian hàng sẽ có giao diện khác nhau trên máy tính để bàn và thiết bị di động. Trên máy tính để bàn, người mua hàng sẽ thấy nhiều tab dọc theo thanh điều hướng. Trên thiết bị di động, người mua hàng sẽ thấy một menu thả xuống duy nhất. Xem hình ảnh dưới đây để so sánh:

Đây là yếu tố quan trọng cần lưu ý khi cần làm nổi bật các danh mục hoặc tab hàng đầu của bạn trên Gian hàng. Đưa những trang hàng đầu đó vào menu là một chiến lược tốt, nhưng bạn cũng có thể sử dụng cách khác là dùng các ô hình ảnh hoặc văn bản để điều hướng trong Gian hàng của bạn. Việc thêm các ô này vào vị trí đầu Gian hàng, kèm một CTA mạnh mẽ, sẽ đảm bảo người mua hàng có thể nhìn thấy nội dung quan trọng nhất của bạn ngay cả khi họ không mở rộng menu thả xuống.

¹Dữ liệu nội bộ Amazon, Toàn cầu, năm 2021.