Question 1

Kiểm tra trải nghiệm trên thiết bị di động

Mẹo đầu tiên của chúng tôi là tận dụng chế độ xem trên thiết bị di động của Trình tạo Gian hàng thương hiệu. 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 cho Gian hàng của mình, và một phiên bản của Gian hàng sẽ tự động được tạo cho thiết bị còn lại. 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 các tài sản được tối ưu hóa cho từng thiết bị.

Ví dụ về chế độ xem trên máy tính để bàn so với chế độ xem trên thiết bị di động

Việc thử nghiệm Gian hàng trên một thiết bị di động thực tế là cách hiệu quả nhất để bạn phát hiện các lỗi có thể ảnh hưởng đến trải nghiệm trên thiết bị di động của người mua sắm. 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? Chữ và hình ảnh có dễ xem không?

Cách kiểm tra trải nghiệm gian hàng của bạn:

Nhấp vào Xem trước > Chia sẻ bản xem trước trong Trình tạo Gian hàng thương hiệu.

Ví dụ về chức năng chia sẻ bản xem trước trong Trình tạo gian hàng thương hiệu

Sao chép liên kết xem trước
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: Thêm mật khẩu của liên kết xem trước trên một dòng riêng để dễ sao chép và chèn sau này).
Điều hướng trong Gian hàng trên thiết bị di động như thể bạn là người mua sắm và ghi chú những điểm 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 của bạn trông như thế nào trên thiết bị di động?

Question 2

Đảm bảo hình ảnh không bị cắt xén trên thiết bị di động

Do sự khác biệt về kích thước màn hình giữa màn hình máy tính để bàn và màn hình điện thoại, đôi khi một thiết kế dạng ô có thể dễ đọc trên máy tính để bàn nhưng không dễ đọc trên thiết bị di động. Mặc dù Gian hàng thương hiệu 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 điều này 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 nếu văn bản trông đã nhỏ ngay từ đầu trên máy tính để bàn.

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 thương hiệu, như minh họa trong ví dụ dưới đây:

Ví dụ về giao diện người dùng của Trình tạo gian hàng thương hiệu về cách chỉnh sửa hình ảnh cho thiết bị di động

Điều quan trọng cần lưu ý là tùy chọn tải lên một hình ảnh riêng 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 hỗ trợ mua sắm trực tiếp.

Question 3

Đảm bảo nội dung xuất hiện theo đúng thứ tự

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

Ví dụ về nội dung được hiển thị trên máy tính để bàn so với chế độ xem trên thiết bị di động

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

Question 4

Tối ưu hóa hình ảnh tiêu đề

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 giống như ô hình ảnh, không thể thay đổi chiều cao của hình ảnh này và phải sử dụng cùng một 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à việc tự động thay đổi kích thước của Gian hàng thương hiệu cho thiết bị di động sẽ thu nhỏ tất cả các yếu tố đồ họa trong tiêu đề, bao gồm cả văn bản.

Vì lý do này, vui lòng lưu ý những điều sau đố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. Đối với việc này, chúng tôi khuyên bạn nên sử dụng kích thước phông chữ tối thiểu là phông chữ Arial thường 90pt hoặc tương đương.

Question 5

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 trên một Gian hàng thương hiệu hiển thị khác nhau trên máy tính để bàn và trên thiết bị di động. Trên máy tính để bàn, người mua sắm 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 các hình ảnh dưới đây để so sánh:

Ví dụ về các menu điều hướng hiển thị trên máy tính để bàn so với chế độ xem trên thiết bị di động

Đây là một yếu tố quan trọng cần xem xét khi làm nổi bật các danh mục hoặc tab hàng đầu trên Gian hàng thương hiệu. Đặt 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ác ô hình ảnh hoặc ô văn bản để tạo ra một cách điều hướng bổ sung cho Gian hàng của mình. Việc thêm các ô này vào đầu Gian hàng, cùng với một lời kêu gọi hành động (CTA) mạnh mẽ, sẽ đảm bảo người mua sắm có thể tìm 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.

Question 6

Chọn vị trí đặt CTA hiệu quả

Là một người đọc, bạn thường đọc như thế 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. Việc ghi nhớ luồng đọc này có thể giúp bạn chọn một vị trí hiệu quả cho nút CTA trên thiết bị di động.

Hãy xem xét tầm quan trọng của các yếu tố ở phần đầu trang, là những phần của trang Gian hàng thương hiệu mà người dùng có thể xem trước khi cuộn xuống. Nếu CTA được đặt ở cuối một ô dọc, nó khó có khả năng xuất hiện ở phần đầu trang, khiến khách hàng ít nhìn thấy hơn.

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. Việc có không gian hạn chế cho CTA có thể khiến nó bị lẫn vào các yếu tố xung quanh và mất đi thứ bậc cũng như khả năng hiển thị.

Accepted Answer

Người tiêu dùng đang dành ngày càng nhiều thời gian 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. Thiết bị di động đã thay đổi cách mọi người mua sắm – trong Quý 1 năm 2024, 78% tổng số lượt truy cập vào Gian hàng thương hiệu là từ thiết bị di động.¹

Với số lượng lớn người mua sắm sử dụng thiết bị di động để truy cập Gian hàng thương hiệu của bạn, việc ưu tiên một thiết kế thân thiện với thiết bị di động là rất hợp lý.

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ế cho cả khách hàng sử dụng thiết bị di động và máy tính để bàn là rất phức tạp và không ngừng phát triển. Để giúp bạn bắt đầu, chúng tôi xin chia sẻ 6 mẹo từ đội ngũ thiết kế Gian hàng thương hiệu để giúp bạn tối ưu hóa Gian hàng cho người mua sắm trên thiết bị di động.