Tài liệu này trình bày một số phương pháp hay nhất để thiết kế và phân phối thông tin. Hãy tuân theo các nguyên tắc này (nếu có) để đảm bảo trải nghiệm người dùng tốt nhất.
Ưu tiên thiết kế, mã thứ hai
Tìm hiểu các nguyên tắc và mẫu thiết kế trước khi bạn bắt đầu phát triển trên Glass. Để biết thêm thông tin, hãy đọc hướng dẫn Thiết kế.
Để sớm nhận được ý kiến phản hồi về thiết kế, hãy tạo và gửi thiết kế Glassware Flow của bạn cho nhóm đánh giá.
Không sử dụng mục dòng thời gian được ghim làm trình chạy
Hai cách chính để người dùng gọi Glassware và các tính năng của nó là bằng cách sử dụng lệnh thoại hoặc cảm ứng từ trình đơn chính ok Glass hoặc thông qua trình đơn theo ngữ cảnh từ thẻ dòng thời gian.
Bạn không được buộc người dùng ghim một thẻ dòng thời gian để hiển thị các mục trong trình đơn nhằm mục đích khởi chạy Glassware. Mirror API được thiết kế cho thông báo định kỳ dựa trên chế độ cài đặt do người dùng định cấu hình.
Bạn có thể cung cấp các mục trong trình đơn để chạy GDK Glassware hoặc gọi Mirror API miễn là trải nghiệm này nhất quán với mẫu thiết kế thông báo định kỳ và không sử dụng API Mirror để tương tác tức thì.
Ví dụ: Glassware một con nuôi không được chèn thẻ tiến trình và buộc người dùng ghim thẻ đó để sử dụng các tính năng sau này (ví dụ: "Tìm chó", "Tìm mèo", "Tìm kiếm chim", v.v.). Thay vào đó, Glassware sẽ cho phép người dùng đặt tiêu chí cho thú cưng họ muốn và cung cấp thẻ đáp ứng tiêu chí này theo định kỳ. Những thẻ này sau đó có thể chứa các mục trong trình đơn để thực hiện các hành động như "Đọc tiểu sử" và "Nhận nuôi thú cưng".
Tuân theo mẫu và thiết kế thẻ tiêu chuẩn
Khi có thể, hãy sử dụng thiết kế thẻ và mẫu được phê duyệt. Nếu mẫu không hoạt động:
- Sử dụng các kiểu trong base_style.css nếu bạn đang sử dụng Mirror API.
- Tuân thủ các quy tắc chung cho khoảng đệm và khoảng cách dưới dạng mẫu tích hợp sẵn.
Tuân thủ các yêu cầu về nội dung đa phương tiện
Nếu phân phối nội dung nghe nhìn, hãy làm theo các nguyên tắc sau:
- Tất cả video công khai đều được phát trực tuyến và không được đính kèm vào mục trên dòng thời gian.
- Tỷ lệ khung hình video là 16:9.
- Độ phân giải video là 640 × 360 pixel.
- Định dạng H.264
Nhóm và phân trang đúng cách
Các gói và phân trang cho phép bạn nhóm các thẻ lại với nhau, nhưng bạn nên sử dụng các thẻ đúng cách trong các trường hợp sau.
Gói
- Sử dụng gói cho các nhóm thẻ tương tự nhau nhưng không nên sử dụng cùng một thẻ.
- Thiết kế thẻ bìa gói thành thông báo khác biệt về hình ảnh với các thẻ có trong gói.
- Chỉ thông báo cho người dùng một lần bằng âm thanh thông báo cho mỗi gói.
Các trường hợp gói dịch vụ hoạt động tốt:
- Chuỗi email hoặc tin nhắn ngắn
- Ba tin nhắn SMS giữa cùng một người
- Năm ảnh được chụp trong vòng một giờ với nhau
- Đã chèn tất cả bài viết có liên quan cùng một lúc
- Danh sách các sự kiện chính và thông tin cập nhật về tỷ số của một trận đấu thể thao đang diễn ra
Các trường hợp gói không hoạt động tốt:
- Tất cả nội dung từ dịch vụ của bạn
- Nhiều dòng tiêu đề được gửi tới Glass trong suốt một ngày
Phân trang
Sử dụng tính năng phân trang cho các mục theo dòng thời gian không vừa với một thẻ do các hạn chế về không gian, nhưng nếu không thì phải nằm trên cùng một thẻ.
Các trường hợp mà tính năng phân trang hoạt động tốt:
- Một email, tin bài hoặc nội dung tương tự không phù hợp với một thẻ
Các trường hợp phân trang không hoạt động tốt:
- Một nhóm các thẻ riêng biệt, chẳng hạn như nhiều tin bài hoặc email
Tuân theo thiết kế tiêu chuẩn của trình đơn
Mục tùy chỉnh trong trình đơn
- Mỗi hành động mục trong trình đơn phải có biểu tượng 50 × 50 được liên kết. Sử dụng biểu tượng trình đơn Glass để đảm bảo tính nhất quán với giao diện người dùng của Glass.
- Giới hạn tên hiển thị trong một vài từ nếu có thể. Sử dụng động từ bắt buộc có hoặc không có đối tượng.
- Sử dụng biểu tượng và tên hiển thị mặc định cho các mục trong trình đơn tích hợp trừ khi bạn đang sử dụng mục trong trình đơn cho những mục rất khác.
- Các biểu tượng hoàn toàn có màu trắng và trên nền trong suốt.
- Sử dụng tên hiển thị có mục ngắn và dễ thực hiện trong trình đơn. Các động từ bắt buộc có hoặc không có đối tượng hoạt động hiệu quả, như trong các ví dụ sau.
- Các mục trong trình đơn "Loại bỏ" chỉ xoá thẻ dòng thời gian khỏi dòng thời gian, vì vậy, hãy tạo một mục trong trình đơn tuỳ chỉnh chỉ cho mục này nếu bạn cần. Nhìn chung, bạn nên để các mục trên dòng thời gian phân rã một cách tự nhiên theo thời gian và không yêu cầu người dùng chủ động quản lý ứng dụng.
- Tên không được vượt quá 15 ký tự. Ví dụ:
| Không phù hợp | Tốt |
|---|---|
| Mở rộng bản ghi | Mở rộng video |
| Gửi tin nhắn cho Joe | Gửi tin nhắn |
Mục tích hợp sẵn trong trình đơn
Trả lời hoặc Trả lời tất cả – Câu trả lời bằng giọng nói nhằm ghi lại nội dung nhập bằng biểu mẫu tuỳ ý bằng giọng nói. Không sử dụng câu trả lời bằng giọng nói để chụp một tập hợp các tùy chọn có giới hạn, chẳng hạn như các nước đi có thể trong trò chơi.
Xoá – Loại bỏ thẻ dòng thời gian và xoá nội dung tương ứng với thẻ dòng thời gian ở mọi nơi lưu trữ thẻ đó (bộ nhớ cục bộ và máy chủ). Đừng nhầm lẫn người dùng bằng cách cung cấp một mục trong trình đơn "Xoá" nếu chức năng bạn cung cấp là "Loại bỏ".
Không sử dụng Mirror API để tương tác ngay
Mirror API không được thiết kế để nhận yêu cầu của người dùng và phản hồi theo thời gian thực hoặc có độ trễ thấp. Nếu đây là yêu cầu, hãy sử dụng GDK.
Ví dụ: Glass phản chiếu API hoạt động tốt với lệnh "ghi chú", vì người dùng không phải đợi phản hồi từ Glassware sau khi gọi lệnh.
Ngược lại, "Tìm công thức nấu mì Ý" không hoạt động hiệu quả với Mirror API Glassware, vì người dùng mong muốn kết quả tìm kiếm hiển thị ngay lập tức. Với Mirror API, người dùng phải đợi một lúc để thẻ được chèn vào dòng thời gian để tiếp tục sử dụng Glassware, đây không phải là trải nghiệm tốt cho người dùng.
Hạn chế này áp dụng cho các lệnh thoại chính trên thẻ Home (Màn hình chính) cũng như các mục trong trình đơn trên thẻ và giao diện nhúng.
Tạo nội dung phù hợp
Khi tạo nội dung cho thẻ, mỗi thẻ cần phải ngắn gọn và chứa một thông tin hợp lý. Ngoài ra:
- Sử dụng hình ảnh thay vì văn bản khi có thể
- Hiển thị hình ảnh ở tỷ lệ khung hình gốc (được cắt).
- Giữ nguyên vùng giữa ở chân trang của một thẻ. Trình đơn thoại theo bối cảnh ok Glass sẽ xuất hiện ở đây và chặn mọi nội dung bên dưới.
- Nếu muốn, hãy sử dụng lớp CSS của
auto-resizeđể tự động đổi kích thước phông chữ dựa trên nội dung của bạn. - Làm theo nguyên tắc viết của chúng tôi.
