6 mẹo giúp tối ưu hóa Gian hàng trực tuyến cho thiết bị di động
Cập nhật vào ngày 21 tháng 9 năm 2021 | Tác giả: Alberto Cucbero, Giám đốc nghệ thuật, Gian hàng
Người tiêu dùng đang dành ngày càng nhiều thời gian trải nghiệm hơn trên thiết bị di động, từ đó thúc đẩy tăng trưởng trong ngành bán lẻ trên thiết bị di động. Công nghệ di động đã thay đổi cách mọi người mua sắm – trong năm 2021, 69% tổng số lượt truy cập vào Store đều được thực hiện từ thiết bị di động.1
Khi có một lượng lớn người mua hàng sử dụng thiết bị di động để truy cập Gian hàng của bạn, sẽ tốt hơn nếu bạn ưu tiên sử dụng thiết kế thân thiện với thiết bị di động.
Chúng tôi biết rằng với vô số kích thước màn hình, độ phân giải, loại thiết bị và trình duyệt, việc thiết kế phục vụ cho cả khách hàng sử dụng thiết bị di động và máy tính để bàn sẽ rất phức tạp và phải không ngừng đổi mới. Để giúp bắt đầu, chúng tôi xin chia sẻ 6 mẹo từ đội ngũ thiết kế Gian hàng để giúp bạn tối ưu hóa Gian hàng cho người mua hàng trên thiết bị di động.
Tận dụng 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ể 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ị.
Tại sao bản cập nhật ưu tiên thiết bị di động của Trình tạo gian hàng lại quan trọng?
Lâu nay, bạn chỉ có thể tạo Gian hàng ở chế độ xem trên máy tính để bàn trong Trình tạo gian hàng và xem phiên bản di động ở chế độ xem trước. Điều này khiến việc tối ưu hóa các trang Gian hàng cho thiết bị di động trở nên khó khăn. Giờ đây, thay đổi này giúp bạn có thể tạo trải nghiệm Gian hàng được tối ưu hóa cho thiết bị di động khi bạn xây dựng hoặc cập nhật Gian hàng của mình.
Do kích thước của màn hình máy tính để bàn và màn hình điện thoại là khác nhau nên đôi khi, thiết kế dạng ô sẽ dễ đọc trên máy tính để bàn nhưng không phải trên thiết bị di động. Mặc dù Gian hàng sẽ tự động điều chỉnh hình ảnh cho các kích thước màn hình khác nhau, nhưng không có nghĩa là mọi yếu tố sẽ đều dễ đọc trên thiết bị di động – đặc biệt là nếu văn bản có kích thước nhỏ trên máy tính để bàn ngay từ đầu.
Trong những trường hợp này, chúng tôi khuyên bạn nên tải lên một hình ảnh riêng cho thiết bị di động đã được tối ưu hóa về kích thước phông chữ và bố cục. Bạn có thể thực hiện việc này bằng cách bật phiên bản di động và tải lên hình ảnh dành cho thiết bị di động trên bảng điều khiển bên phải của Trình tạo gian hàng, như minh họa trong các ví dụ dưới đây:
Đ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.
Thử nghiệm trên thiết bị di động
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 bảo nội dung xuất hiện theo đúng thứ tự
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.
Tối ưu hóa hình ảnh tiêu đề
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.
Chọn một vị trí hiển thị hiệu quả cho lời kêu gọi hành động (CTA)
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ị.
Cung cấp các lựa chọn thay thế cho việc điều hướng bằng menu
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.
Bạn đã sẵn sàng bắt đầu tối ưu hóa trải nghiệm trên thiết bị di động của Gian hàng chưa? Quản lý Gian hàng của bạn hoặc đăng ký để bắt đầu.
Nguồn
1Dữ liệu nội bộ Amazon, Toàn cầu, năm 2021.