萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

Android Wear 設計指南核心解讀:建議與詢問的雙核心交互模型

核心交互模型:建議 + 詢問

Android Wear UI 由兩大核心構成:

  • 建議:垂直卡片流,基於情境自動呈現有用/及時資訊(如 Google Now)。用戶垂直滑動瀏覽,水平滑動查看卡片詳情/操作。卡片可被動態增刪。
  • 詢問:語音為主的主動交互。說「OK Google」或點擊 g 圖示/上滑喚出提示卡片,支援語音指令執行動作,第三方 App 可註冊語音動作。

四大設計原則

  1. 情境智能:無需用戶主動查詢,設備感知情境變化,適時主動提供資訊——及時、適當、明確。
  2. 極簡短小:全天候運作,提供高密度低錯誤資訊片段——簡短、急速、直接。
  3. 零/弱交互:聚焦簡單手勢與語音,避免高精度輸入,只在必須時請求輸入——手勢簡單快速。
  4. 有禮貌的助手:理解偏好、僅在必要時打擾、提供現成答案——有效、禮貌、響應。

通知 UI 模式深度解析

卡片結構

  • **為一瞥設計,非為閱讀**:用詞組/短語而非句子;優先用圖標/符號/視覺化傳達核心資訊。
  • 動態內容自動縮放適應卡片,點擊展開全文。
  • 優先級反映緊急度:高優先級觸發震動(主動通知),低優先級靜默進入流(如計步數、社交更新)。

操作

  • 最多 3 個操作,最常用者置首位(最遠離內容)。
  • 操作 = 圖標(32×32dp,白色透明 PNG)+ 動詞標題(單行自動截斷)。
  • 操作可選,許多有用通知無需操作。

圖像

  • 提供核心資訊:運動隊顏色/Logo、聯繫人頭像。
  • 注意卡片可能遮蓋圖像下半部;水平滑動時圖像以 64×64dp 顯示;風景向照片在多頁/操作通知中效果更佳。

App 圖標

啟動圖標自動顯示於卡片,用於識別來源。**切勿用通知標題/背景圖做品牌曝光,讓圖標做識別,內容區專注傳達資訊。** 可用 `setHintHideIcon()` 隱藏。

頁面



  • 主卡片右側的額外卡片,承載超出單卡容量的細節(如天氣未來 3 天、後續班車時刻、熱量詳情)。
  • 含操作的通知 ≤ 3 頁,確保操作易達。頁面可選。

通知堆疊


  • 同一 App 多條相關通知合併為一堆,進入後展開。減輕卡片流負擔,適合高頻推送場景(如訊息群組)。
  • 堆疊內每張卡片可有獨立頁面與操作。

語音回覆

支援語音輸入回覆,擴展無手操作場景。

copyright © 萬盛學電腦網 all rights reserved