最佳做法

本文將介紹一些設計和資訊傳遞的最佳做法。 請遵守以下規範，確保使用者享有最佳體驗。

從設計著手，即程式碼

在開始透過 Glass 進行開發作業之前，請先瞭解相關的設計原則和模式。詳情請參閱設計指南。

如要及早取得設計方面的意見回饋，請建立您的 Glassware 流程設計並提交給審查小組。

請勿使用固定的時間軸項目做為啟動器

使用者可以透過兩種方式來叫用 Glassware 及相關功能：使用 ok Glass 主選單中的語音或觸控指令，或時間軸資訊卡的關聯選單。

在啟動 Glassware 的過程中，請勿強制使用者以選單項目固定時間軸資訊卡。Mirror API 是根據使用者配置的設定，設計為定期通知。

提供選單項目來啟動 GDK Glassware 或呼叫 Mirror API，只要體驗與定期通知設計模式一致，並且不使用 Mirror API 立即進行互動即可。

舉例來說，寵物領養 Glassware 不應插入時間軸資訊卡，並強制使用者日後使用釘選功能來存取功能 (例如「搜尋狗」、「搜尋貓」及「搜尋鳥類」等)。相反地，Gware 軟體應該允許使用者為所需的寵物設定條件，並定期提供符合此條件的卡片。這些資訊卡就可以包含選單項目，以便執行「讀取簡介」和「領養寵物」等動作。

遵循標準卡片設計與範本

請盡可能使用經核准的卡片設計和範本。如果範本無法運作：

  • 如果您使用的是 Mirror API，請使用 base_style.css 中的樣式。
  • 遵循一般規則做為邊框間距和間距做為內建範本。

遵守媒體相關規定

如果要放送媒體，請遵循下列規範：

  • 所有公開影片皆以串流方式進行串流，而且不會附加到時間軸項目。
  • 影片長寬比為 16:9。
  • 影片解析度為 640 × 360 像素。
  • H.264 格式

妥善組合及分頁

套裝組合和分頁可讓您將資訊卡分組，但在以下情況中應正確使用資訊卡。

套裝組合

  • 使用不同組合的卡片組合。
  • 將套裝組合的資訊卡設計為摘要的視覺卡，與套裝組合中包含的資訊卡不同。
  • 在每個通知組合中，向使用者發出一次通知音效。

套裝組合適用於下列情況：

  • 電子郵件或簡短郵件串
  • 三人傳送簡訊給同一人
  • 兩張相片的一小時以內
  • 已完全插入相關文章
  • 目前體育賽事的重要賽事和分數更新清單

套裝組合無法正常運作的情況如下：

  • 您服務中的所有內容
  • 一天當中有許多廣告標題傳送到 Glass

分頁

因空間限製而不適合在單一資訊卡上的時間軸項目使用分頁，否則應使用同一張資訊卡。

分頁模式正常運作的情況如下：

  • 一張電子郵件、新聞報導或類似內容並不適合一張卡片

分頁功能無法正常運作的情況如下：

  • 一組不同的卡片，例如多篇新聞報導或電子郵件地址

遵循標準選單設計

自訂選單項目

  • 每個選單項目動作都必須有相關聯的 50 × 50 圖示。請使用「透明」選單圖示，以便與 Glass 使用者介面保持一致。
  • 如果可以的話，建議將顯示名稱限制為幾個字。請使用有命令的動詞，無論是否包含物件。
  • 使用預設選單項目和顯示名稱做為內建選單項目，除非您使用與選單項目不同的內容。
  • 圖示為全彩且背景為透明的圖示。
  • 使用簡短的選單項目顯示名稱。包含或沒有物件的動詞動詞效果最佳，如以下範例所示。
  • 「關閉」選單項目只會從時間軸中移除時間軸資訊卡，因此只有在您需要時，才能建立自訂選單項目。一般來說，您應讓時間軸能隨著時間自然地衰減，而且使用者不必主動管理您的應用程式。
  • 名稱長度不得超過 15 個字元。例如：
不佳 不錯
延長錄製時間 延長視訊畫面
傳送訊息給 Joe 傳送訊息

內建選單項目

  • 回覆或回覆全部 - 語音回覆旨在透過語音擷取任意形式的輸入。請勿使用語音擷取功能來擷取有限的選項組合，例如遊戲中的可能移動動作。

  • 刪除 - 關閉時間軸資訊卡，並刪除儲存位置的對應資訊卡 (本機和伺服器儲存空間) 對應的內容。如果您提供的功能為「關閉」，請勿提供「刪除」選單項目，以免造成使用者混淆。

請勿使用 Mirror API 立即互動

Mirror API 的設計宗旨在於，無法接收使用者的要求，而是即時或低延遲的回應。如果需要的話，請使用 GDK。

舉例來說，Mirror API Glassware 適用於「新增筆記」指令，因為使用者可在叫用指令後等待 Glassware 的回應。

相較之下，「find a recipe, Spaghetti」對 Mirror API Glassware 並不適用，因為使用者會期望搜尋結果立即顯示。透過 Mirror API，使用者必須等待一段時間，才能將卡片插入時間軸，才能繼續使用 Glassware，這是一種不佳的使用者體驗。

這項限制適用於 Glass Home 卡片的主要語音指令，以及卡片和沈浸式選單上的選單項目。

以適當的方式製作內容

製作資訊卡的內容時，每張資訊卡都必須簡明扼要，且包含一則邏輯資訊。此外：

  • 盡可能使用圖像而非文字
  • 以原始長寬比顯示圖片 (可裁剪)。
  • 請將卡片頁尾的中間區域留白。這裡會顯示「ok Glass」關聯語音選單，並封鎖其下方的任何內容。
  • 如有需要，請使用 auto-resize CSS 類別，讓系統根據您的內容自動調整字型大小。
  • 遵守撰寫指南。