單手手勢

智慧手錶非常適合在移動中使用,但如果使用者雙手忙碌,操作就會變得困難。為解決這個問題,Wear OS 7 為原始設備製造商推出新的單手勢架構,並為在 Wear OS 上使用 Jetpack Compose 的開發人員提供 Gesture API。這項基礎架構僅適用於 Pixel Watch 裝置 (Pixel Watch 3 和後續機型),但所有製造商都能使用。只要支援這項 API,其他原始設備製造商選擇加入時,應用程式的手勢支援功能就能自動在整個生態系統中擴展。

如要打造流暢的免觸控體驗,請按照這些指南判斷單手手勢是否適合您的應用程式體驗。

支援的手勢和動作

Wear OS 手勢架構支援兩種手勢類型:主要動作關閉動作。在 Pixel Watch 上,主要動作會對應到雙指捏合手勢,而關閉動作會對應到轉動手腕手勢。

雙指捏兩下:觸發主要動作。
轉動手腕:觸發關閉動作。

主要動作

主要動作應對應至使用者可在畫面或頁面上完成的主要工作,例如接聽電話或切換媒體遙控器中的播放/暫停。如果頁面可捲動,應用程式一次只能將一個 UI 元素對應至主要動作。

接聽電話。
在媒體控制項中切換播放或暫停。

延後鬧鐘。
捲動可捲動內容。

如果使用者可以透過手勢、語音或自動開啟的元素 (例如通知或媒體控制選項) 瀏覽該 UI 元素,雙指撥動就非常實用。如果只能透過觸控或按鈕操作導覽至 UI 元素,則不適合使用主要動作手勢。

關閉動作

根據預設,關閉動作會對應至系統返回鍵,並返回上一個畫面。應用程式可以針對特定用途覆寫手腕轉動動作,但這些例外狀況仍應符合關閉、靜音或縮小等概念。例如,覆寫項目包括將通話靜音而非關閉,以及關閉通知而非關閉或刪除通知。無論多麼誘人,都絕不能將這項動作對應至應用程式中的任意動作,因為這會破壞使用者模型,導致使用者無法將「取消」動作視為返回或取消指令的一致指標。

如果螢幕上的內容可能因誤觸而造成風險,例如運動期間或緊急電話通話中,也可以停用關閉動作。如要針對特定畫面停用手腕轉動功能,請訂閱 dismiss 動作,但不要對已調度的手勢事件執行任何動作,也就是提供空白的訂閱項目。

快捷手勢操作規範

Wear OS 手勢架構的設計宗旨是處理中斷和控制。 這項功能並非用於啟用完整的手錶導覽功能,如要在應用程式中採用單手操作手勢,請遵循下列準則:

  1. 減少操作:使用手勢進行一次性互動,例如關閉通知或暫停及繼續播放媒體。
  2. 減少使用捲動功能:主要手勢 (雙指撥動) 可用於捲動,但這不應是所有可捲動內容的預設體驗。只有在符合下列條件時,才能啟用手勢捲動功能:
    • 使用者可以單手或免持進入捲動檢視畫面,例如使用手勢、語音指令,或在自動啟動的畫面上 (如媒體控制和地圖導航) 進入捲動檢視畫面。
    • 內容一目瞭然,例如運動摘要,且不需要進一步互動,只有一個可選用的按鈕,捲動到檢視畫面後,也可以執行主要手勢動作 (例如「完成」邊緣按鈕)。
  3. 避免死胡同:確保手勢動作不會導致死胡同,讓使用者無法在不使用觸控螢幕或實體按鈕的情況下繼續歷程。
  4. 避免隱藏動作:請勿隱藏僅限手勢的動作。如果使用者可以透過雙指撥動執行動作,畫面中就必須顯示可輕觸的按鈕,執行相同工作。但如果是手腕轉動返回等通用動作,就難以預測使用者意圖。

手勢互動流程和意見回饋

如果使用者執行手勢,系統會依序觸發下列事件:

  1. 手勢提示:如果可以使用主要動作手勢,畫面上會顯示手勢的動畫插圖,讓使用者瞭解可用的手勢,以及手勢會作用的 UI 元素。通常,除非取消動作對應到畫面上的 UI 元素,否則不會顯示提示。
  2. 觸覺回饋:成功處理手勢動作時,系統會播放短促的觸覺回饋。
  3. 音效和視覺回饋:與觸控互動相關聯的任何音效或視覺回饋,也應透過手勢動作觸發。您必須將應用程式現有的觸控音訊和視覺回呼,連結至手勢事件,才能提供一致的體驗。

    示例:相機有相關聯的快門音效和按鈕互動,必須透過手勢觸發。

手勢提示、教學和設定

為方便使用者探索手勢動作,Pixel Watch 提供手錶上的互動式教學課程,以及手勢 API 中的提示架構。系統設定中也提供手勢設定,在 Pixel Watch 上,可以依序前往「設定」>「手勢」>「手勢」

教學課程新手上路

在 Pixel Watch 上,使用者可以透過互動式教學課程和 Pixel 使用提示,瞭解手勢操作。您不必在應用程式中建立專屬的手勢教學課程,只要運用 Wear OS 上的 Jetpack Compose 提供的脈絡內提示,告知使用者應用程式中可使用手勢的位置即可。

雙指捏合入門教學畫面。
手腕轉動新手上路教學畫面。

情境提示

如要協助使用者探索應用程式中的手勢,請提供與實體功能相關聯的手勢動作提示。微弱提示更清楚易讀,對其他 UI 元素的阻礙也降到最低。

內容相關提示類型包括:

  • 按鈕提示
    • 在 UI 元素 (例如按鈕) 中顯示為動畫圖示,暫時隱藏該元素中的一般內容,例如按鈕標籤或圖示。
  • 浮動提示
    • 小型泡泡重疊畫面中的動畫圖示,指向手勢會影響的 UI 元素。如果 UI 元素太小,無法容納提示,通常會使用浮動提示。主要範例是捲動,提示泡泡會指向捲軸,表示主要手勢會捲動。
    • 提示可指向任何方位 (上、下、左、右)。

按鈕提示

按鈕提示範例

暫時與現有圖示或文字互換。

浮動提示

浮動提示範例

指向畫面上的元素,但該元素過小,無法顯示按鈕提示。

顏色指引:

  • 按鈕提示
    • 根據預設,系統會為向量可繪項目 (AVD) 動畫套用色調,使其與按鈕圖示或文字顏色 (LocalContentColor) 相符。
    • 如有需要,可以將 AVD 染成自訂顏色。不過,一般而言,顏色應與暫時取代的內容相同,才能提供適當的對比。
  • 浮動提示
    • Tertiary 顏色會套用至提示容器。
    • AVD 顏色會變為 onTertiary
    • 你可以自訂提示顏色和背景形狀顏色。

按鈕提示顏色指引

按鈕提示顏色指引範例

AVD 顏色與按鈕圖示或文字顏色相符。

浮動提示顏色指引

懸浮提示顏色指南範例

提示容器使用 Tertiary,AVD 則使用 onTertiary

提示節奏規則:

為協助使用者探索手勢,平台提供可設定的頻率,讓您決定體驗的提示顯示頻率。提示頻率邏輯是全域設定,而非依體驗設定。Wear OS 手勢架構會控制節奏,並提供設定 (在 Pixel Watch 上,依序前往「手勢」>「手勢」>「手勢提示」),供使用者調整節奏。

  • 按鈕提示
    • 首次啟動含有手勢動作的應用程式,或是更新應用程式並導入手勢動作時,系統至少會顯示一次該動作的提示。系統只會根據使用者定義的頻率 (例如「一律啟用」、「每日」和「每月」) 再次顯示提示。 提示預設為「一律顯示」
  • 浮動提示
    • 由於浮動提示會遮蓋相鄰內容,因此每個體驗每天最多只會顯示一次。如果將全域提示頻率設為低於每日一次 (每日),系統就會採用該頻率。
Pixel Watch 上的手勢提示設定畫面
Pixel Watch 上的手勢提示設定畫面

其他資源

如需在應用程式中實作單手勢的開發人員指引,請參閱「打造 Wear OS 手錶專屬應用程式」。