Android 手表設(shè)計規(guī)范

Google 著    Tsongli 譯

為可以穿戴的Android手表設(shè)計應(yīng)用與為手機和平板設(shè)計應(yīng)用有很大的區(qū)別：不同設(shè)備有著不同的優(yōu)勢及劣勢、不同的應(yīng)用場景及人體工學(xué)考量。想要開始設(shè)計，我們應(yīng)該對Android手表體驗有個整體的認識，并且知道應(yīng)用怎樣融入才能改善這種體驗。我們還提供了設(shè)計源文件以及UI資源，供您下載。

一種新形式的設(shè)備應(yīng)該對應(yīng)一種全新的UI模式。概括地說，Android手表UI主要由兩大類型的模式組成:這兩個部分是“提示”(Suggest)和“命令”(Demand)這兩部分將會在您的應(yīng)用中占有極其重要的地位。

提示：情境信息流

情境信息流是一個垂直的卡片列表，每張卡片展示了一個有用的或者適時信息，非常類似于手機和平板上Google Now功能。用戶可以垂直滑動來切換卡片，每次滑動只展示一張卡片?？ㄆ谋尘皥D片可以用來傳達附加視覺信息。我們的應(yīng)用也可以在適當?shù)臅r間或情境下插入自己的卡片。

這種UI模型的好處是：可以保證用戶不必為了查看是否有新的動態(tài)而啟動太多應(yīng)用。他們可以簡單的瞥一眼信息流，就可以知道最新消息，并且判斷出哪些對他們是有用的。

信息流中的卡片比簡單的通知消息有更多功能。可以水平滑動卡片來顯示附加的頁面信息。再次水平滑動可以顯示動作按鈕，這些按鈕允許用戶在提醒消息上進行操作。通過從左向右滑動可以忽略卡片，把他們從信息流中移除，直到該應(yīng)用有新消息要展示的時候。

命令：提示卡片

如果Android手表沒有在信息流中主動展示建議卡片的時候，用戶可以通過提示卡片與手表直接對話。用戶可以直接說“OK Google” 提示卡片將會被打開。向上滑動提示卡片會展示建議的語音需求列表，也可以點擊卡片來展開列表。

每一條推薦語音命令能夠觸發(fā)一類特定的內(nèi)容。開發(fā)者可以將你的應(yīng)用與這些語音命令配對，這樣用戶就可以用這些語音需求來完成任務(wù)?？赡芏鄠€應(yīng)用會注冊同一個的語音命令，但用戶可以選擇他們想要使用的應(yīng)用。

應(yīng)用響應(yīng)語音命令的方式與響應(yīng)建議卡片中的操作按鈕的方式相同：可以是添加或者更新建議卡片的方式，或者可以啟動一個全屏應(yīng)用來響應(yīng)。語音輸入經(jīng)常是命令的形式，例如“提醒我去買牛奶”，這種情況下，只要簡單反饋給用戶確認動畫，然后便可以自動返回之前的情境信息流中。

其他UI特性

• 設(shè)備上默認顯示的是主屏幕:

• 背景信息：展示與首張卡片相關(guān)的內(nèi)容或顯示用戶自定義的表盤。輕觸背景或者說“OK,Google”來進行語音搜索。

• 狀態(tài)指示：顯示連接情況，充電狀態(tài)，是否處于飛行模式或未讀消息數(shù)量。

• 情境信息流中的首張卡片會顯示在屏幕底部。不同的表盤設(shè)計決定該卡片的露出程度。

• 表盤設(shè)計：用戶可以選擇不同的表盤設(shè)計以便在主屏幕顯示不同的背景。表盤一般用來展示時間以及容納情境信息流卡片。用戶可通過長按當前表盤來選擇自定義表盤設(shè)計。

• 某些設(shè)備會在用戶無交互時進入低功耗的省電模式( Ambient Mode) 該模式下屏幕通常會自動調(diào)暗亮度。卡片信息也會相應(yīng)地自動進行優(yōu)化，以便更好展示。用戶可通過輕觸屏幕、向內(nèi)側(cè)轉(zhuǎn)動手腕，或按下設(shè)備實體按鍵來退出省電模式。

• 在主屏幕向下滑動，可以顯示日期及電量信息。繼續(xù)向下滑動會切換到靜音模式，以關(guān)閉震動提醒和亮屏通知。

• 設(shè)置界面：可通過卡片激活或者通過某些設(shè)備上的實體按鍵進入。用戶可在此處關(guān)閉或重啟設(shè)備、調(diào)節(jié)屏幕亮度、切換飛行模式以及查詢設(shè)備信息。

• 全屏應(yīng)用：可通過信息流頂部進入。雖然系統(tǒng)在風(fēng)格上并不限制只能采用信息流樣式，但應(yīng)用應(yīng)盡量遵從系統(tǒng)設(shè)計原則。

Android 手表創(chuàng)新理念

Android手表能夠在適當?shù)臅r候提供合適的信息，讓用戶在虛擬的世界和現(xiàn)實世界有更多的連接。完美的android手表體驗可以大致歸納為以下幾個方面：

自動啟動

大多數(shù)人習(xí)慣通過點擊一個圖標來啟動應(yīng)用，Android手表則不同。手表中的應(yīng)用能夠感知到用戶的情境時間、地點、物理活動等。當檢測到情境相關(guān)的時候，應(yīng)用會自動地將相應(yīng)卡片插入到信息流中。這種方法讓android手表實時響應(yīng)、與用戶任務(wù)高度相關(guān)而且非常聚焦用戶任務(wù)。

掃視可見 (Glanceable)

經(jīng)典款手表設(shè)計能夠讓你在不停下手頭事務(wù)的情況下瞬時看到時間。Android手表設(shè)計也應(yīng)該遵循這一原則。用戶花僅僅少量時間使用手表上的軟件，更多的時間可以專注于他們正在做的事情上面。Android手表的體驗應(yīng)該是是迅速、聰明、隨時隨刻的。

始終圍繞提示和命令

Android手表就像個人助理：她了解你和你的喜好，她只在非常必要的時候才會主動打擾你，并且它總是能夠提供一個準備好的答案。Android手表是樂于助人的、有禮貌的、反應(yīng)敏捷的。

盡可能少的交互 (Zero or low interaction)

基于小型設(shè)備的特點，Android手表注重非常簡單的交互形式。僅僅在非常必要的時候才需要用戶輸入。大多數(shù)輸入基于手指滑動或者語音，避免一切需要用手精細操作的輸入行為。Android手表是手勢為主，簡單快捷。

通過一種既不過分打擾用戶當前任務(wù)，又能夠使用戶智能地與外界保持關(guān)聯(lián)的方式，Android手表會使人感覺既個人又整體、既簡單又智能，既不張揚又隨時待命。遵從這些原則的應(yīng)用，在整個Andorid手表體驗中會顯得自然，毫不突兀。

第三方軟件能夠通過更加具體的方式幫助用戶，并能夠延展Android手表的體驗。用戶通過主動安裝應(yīng)用的方式，能夠使得Android手表更好地為之服務(wù)。

Android 手表設(shè)計原則

這里提供一些簡單的設(shè)計原則來啟發(fā)您如何計劃和進行Android手表應(yīng)用設(shè)計。

不要妨礙用戶

手表本身就是一種用戶一邊做事一邊使用的設(shè)備。比如在煮飯、吃飯、走路、跑步甚至和別人聊天時使用。如果你發(fā)現(xiàn)用戶必須停下自己手里的事情才能使用某個手表應(yīng)用，那么這個應(yīng)用就有很大的改進空間。

嘗試一下:
看用戶能否在5秒內(nèi)使用你的應(yīng)用來完成一項任務(wù)？
用戶能不能一邊聊天一邊輕松地使用你的應(yīng)用？
注意觀察用戶在使用應(yīng)用時是否會影響到他談話的思路以及和對方的眼神交流。

不要設(shè)計精細操作手勢 (Design for big gestures)

當你在手機上滑動瀏覽照片的時候，很大一部分的顯示區(qū)域都可以響應(yīng)手勢操作，而且無需精準操作，類似這樣的交互就非常適合在手表上采用。
用戶會在各種場景下使用手表應(yīng)用，最不常見的一種場景應(yīng)該是：端坐在桌前，專心地使用手表應(yīng)用。

嘗試一下:
在各種場景下測試你的應(yīng)用，比如跑步、吃飯、聊天或者點餐的時候。
如果用戶必須停下來手里的事情或者需要放慢速度才能準確點擊某款手表應(yīng)用上的按鈕，
那么你需要采用容錯率更高的手勢操作。

優(yōu)先考慮使用卡片流

穿戴式設(shè)備能夠給用戶最好的體驗就是猜中用戶的心思，主動提供給用戶他們在特定場景下所需要的信息?？梢岳迷O(shè)備里的各種感應(yīng)器以及云端同步的各種信息來分析何時展示什么卡片。實在不知道用戶想要什么的情況下，再利用語音或者手勢交互的形式。

嘗試一下:
列出用戶可能需要使用該應(yīng)用的所有可能場景?？纯催@些使用場景之間有什么共同點？比如相同的地點？每天相同的時間？相同的軀體運動？相同的生理指標？然后你就能夠分析出在什么場景下給用戶推送你的應(yīng)用程序信息了。一定要記住，如果用戶覺得你給出的建議那么不相關(guān)的話，用戶隨時有權(quán)利刪掉你的建議卡片。

每次只做一件事

雖然用戶每次打開應(yīng)用只用短短幾秒鐘，但全天重復(fù)使用率非常高，比較好的設(shè)計應(yīng)該是：默認顯示的信息量很少，通過滑動才看到更多的操作

嘗試一下:
看看你的應(yīng)用默認顯示的信息有多少？所有這些信息是否都是必須的？能否分幾張卡片顯示？設(shè)計卡片信息的時候切記卡片是可以分多頁展示的。

為余光設(shè)計

用戶持續(xù)使用應(yīng)用的時間越久，就會越和現(xiàn)實世界脫節(jié)。所以設(shè)計方案應(yīng)該盡可能方便用戶掃視手表界面，并迅速返回現(xiàn)實世界中來。

嘗試一下:
利用余光來檢視你的應(yīng)用，當手表應(yīng)用界面顯示的時候，盡可能的盯著你的手指關(guān)節(jié)。看看這種情況下，你是否還能夠明白應(yīng)用想傳達什么信息？是否能一眼就看出這是哪個應(yīng)用？卡片的背景圖片是否能夠傳達界面想傳達的信息？是否使用了照片或者明顯的圖形或顏色？

別總拍我肩膀 (Don’t be a constant shoulder tapper)

手表戴在手上，與手機不用的一點在于，設(shè)備直接接觸皮膚。作為一個與用戶如此親密接觸的設(shè)備，震動提醒用戶的次數(shù)應(yīng)該比手機應(yīng)用要少的多。

嘗試一下:
想象一下你正在和朋友談話的時候，有人突然輕拍你的肩膀，告訴你一條信息。分析一下這個場景下，你想傳達的紙條信息值不值得打斷用戶的談話？如果不值得？就盡量不要打斷用戶。

Android 手表應(yīng)用架構(gòu)

用戶習(xí)慣于點擊icon來打開一個應(yīng)用，Android wear則完全不同。典型的Android wear應(yīng)用會在時機合適，情境適當?shù)那闆r下，在卡片流中加入一張卡片展示?？ㄆ峡赡軙尤胍粋€能夠展示全屏應(yīng)用的按鈕，以便后續(xù)的簡單交互，但是通常情況下也可以不加。
提示卡片、卡片流、這些是構(gòu)建Android應(yīng)用的基本元素，你可以利用這些元素打造所需的應(yīng)用體驗。官方強烈建議：不要設(shè)計一款用戶必須自己考慮何時何地、在什么場景下，需要打開什么應(yīng)用才能滿足我當前的需求的應(yīng)用。

• 卡片流中的情境卡片包括:

• 同步提醒：比如新消息的提醒，會通過Android系統(tǒng)的消息通知中心從手機端推送至手表端。只需要根據(jù)手表應(yīng)用做少量代碼改動便可以實現(xiàn)。

• 情境提醒：比如健身類的卡片，會在手表檢測到你開始跑步時自動展示。情境式提醒一般只在情境相關(guān)的時候出現(xiàn)，而且通常只手表端展示，不會同步在手機端提示。通常情況下，情境式卡片能做的事情比手機端的同步提醒要多很多。

• 全屏應(yīng)用:

• 二維選擇卡：二維選擇卡允許用戶從給定的一組元素中選擇某個元素，比如在音樂應(yīng)用中選擇歌手、選擇專輯等。

• 定制化布局：如果你覺得卡片和卡片流的隱喻方式不能滿足你的需要，也可以給出定制化的界面設(shè)計方案，比如給出圖表或者地圖。

• 保持應(yīng)用始終顯示：某些信息如需持續(xù)更新顯示或者與用戶當前的任務(wù)持續(xù)相關(guān)，則可以采用這種顯示模式，應(yīng)用處在省電模式顯示時不會消耗過多的電量。

同步提醒

這是在Android手表上獲取信息最簡單的方法。實際上如果你的手機應(yīng)用能發(fā)送消息推送的話，就會自動同步給手表。你可以通過調(diào)用通知API,，在手表上同步提醒中添加額外的頁面展示或語音回復(fù)功能。

情境提醒

在用戶需要的時候，向用戶展示信息和功能這正是Android手表最擅長的部分。

提醒的方式大致是這樣：
首先應(yīng)用需要預(yù)判出何時才是與用戶情境相關(guān)的合適時機，然后當時機到來時a應(yīng)用會觸發(fā)一條通知。比如你想設(shè)計一款用戶在跑步時候會用到的應(yīng)用，或者用戶參觀博物館會用到的博物館導(dǎo)覽應(yīng)用，都是合適推送情境提醒的時機。

想要設(shè)計優(yōu)秀的Android手表體驗，選擇合適的用戶情境觸發(fā)提示是至關(guān)重要的。最簡單的方法是利用標準Android提醒消息模板，也可以制作自己的版式。如果決定要采用這種方式，我們強烈建議您參考官方樣式規(guī)范，以確保您的設(shè)計與系統(tǒng)其他樣式保持一致。最好徹底的測試一下應(yīng)用的觸發(fā)機制。觸發(fā)過于頻繁會打擾用戶，導(dǎo)致用戶將你的所有提示都關(guān)掉。

二維選擇卡

二維選擇卡很適合展現(xiàn)一個系列的選項。比如Google搜索結(jié)果頁就是一個很好的范例。

這種樣式可被用于展現(xiàn)單一縱向列表，或“一維選項”

該樣式同樣也可被用做二維選項矩陣，用來表示不同類別的選項

動作命令

有關(guān)卡片上的動作命令部分，請參見動作卡片樣式部分。

便捷選擇 (Making it fast)

關(guān)于二維選擇卡，有一些使用原則需要注意：

• 盡可能減少卡片的數(shù)量

• 會頻繁使用到的卡片應(yīng)該在最上層

• 卡片的內(nèi)容和樣式都應(yīng)該盡量簡單

• 優(yōu)先考慮方便用戶快捷操作，其次才是定制化和個性化的需求

如何退出

當用戶做出選擇后，應(yīng)用應(yīng)該自動退出二維選擇卡界面。用戶也可以向下滑動第一張卡片來退出，或者從左向右橫滑處每個層級最左側(cè)的卡片來退出。

打破卡片布局 自主定制界面

某些情況下卡片的形式不能夠滿足需求比如拖動底圖或者控制游戲方向搖桿的需求。這時就應(yīng)該暫時進入全屏模式。Android手表上的典型的全屏應(yīng)用使用體驗如圖所示：

何時應(yīng)全屏展示

官方建議只有在卡片本身不能滿足需求的時候才應(yīng)該進入全屏，進入全屏后應(yīng)該讓用戶在完成簡單操作后迅速退出全屏，返回卡片流當中。這樣做用戶會感覺你的應(yīng)用和手表本身的體驗更好的融合，交互體驗也更加統(tǒng)。Android手表本身在語音回復(fù)和秒表應(yīng)用中采用了全屏界面的展示方式。

有所區(qū)分

全屏應(yīng)用還有幾點需要注意：不要讓全屏界面長得太類似卡片，以免讓用戶產(chǎn)生混淆。如果應(yīng)用想延續(xù)系統(tǒng)的卡片樣式風(fēng)格的話，可以采用二維選擇卡的方式

自動退出

很多手表設(shè)備上都沒有返回或者home鍵，所以該如何讓用戶退出是值得好好考慮的問題。這里給出幾種自然退出的場景供大家參考：

• 地圖應(yīng)用中如果需要用戶選擇某個地點，那么用戶在扎下marker后，應(yīng)用就可以退出，返回到卡片流中

• 如果是一款小游戲應(yīng)用，那么游戲結(jié)束時自動退出是一種比較自然的方式

• 如果是一款繪畫的應(yīng)用，用戶5秒鐘沒有響應(yīng)時，可以自動退出

手動退出

即便設(shè)置了自動退出的機制，也擋不住某些時候用戶希望立即退出的欲望。這種情況下，用戶長按屏幕的行為可以視為是希望退出應(yīng)用的信號。

保持應(yīng)用始終顯示

Android手表應(yīng)用有兩種模式：

交互模式

界面顯示顏色，用戶可以與應(yīng)用交互。

省電模式

界面只有黑白和少數(shù)灰色顯示的省電模式。

交互模式可以展示實時信息，并相應(yīng)用戶操作，但是非常耗電。如果想持續(xù)展示有效信息并且還想省電的話，應(yīng)用可以切換為省電模式。應(yīng)用處于省電模式時仍可展示動態(tài)數(shù)據(jù)。如果你的應(yīng)用需要顯示持續(xù)更新的數(shù)據(jù)時，這種模式就會非常有用。比如一款記錄跑步距離的應(yīng)用、或者類似購物清單這種需要持續(xù)展示動態(tài)變化的信息供用戶參考的應(yīng)用。

Andorid 手表上的省電模式體驗如下圖所示：

應(yīng)用處在省電模式下時，應(yīng)去除一切允許用戶交互的元素，以免用戶誤解當前處在交互模式下,并考慮在這種模式下展示時間信息

更新頻率

處于省電模式下的應(yīng)用基本上每分鐘更新一次數(shù)據(jù)來省電。你也可以把更新頻率調(diào)整成為10秒一次，但每次更新數(shù)據(jù)都會消耗電量。

可交互元素

不要在省電模式下展示任何按鈕或其他和交互元素，以免用戶誤解當前處在交互模式下。

顏色和亮度

使用灰色的元素來讓用戶明白必須喚醒設(shè)備才能夠交互。由于在低照明的環(huán)境下，任何一個不是黑色的像素都會變得異常明顯，所以官方建議在省電模式下，盡可能的使用純黑的背景。

用戶隱私

在設(shè)計和開發(fā)一款帶有省電模式的應(yīng)用時，還應(yīng)該考慮用戶的隱私問題。舉個例子，顯示一款聊天軟件的對話消息提醒是很有用的，但如果在省電模式下持續(xù)在手表界面上展示最新消息可能會帶來某些用戶隱私泄漏的問題。這時可以考慮在屏幕無響應(yīng)一段時間以后自動刪除隱私信息顯示，或者在進入省電模式時根本不顯示隱私信息。

Android 手表場景感知

在android手表上一些最有力的用戶體驗基于情境感知提醒和操作。通過使用設(shè)備傳感器和其他情境線索，當用戶需要的時候你的應(yīng)用可以精確地顯示信息和功能，一眼就能看見。

比如一款餐館推薦的應(yīng)用，當應(yīng)用識別出用戶正在某個餐館里面時，應(yīng)用可以推薦這個餐館里最受歡迎的菜品。下面舉幾個例子來展示你可以在你的android手表應(yīng)用里用提醒和操作確認做哪些事情。

Android 手表控件類型

Android手表主要采用微交互的形式與用戶互動，所以沿用用戶已熟知的設(shè)計樣式是至關(guān)重要的。

卡片

卡片流中的卡片分為幾類：

• 標準卡片用來展示通知信息

• 控制開關(guān)（比如切換播放和暫停）

• 可以展開的一疊卡片，用來展示一組相關(guān)的通知

應(yīng)用圖標

應(yīng)用圖標顯示在卡片的右上角固定位置，用來在卡片流中區(qū)分消息卡片的來源。圖片背景用來傳達卡片信息而不是用來展示品牌。只有最左側(cè)的卡片需要展示圖標，右側(cè)的頁面中無需展現(xiàn)圖標。

頁面