Băng chuyền

Băng chuyền được tối ưu hóa để cho phép người dùng chọn một trong nhiều mục khi các mục đó được phân biệt dễ dàng nhất bằng hình ảnh. Người dùng có thể chọn một mục bằng cách nói tiêu đề của mục đó hoặc nhấn vào mục đó.

Ví dụ

Dưới đây là ví dụ về hình thức của băng chuyền khi hoàn tất tất cả các trường bắt buộc và không bắt buộc.


Yêu cầu

Thành phần hình ảnh này hiện hỗ trợ tuỳ chỉnh.

Tên trường Bắt buộc? Hạn chế/tùy chỉnh
Hình ảnh của mặt hàng Không
  • Chọn một trong ba tỷ lệ khung hình: hình vuông, ngang và dọc.
  • Kích thước mặc định phụ thuộc vào kích thước màn hình và tỷ lệ khung hình. Mọi không gian thừa sẽ được lấp đầy bằng các thanh.
  • Nguồn hình ảnh là một URL. Nếu đường liên kết của hình ảnh bị hỏng, thì hình ảnh phần giữ chỗ sẽ được sử dụng.
  • Cần có văn bản thay thế cho trợ năng.
  • Hình ảnh có thể tùy chỉnh (góc hoặc góc tròn).
Nền thẻ Không
  • Hình ảnh hoặc màu sắc có thể tùy chỉnh.
Văn bản chính
  • Văn bản chính của từng mục phải là duy nhất (để hỗ trợ lựa chọn giọng nói).
  • Văn bản thuần túy theo mặc định. Phông chữ và kích thước cố định.
  • Nên sử dụng tối đa 2 dòng. Tùy thuộc vào giao diện, các ký tự bổ sung sẽ bị cắt.
Văn bản phụ

Còn được gọi là nội dung hoặc văn bản được định dạng.

Không
  • Văn bản thuần tuý. Phông chữ và kích thước cố định.
  • Nên sử dụng tối đa 2 dòng. Tùy thuộc vào giao diện, các ký tự bổ sung sẽ bị cắt.

Số lượng mặt hàng

  • Tối đa: 10
  • Tối thiểu: 2

Sự đều đặn

Tất cả các mục trong băng chuyền phải bao gồm các trường giống nhau. Ví dụ: nếu một mục bao gồm một hình ảnh, thì tất cả các mục trong băng chuyền phải bao gồm hình ảnh.

Khả năng tương tác

  • Vuốt: Trượt băng chuyền để hiển thị các thẻ khác.
  • Nhấn: Khi người dùng nhấn vào một mục, tiêu đề của mục đó được chấp nhận làm dữ liệu người dùng nhập vào, bắt đầu từ lượt rẽ tiếp theo trong hộp thoại.
  • Giọng nói/Bàn phím: Trả lời bằng tiêu đề thẻ giống như chọn mục đó.


Hướng dẫn

Băng chuyền chủ yếu dùng để duyệt qua và chọn trong số các hình ảnh.

Sử dụng băng chuyền để giúp người dùng chọn từ nội dung:

  • có thể duyệt qua một cách có ý nghĩa nhất qua hình ảnh quét (ví dụ: áp phích phim, ảnh bìa đĩa nhạc, công thức nấu ăn, quần áo)
  • có thể bị chặn thành các khối hình chữ nhật (ví dụ: tweet, tin bài)

Người dùng sẽ có thể nói tiêu đề của mặt hàng để chọn mặt hàng đó, vì vậy hãy đảm bảo họ dễ nói và nhận dạng duy nhất từng mặt hàng.

Nên.

Mỗi tiêu đề mục càng ngắn càng tốt, đồng thời vẫn tách biệt với các mục khác.

Không nên.

Không bao giờ sử dụng cùng một tiêu đề cho nhiều mặt hàng. Và tránh sử dụng các tiêu đề rất giống nhau.

Cân nhắc bao gồm thông tin về các nội dung sau đây:
  • Số lượng mục trong băng chuyền (ví dụ: "Có 7 mục trong danh sách mong muốn của bạn.")
  • Tại sao các mục này được chọn (ví dụ: “Dưới đây là những bó hoa phổ biến nhất của chúng tôi”.)
  • Bất kỳ tiêu chí lựa chọn nào cho các mặt hàng (ví dụ: “buổi hòa nhạc cuối tuần này”)
  • Thứ tự sắp xếp các mục (ví dụ: “bắt đầu với đơn đặt hàng gần đây nhất” nếu trình tự thời gian đảo ngược)

Nên.

Cho người dùng biết lý do bạn đề xuất những mục cụ thể này.

Không nên.

Đừng để người dùng tự hỏi tại sao Hành động của bạn hiển thị những mục cụ thể này.

Đặt câu hỏi để cho người dùng biết họ lượt đi. Thêm các khối như "không có loại nào trong số này" để cho biết chúng không muốn áp dụng bất kỳ tuỳ chọn nào.

Nên.

Thông báo rõ ràng với người dùng rằng họ cần chọn nội dung nào đó từ băng chuyền. Ở đây, các khối cho phép họ chọn “không có gì trong số này” hoặc để tinh chỉnh kết quả (ví dụ: bằng cách chỉ hiển thị “giày chơi quần vợt đế mềm”).

Không nên.

Đừng chỉ hiển thị băng chuyền cho người dùng. Hãy đưa ra câu hỏi theo cách giúp người dùng biết rõ điều gì sẽ xảy ra nếu họ chọn một mục.