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

 

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

提示：情境信息流

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

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

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

命令：提示卡片

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

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

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

其他UI特性

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

• 背景信息：展示與首張卡片相關(guān)的內(nèi)容或顯示用戶自定義的表盤。輕觸背景或者說“OK,Google”來進(jìn)行語音搜索。
• 狀態(tài)指示：顯示連接情況，充電狀態(tài)，是否處于飛行模式或未讀消息數(shù)量。
• 情境信息流中的首張卡片會(huì)顯示在屏幕底部。不同的表盤設(shè)計(jì)決定該卡片的露出程度。
• 表盤設(shè)計(jì)：用戶可以選擇不同的表盤設(shè)計(jì)以便在主屏幕顯示不同的背景。表盤一般用來展示時(shí)間以及容納情境信息流卡片。用戶可通過長(zhǎng)按當(dāng)前表盤來選擇自定義表盤設(shè)計(jì)。
• 某些設(shè)備會(huì)在用戶無交互時(shí)進(jìn)入低功耗的省電模式(?Ambient Mode) 該模式下屏幕通常會(huì)自動(dòng)調(diào)暗亮度?？ㄆ畔⒁矔?huì)相應(yīng)地自動(dòng)進(jìn)行優(yōu)化，以便更好展示。用戶可通過輕觸屏幕、向內(nèi)側(cè)轉(zhuǎn)動(dòng)手腕，或按下設(shè)備實(shí)體按鍵來退出省電模式。
• 在主屏幕向下滑動(dòng)，可以顯示日期及電量信息。繼續(xù)向下滑動(dòng)會(huì)切換到靜音模式，以關(guān)閉震動(dòng)提醒和亮屏通知。
• 設(shè)置界面：可通過卡片激活或者通過某些設(shè)備上的實(shí)體按鍵進(jìn)入。用戶可在此處關(guān)閉或重啟設(shè)備、調(diào)節(jié)屏幕亮度、切換飛行模式以及查詢?cè)O(shè)備信息。
• 全屏應(yīng)用：可通過信息流頂部進(jìn)入。雖然系統(tǒng)在風(fēng)格上并不限制只能采用信息流樣式，但應(yīng)用應(yīng)盡量遵從系統(tǒng)設(shè)計(jì)原則。

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

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

自動(dòng)啟動(dòng)

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

掃視可見 (Glanceable)

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

始終圍繞提示和命令

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

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

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

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

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

Android 手表設(shè)計(jì)原則

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

不要妨礙用戶

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

嘗試一下:

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

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

當(dāng)你在手機(jī)上滑動(dòng)瀏覽照片的時(shí)候，很大一部分的顯示區(qū)域都可以響應(yīng)手勢(shì)操作，而且無需精準(zhǔn)操作，類似這樣的交互就非常適合在手表上采用。

用戶會(huì)在各種場(chǎng)景下使用手表應(yīng)用，最不常見的一種場(chǎng)景應(yīng)該是：端坐在桌前，專心地使用手表應(yīng)用。

嘗試一下:

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

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

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

嘗試一下:

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

每次只做一件事

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

嘗試一下:

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

為余光設(shè)計(jì)

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

嘗試一下:

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

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

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

嘗試一下:

想象一下你正在和朋友談話的時(shí)候，有人突然輕拍你的肩膀，告訴你一條信息。分析一下這個(gè)場(chǎng)景下，你想傳達(dá)的紙條信息值不值得打斷用戶的談話？如果不值得？就盡量不要打斷用戶。

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

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

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

• 同步提醒：比如新消息的提醒，會(huì)通過Android系統(tǒng)的消息通知中心從手機(jī)端推送至手表端。只需要根據(jù)手表應(yīng)用做少量代碼改動(dòng)便可以實(shí)現(xiàn)。
• 情境提醒：比如健身類的卡片，會(huì)在手表檢測(cè)到你開始跑步時(shí)自動(dòng)展示。情境式提醒一般只在情境相關(guān)的時(shí)候出現(xiàn)，而且通常只手表端展示，不會(huì)同步在手機(jī)端提示。通常情況下，情境式卡片能做的事情比手機(jī)端的同步提醒要多很多。

全屏應(yīng)用:

• 二維選擇卡：二維選擇卡允許用戶從給定的一組元素中選擇某個(gè)元素，比如在音樂應(yīng)用中選擇歌手、選擇專輯等。
• 定制化布局：如果你覺得卡片和卡片流的隱喻方式不能滿足你的需要，也可以給出定制化的界面設(shè)計(jì)方案，比如給出圖表或者地圖。
• 保持應(yīng)用始終顯示：某些信息如需持續(xù)更新顯示或者與用戶當(dāng)前的任務(wù)持續(xù)相關(guān)，則可以采用這種顯示模式，應(yīng)用處在省電模式顯示時(shí)不會(huì)消耗過多的電量。

同步提醒

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

情境提醒

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

提醒的方式大致是這樣：

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

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

二維選擇卡

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

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

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

動(dòng)作命令

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

便捷選擇 (Making it fast)

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

• 盡可能減少卡片的數(shù)量
• 會(huì)頻繁使用到的卡片應(yīng)該在最上層
• 卡片的內(nèi)容和樣式都應(yīng)該盡量簡(jiǎn)單
• 優(yōu)先考慮方便用戶快捷操作，其次才是定制化和個(gè)性化的需求

如何退出

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

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

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

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

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

有所區(qū)分

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

自動(dòng)退出

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

• 地圖應(yīng)用中如果需要用戶選擇某個(gè)地點(diǎn)，那么用戶在扎下marker后，應(yīng)用就可以退出，返回到卡片流中
• 如果是一款小游戲應(yīng)用，那么游戲結(jié)束時(shí)自動(dòng)退出是一種比較自然的方式
• 如果是一款繪畫的應(yīng)用，用戶5秒鐘沒有響應(yīng)時(shí)，可以自動(dòng)退出

手動(dòng)退出

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

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

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

交互模式

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

省電模式

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

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

Andorid 手表上的省電模式體驗(yàn)如下圖所示：

更新頻率

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

可交互元素

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

顏色和亮度

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

用戶隱私

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

Android 手表場(chǎng)景感知

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

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

Android 手表控件類型

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

卡片

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

• 標(biāo)準(zhǔn)卡片用來展示通知信息
• 控制開關(guān)（比如切換播放和暫停）
• 可以展開的一疊卡片，用來展示一組相關(guān)的通知

應(yīng)用圖標(biāo)

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

頁面

更詳細(xì)的信息可以展示在附加的卡片中。在卡片流中向左滑動(dòng)卡片可以展示詳情頁面。通常情況下，一張附加卡片就足夠顯示所有信息。比如天氣卡片會(huì)展示當(dāng)前地點(diǎn)現(xiàn)在的天氣情況。

未來幾天的天機(jī)情況則會(huì)展示在右側(cè)的詳情頁面中。詳情卡片應(yīng)該越少越好，應(yīng)該保持卡片詳情頁面命令按鈕 這樣的順序。不要打亂順序或者交錯(cuò)出現(xiàn)。

刪除卡片

通過從左向右滑動(dòng)可以忽略卡片流中的卡片。被忽略的卡片會(huì)在下次應(yīng)用有新的信息需要展示時(shí)出現(xiàn)?？ㄆ髦械目ㄆ坏┍缓雎?，那么相應(yīng)的信息也會(huì)同步在手機(jī)端被刪除。

動(dòng)作按鈕

在某些情況下，用戶可能需要對(duì)卡片上顯示的信息作出某種操作，這時(shí)候可以提供一個(gè)動(dòng)作按鈕。按鈕顯示的順序是詳情頁面片卡的右邊。按鈕的樣式是系統(tǒng)生成的藍(lán)底白色圖標(biāo)圓形button,底部附帶一個(gè)簡(jiǎn)短的動(dòng)詞來說明按鈕的含義。每組卡片最多不超過三個(gè)動(dòng)作按鈕。輕點(diǎn)按鈕會(huì)觸發(fā)動(dòng)作執(zhí)行，或在配對(duì)的手機(jī)上繼續(xù)某項(xiàng)操作，或者進(jìn)入一個(gè)全屏頁面以便進(jìn)一步操作。（參right考二維選擇卡部分）

倒計(jì)時(shí)確認(rèn)

一般點(diǎn)擊按鈕后會(huì)有以下幾種結(jié)果:

1. 動(dòng)作立即執(zhí)行，結(jié)果通過更新的卡片信息進(jìn)行顯示，或者會(huì)顯示一段確認(rèn)動(dòng)畫（比如一個(gè)完成的對(duì)勾）
2. 展示一小段倒計(jì)時(shí)動(dòng)畫，用戶可以在這時(shí)取消執(zhí)行。如果倒計(jì)時(shí)結(jié)束，也會(huì)顯示一段確認(rèn)動(dòng)畫，完成動(dòng)畫可以自由定制。
3. 點(diǎn)擊按鈕后需要二次確認(rèn)，比如為了表面某些危險(xiǎn)動(dòng)作誤操作的情況，用戶再次確認(rèn)后也會(huì)展示確認(rèn)動(dòng)畫。
4. 激活提示卡片以便繼續(xù)某項(xiàng)具體操作。比如在聊天應(yīng)用中，輕觸“回復(fù)”動(dòng)作按鈕會(huì)激活語音輸入提示卡片，提示用戶使用語音輸入。這種情況下，一般會(huì)默認(rèn)提示用戶 “請(qǐng)說話”或者給出幾種預(yù)先設(shè)定好的回復(fù)信息供用戶選擇。

在手機(jī)上打開

程序應(yīng)該盡可能地讓用戶在手表上就能簡(jiǎn)單地完成任務(wù)。如果某些情況下，必須用手機(jī)才能操作的話，會(huì)加入在手機(jī)上打開的按鈕。用戶點(diǎn)擊該按鈕后，會(huì)在手機(jī)上打開相應(yīng)的應(yīng)用頁面，同時(shí)會(huì)在手表上顯示的一個(gè)已經(jīng)在手機(jī)上打開的完成動(dòng)畫。

卡片操作按鈕 (如媒體控制按鈕)

某些情況下，在卡片上直接放置動(dòng)作按鈕會(huì)比較適合. 動(dòng)作按鈕與卡片操作按鈕的使用規(guī)范如下：

1. 只有在非常明確點(diǎn)擊操作按鈕的預(yù)期結(jié)果時(shí)才適合采用卡片操作按鈕。比如一張卡片上顯示了預(yù)計(jì)到達(dá)時(shí)間信息，某個(gè)具體的地址和一個(gè)汽車的icon,很明顯點(diǎn)擊汽車的icon可以發(fā)起導(dǎo)航。但是比如一張顯示著好友頭像和名字的卡片，用戶就不是很明確點(diǎn)擊按鈕后會(huì)放生什么？是給好友打電話？還是發(fā)消息？或者是發(fā)郵件？這種情況下就不適合用卡片操作按鈕的形式。
2. 卡片操作按鈕應(yīng)該是不需要文字說明也能明確命令含義的操作。
3. 除了在手機(jī)上打開某個(gè)網(wǎng)頁鏈接這種情況以外，卡片操作按鈕觸發(fā)的結(jié)果都應(yīng)該是在手表上直接顯示的。
4. 每張卡片上只允許有一個(gè)操作按鈕。
5. 不要在卡片上放置命令菜單。

比較合適采用卡片操作按鈕的情況包括：播放暫停音樂、控制燈的開關(guān)、導(dǎo)航到某個(gè)地址、或者撥打電話。

卡片組

卡片組是一系列相關(guān)的卡片，可以在卡片流中縱向展開。點(diǎn)擊下方的更多可以展開卡片組，以顯示每張卡片的頭部，再次點(diǎn)擊某張卡片可以完全展開該卡片。如果用戶滑走卡片，卡片組會(huì)重新收起。

二維選擇卡

二維選擇卡可以從提示卡片或者動(dòng)作按鈕來觸發(fā)。它允許用戶從一列選項(xiàng)中選擇一個(gè)，比如簽到應(yīng)用中，可以用二維選擇卡片來切換選擇要簽到的地點(diǎn)。

某些情況下，可能需要用戶提供其他信息，這時(shí)應(yīng)該為用戶提供最可能的默認(rèn)選項(xiàng)，并允許用戶在完成操作前最終修改。這種方式遵從了“盡可能減少交互”這一Android手表的核心設(shè)計(jì)原則。

語音命令

應(yīng)用可以響應(yīng)Android語音命令。比如一款應(yīng)用可以把“請(qǐng)記錄”作為語音觸發(fā)熱詞，并記錄處理后續(xù)的語音輸入內(nèi)容。如果有多款應(yīng)用同時(shí)注冊(cè)了同一觸發(fā)熱詞，用戶選擇的響應(yīng)應(yīng)用會(huì)被自動(dòng)記錄并保存下來，并可以在配對(duì)的手機(jī)Android Wear應(yīng)用中修改偏好設(shè)置。

選擇列表

從列表中選擇一項(xiàng)是最常見的交互形式。Android手表上的選擇列表給出了一種適合小屏幕的輕交互形式。默認(rèn)被選中的項(xiàng)目顯示在中間，單擊便可選擇。如需要選擇某項(xiàng)時(shí)，推薦采用這一常用控件。該控件在全局系統(tǒng)界面中被廣泛使用，包括上滑提示卡片后出現(xiàn)的列表中。當(dāng)然，每款應(yīng)用也可以根據(jù)自身需要打破這些常規(guī)控件樣式。更詳細(xì)的內(nèi)容請(qǐng)參考應(yīng)用架構(gòu)規(guī)范部分。

Android 手表設(shè)計(jì)風(fēng)格

以下是幾條Android手表特有的設(shè)計(jì)要點(diǎn)需要注意：

屏幕尺寸

謹(jǐn)記不同的屏幕尺寸和形狀。智能穿戴設(shè)備是一種兼顧時(shí)尚和用戶自我表達(dá)的設(shè)備。所以Android手表系統(tǒng)廣泛支持各種形式的設(shè)備類型。系統(tǒng)本身已經(jīng)解決了大部分因需要支持不同設(shè)備而產(chǎn)生的復(fù)雜問題.

但在設(shè)計(jì)全屏應(yīng)用時(shí)還是應(yīng)該隨時(shí)留意適配不同類型的設(shè)備屏幕。可以使用Android手表模擬器來測(cè)試方形屏幕和圓形屏幕，請(qǐng)注意

WatchViewStub?事件可用來檢測(cè)所使用的屏幕類型。

具體設(shè)計(jì)素材

根據(jù)不同卡片設(shè)計(jì)，一般需要提供的主要標(biāo)準(zhǔn)設(shè)計(jì)素材包括： 應(yīng)用圖標(biāo)、單張或多張背景圖片、動(dòng)作按鈕圖標(biāo)、動(dòng)作確認(rèn)動(dòng)畫等。當(dāng)然，根據(jù)具體設(shè)計(jì)方案的不同，也可能需要提供其他設(shè)計(jì)素材。背景圖片應(yīng)為橫屏格式，對(duì)于包含了通知消息和后續(xù)頁面的卡片，背景圖片最小寬度為600像素，系統(tǒng)會(huì)自動(dòng)添加視差滾動(dòng)效果。

提示卡(Peek Card) 可讀性

測(cè)試一下卡片在提示狀態(tài)下(peek state) 的布局，以保證有效信息可以在該狀態(tài)下顯示在主屏上。應(yīng)該保證卡片的主要信息在提示狀態(tài)下可讀，尤其對(duì)于情境卡片而言更是如此。像長(zhǎng)文本消息這類，需要用戶進(jìn)一步交互才能夠閱讀的內(nèi)容，應(yīng)該合理地設(shè)置截?cái)?，以便告知用戶?yīng)該滑動(dòng)卡片來查看詳情。

低信息密度

卡片的設(shè)計(jì)應(yīng)該方便用戶快速掃視，類似在傳統(tǒng)手表上看時(shí)間的體驗(yàn)。多數(shù)情況下，一組圖標(biāo)和數(shù)值，或者一個(gè)標(biāo)題和簡(jiǎn)短說明文字即可傳達(dá)有效信息。請(qǐng)注意，背景圖片也應(yīng)該用來傳達(dá)信息，最佳方式是用背景圖片的切換來傳達(dá)卡片中的主要信息。如左圖所示，為了反映當(dāng)前路況擁堵程度，設(shè)計(jì)師選擇了一張合適的背景圖片。這并非錦上添花的細(xì)節(jié)，實(shí)際上背景圖片能夠強(qiáng)化信息傳達(dá)而且使得內(nèi)容更方便掃視。

信息分組

某些情況下，附加信息必不可少。此時(shí)，為了不影響用戶快速掃視，不要將所有信息都塞進(jìn)一張卡片里，而應(yīng)該在信息流主卡片右側(cè)附加一頁（或者幾頁），使用戶可以滑動(dòng)查看更多信息。參見在手機(jī)上打開部分。

減少通知消息

不要濫用通知消息，來吸引用戶注意。會(huì)使設(shè)備震動(dòng)的主動(dòng)通知，只應(yīng)在適時(shí)而且有聯(lián)系人參與的場(chǎng)景中使用，比如收到好友消息的時(shí)候。非緊急通知應(yīng)靜默加入信息流中。參見?Android 通知規(guī)范。

使用清晰明顯的字體

系統(tǒng)默認(rèn)字體為Roboto Condensed，同時(shí)提供常規(guī)體和細(xì)體兩種字重。文字字號(hào)及顏色應(yīng)遵守規(guī)范推薦值。（參考資源下載中的UI工具包部分）概括來說，顯示的文字應(yīng)該越大越好。你的目標(biāo)是：以最小的成本傳達(dá)最多的信息。

使用統(tǒng)一的品牌及色彩

圖標(biāo)的作用是幫助用戶識(shí)別不同應(yīng)用以及樹立品牌。規(guī)范定義圖標(biāo)應(yīng)顯示在卡片的右上角固定位置，但可以不顯示圖標(biāo)。請(qǐng)注意不要將圖標(biāo)或品牌展示在背景圖片中，背景圖片應(yīng)為與卡片信息相關(guān)的內(nèi)容。

言簡(jiǎn)意賅

省略不必要的文案。為掃視設(shè)計(jì)，而非為閱讀設(shè)計(jì)。盡量用字詞、短語，少用句子。盡可能使用圖標(biāo)與數(shù)值配合，來代替文字。文字應(yīng)盡量簡(jiǎn)潔，長(zhǎng)文會(huì)被應(yīng)截?cái)嘁员阍谝粡埧ㄆ酗@示。

保持必要的謹(jǐn)慎

智能穿戴設(shè)備具有天然的個(gè)人屬性，但也并非是完全隱私的。如果消息中包含敏感或隱私信息的話（比如來自約會(huì)應(yīng)用的信息或身體狀況報(bào)告信息）注意不要將所有信息都顯示在提示卡片中?？梢詫⑾⒅械拿舾行畔@示在第二頁，必須滑動(dòng)可見?；蛘咴诳ㄆ奶崾緺顟B(tài)(peek)和閱讀狀態(tài)(focused)下顯示不同細(xì)節(jié)。

確認(rèn)動(dòng)畫

如果你的應(yīng)用允許用戶完成某種動(dòng)作，那么有必要提供積極反饋?？娠@示通用的或者自行設(shè)計(jì)的確認(rèn)動(dòng)畫。通過確認(rèn)動(dòng)畫可以向用戶展現(xiàn)應(yīng)用的性格氣質(zhì)，也能夠愉悅用戶。動(dòng)畫應(yīng)保持簡(jiǎn)單利落（1000毫秒以內(nèi)） 在完成某種動(dòng)作后，一個(gè)確認(rèn)動(dòng)畫能夠有效地完成用戶場(chǎng)景轉(zhuǎn)移。

Android 手表表盤設(shè)計(jì)

Android手表的表盤設(shè)計(jì)支持在傳統(tǒng)表盤中顯示與用戶當(dāng)前場(chǎng)景相關(guān)的信息。 設(shè)計(jì)表盤需要斟酌數(shù)據(jù)與視覺元素應(yīng)如何融合，既能讓用戶感知信息，又無需用戶花精力關(guān)注。簡(jiǎn)單精美的布局、支持不同屏幕形狀和尺寸、提供可選的配色及顯示方案，這些都能夠使用戶在適合自己的智能穿戴設(shè)備上創(chuàng)造出高度個(gè)性化的體驗(yàn)。作為手表UI的一部分，提供可交互、帶有省電模式、并考慮如何與系統(tǒng)UI元素互動(dòng)的表盤設(shè)計(jì)是至關(guān)重要的。

創(chuàng)新理念

設(shè)計(jì)Android手表表盤是一項(xiàng)以清晰可視化時(shí)間為目標(biāo)的考驗(yàn)。Android手表提供了一塊獨(dú)特的數(shù)字畫布讓我們重新思考時(shí)間的表達(dá)方式。同時(shí)Android手表還允許在表盤上嵌入其他數(shù)據(jù)以適應(yīng)個(gè)性化以及場(chǎng)景化需要。

強(qiáng)大的新工具也會(huì)帶來設(shè)計(jì)復(fù)雜化的風(fēng)險(xiǎn)。最成功的表盤設(shè)計(jì)不但能利用這些先進(jìn)的能力，同時(shí)還能夠優(yōu)雅整合地展示這些信息。

設(shè)計(jì)一款表盤時(shí)，首要考慮的原則應(yīng)該是其掃視可見性(glanceability)。表盤的設(shè)計(jì)應(yīng)高度整合地展示時(shí)間及其他相關(guān)數(shù)據(jù)。可以嘗試大膽前衛(wèi)、簡(jiǎn)約的設(shè)計(jì)方向，使得表盤即便在一定距離下也高度可讀。

考慮矩形及圓形設(shè)備

Android手表采用了不同形狀及尺寸的屏幕。你需要同時(shí)考慮不同形狀不同分辨率的屏幕。某些設(shè)計(jì)方案僅在特定設(shè)備上效果出眾，但只需稍加設(shè)計(jì)，便可讓不同的屏幕同樣出彩。

下面給出幾條跨設(shè)備設(shè)計(jì)原則：

設(shè)計(jì)更靈活的方案

理想情況下，表盤的視覺設(shè)計(jì)應(yīng)在圓屏及方屏下同時(shí)適用。右側(cè)案例中，表盤的視覺設(shè)計(jì)能夠靈活地適配兩種屏幕，而無需額外調(diào)整。但在其他一些案例中，圓屏和方屏需要不同的設(shè)計(jì)方案。

采用統(tǒng)一的設(shè)計(jì)語言

嘗試使用統(tǒng)一的配色，線條粗細(xì)，陰影以及其他設(shè)計(jì)元素來創(chuàng)建方屏和圓屏間的視覺關(guān)聯(lián)。通過采用統(tǒng)一的配色方案及視覺元素，既能夠合理地適配兩種屏幕，又不破壞視覺一致性。

調(diào)整指針表盤方案

某些設(shè)計(jì)方案會(huì)自然而然地采用指針表盤設(shè)計(jì)：在圓形表盤上顯示時(shí)針和分針。這種情況下，在為方屏適配時(shí)需要考慮邊角區(qū)域的顯示問題。嘗試延展和探索這些額外的顯示區(qū)域。

考慮各種顯示模式

Android手表有兩種主要顯示模式：省電及交互模式。設(shè)計(jì)表盤時(shí)也應(yīng)考慮這兩種不同模式。一般來說，如果你的表盤設(shè)計(jì)在省電模式下效果出眾，那么交互模式下則會(huì)更加出色。反過來則不一定成立。

交互模式

用戶抬起手腕來掃視手表時(shí)，屏幕進(jìn)入交互模式。該模式下表盤可顯示各種色彩及流暢的動(dòng)畫效果。

省電模式

省電模式可延長(zhǎng)設(shè)備使用時(shí)間。

你的設(shè)計(jì)應(yīng)明確告知用戶用戶當(dāng)前屏幕處于省電模式下。背景配色嚴(yán)格限制于黑白灰三種顏色。在屏幕支持的前提下，表盤可采用少量彩色元素，但不能混淆用戶對(duì)當(dāng)前模式的認(rèn)知。可以采用不超過總屏幕像素5%的面積展示彩色元素。該模式下，屏幕每分鐘刷新一次，所以在省電模式下僅顯示小時(shí)和分鐘，不要顯示秒鐘。設(shè)備切換為省電模式時(shí)，表盤也會(huì)相應(yīng)變化，在設(shè)計(jì)時(shí)，請(qǐng)仔細(xì)考慮這一點(diǎn)。

為特殊屏幕優(yōu)化

Android手表采用了多種屏幕技術(shù)，每種技術(shù)各有優(yōu)勢(shì)及其考量。設(shè)計(jì)省電表盤時(shí)，一項(xiàng)很重要的考量因素是對(duì)電池壽命及屏幕老化的考慮。你可以為不同種類的屏幕設(shè)計(jì)不同的省電表盤。盡可能保證表盤在所有屏幕上都能得到最佳顯示效果。

減少色彩空間

減少色彩空間節(jié)電法即采用“低位色深”(low-bit)顯示模式。該模式下，可用色彩被限制為黑、白、藍(lán)、紅、品紅、綠、青、黃幾種顏色。設(shè)計(jì)低位色深省電表盤時(shí)，背景應(yīng)采用黑色或白色。OLED屏幕必須使用黑色背景。非背景元素面積限制為屏幕總像素的10%以下，低位色彩元素面積最多不超過屏幕像素的5% 同時(shí)，在省電模式下應(yīng)禁用抗鋸齒效果。務(wù)必在低位色深省電模式下測(cè)試你的設(shè)計(jì)方案。其他屏幕通過不使用顏色的方式來省電。設(shè)計(jì)無色彩省電模式時(shí)，背景可為黑色或白色。

屏幕防老化技術(shù)

為OLED屏幕設(shè)備設(shè)計(jì)時(shí)，應(yīng)考慮電池使用效率及屏幕老化現(xiàn)象。當(dāng)OLED屏設(shè)備處于省電模式時(shí)，系統(tǒng)會(huì)定期將屏幕內(nèi)容的位置移動(dòng)幾像素以防止屏幕像素老化。這種情況下，省電模式設(shè)計(jì)應(yīng)避免使用大塊像素，同時(shí)應(yīng)保持屏幕95%的像素為黑色。將普通省電模式下采用的實(shí)心填充形狀更換為空心描邊形狀。同時(shí)將填充圖案替換為像素紋理。對(duì)于指針表盤方案，當(dāng)時(shí)針分針重疊時(shí)，應(yīng)將中間重疊部分鏤空處理，以避免像素老化。

兼容系統(tǒng)UI元素

你的表盤設(shè)計(jì)應(yīng)兼容Android手表UI元素。這些元素能夠告知用戶設(shè)備的當(dāng)前狀態(tài)，并且能夠同步顯示關(guān)聯(lián)手機(jī)上的通知消息。盡量保持表盤設(shè)計(jì)中的關(guān)鍵元素不被系統(tǒng)UI原色遮擋。

卡片

卡片通知系統(tǒng)是連接手表和手機(jī)間的信息橋梁?？ㄆ瑯右彩谴蟛糠謶?yīng)用與用戶溝通的主要手段。用戶會(huì)在手表上收到郵件、消息等通知。表盤開發(fā)工程師需要同時(shí)兼容大小兩種尺寸的卡片。表盤可以指定一種卡片尺寸作為首選項(xiàng)，但用戶也可以自行設(shè)置偏好，同時(shí)，用戶也能夠向下滑動(dòng)來暫時(shí)隱藏卡片。

提示卡（peek card）是卡片信息流中的首張卡片，它會(huì)部分顯示在主屏幕的底部。提示卡片的高度根據(jù)通知文字的數(shù)量而變化。高度較小的提示卡片會(huì)顯示出更多的表盤設(shè)計(jì)區(qū)域。圓形指針表盤設(shè)計(jì)應(yīng)采用較小的提示卡片。如果能夠確保在提示卡片最高狀態(tài)下仍可顯示時(shí)間信息，則可以將提示卡片狀態(tài)設(shè)置為自適應(yīng)高度。設(shè)置自適應(yīng)高度提示卡片的好處是，能夠顯示更多的通知信息。相反，如果信息集中在表盤下半部展示的設(shè)計(jì)方案應(yīng)選用高度較小的提示卡片。系統(tǒng)會(huì)在提示卡片高度變化時(shí)通知表盤，因此，如果必要時(shí)，可重新布局表盤元素。

狀態(tài)指示

狀態(tài)指示能夠告知用戶手表的當(dāng)前狀態(tài)，如充電狀態(tài)和飛行模式狀態(tài)。設(shè)計(jì)表盤時(shí)，也應(yīng)考慮狀態(tài)指示的顯示。

狀態(tài)指示可顯示在屏幕的幾個(gè)固定位置。采用較高提示卡時(shí)，狀態(tài)指示應(yīng)顯示在屏幕上方或居中區(qū)域。如果你將狀態(tài)指示或語音熱詞置于屏幕底部時(shí)，系統(tǒng)會(huì)強(qiáng)制使用高度較小的提示卡片。若表盤邊緣包含較強(qiáng)視覺元素，如數(shù)字或秒數(shù)跳動(dòng)元素時(shí)，請(qǐng)將狀態(tài)指示放置在屏幕中央。

語音熱詞

語音熱詞指的是“OK Google”，這句話告訴用戶可以通過語音命令與手表交互。每當(dāng)用戶開啟手表設(shè)備時(shí)，熱詞都會(huì)在屏幕上顯示幾秒。用戶說完5次“OK Google”后，語音熱詞便不再繼續(xù)顯示。所以語音熱詞顯示的位置不是那么重要。但仍需注意避免遮擋表盤中其他元素。最后，應(yīng)為語音熱詞及狀態(tài)指示設(shè)置背景保護(hù)，除非你在表盤設(shè)計(jì)中已經(jīng)為這些元素定制好了背景，比如使用暗色無圖案的背景。

系統(tǒng)UI元素位置標(biāo)注信息請(qǐng)參考規(guī)格和資源部分。

設(shè)計(jì)融入數(shù)據(jù)的表盤

表盤可向用戶展示與情境相關(guān)的數(shù)據(jù)，并通過顏色或風(fēng)格的變化來體現(xiàn)不同數(shù)據(jù)。

你想傳達(dá)給用戶什么信息?

設(shè)計(jì)融入數(shù)據(jù)表盤的第一步是要基于現(xiàn)有數(shù)據(jù)，設(shè)想預(yù)期達(dá)到的效果。首先，基于真實(shí)用戶需求，設(shè)想你認(rèn)為可能出現(xiàn)的結(jié)果。你希望用戶在輕瞥表盤后得知哪些信息？一旦設(shè)定了預(yù)期達(dá)到的效果，你就需要思考如何獲取相關(guān)數(shù)據(jù)以達(dá)成這一結(jié)果。

表盤是條時(shí)間軸，合理為其添加數(shù)據(jù)

你的表盤設(shè)計(jì)也許包含了一些非時(shí)間信息，比如天氣，日歷或健身數(shù)據(jù)等。好好考慮一下如何有創(chuàng)造性地融合這些數(shù)據(jù)。不要僅僅在時(shí)間顯示的基礎(chǔ)上，簡(jiǎn)單地羅列其他數(shù)據(jù)。而要思考如何通過時(shí)間維度來表達(dá)這些數(shù)據(jù)。例如，不要將一款天氣主題的表盤簡(jiǎn)單地設(shè)計(jì)成：時(shí)鐘加上當(dāng)前氣溫，也許可以把它設(shè)計(jì)成一款：描述全天氣溫將如何變化的表盤。

保持信息高度整合

一旦確立設(shè)計(jì)概念方向及預(yù)期效果，便需要開始表盤的視覺設(shè)計(jì)。優(yōu)秀的表盤設(shè)計(jì)應(yīng)該是信息高度可讀、數(shù)據(jù)高度整合的。為了確定整合的信息，必須分辨出哪些才是最重要的數(shù)據(jù)。例如：你也許最終決定只顯示一項(xiàng)近期安排，而不是將整月的日程安排都顯示出來。通過一系列做減法的過程，你的設(shè)計(jì)最終應(yīng)該能夠達(dá)到數(shù)據(jù)高度整合的效果。

始于洞察 不斷驗(yàn)證

確保你的方案源自對(duì)用戶需求及預(yù)期的洞察。并通過用戶，持續(xù)驗(yàn)證設(shè)計(jì)方案中的假設(shè)是否成立。可以試著先在紙上畫出大致的草圖，問問朋友是否明白它代表什么？通過不同的場(chǎng)景和數(shù)據(jù)類型來驗(yàn)證你的想法。在最終編碼之前，先在實(shí)際的手表屏幕上測(cè)試一下設(shè)計(jì)方案。

設(shè)計(jì)可交互的表盤

在確保無其他元素響應(yīng)沖突的情況下，表盤可以響應(yīng)用戶單擊手勢(shì)。用戶需要與表盤交互的的理由可能有以下幾點(diǎn)：

• 改變表盤的設(shè)計(jì)，例如調(diào)整配色方案。
• 在當(dāng)前界面展現(xiàn)更多信息，例如顯示詳細(xì)的步數(shù)。
• 在當(dāng)前界面或后臺(tái)完成某項(xiàng)動(dòng)作，例如開始計(jì)時(shí)器。
• 發(fā)起某項(xiàng)活動(dòng)，例如在消息應(yīng)用中發(fā)起聊天。

可用手勢(shì)

只允許使用單擊手勢(shì)。這種限制有利于保持系統(tǒng)整體手勢(shì)的清晰一致性，并能保持表盤交互盡量簡(jiǎn)潔。無論你或用戶都不應(yīng)把表盤當(dāng)做一款功能齊備的應(yīng)用來看。圖1總結(jié)了各種手勢(shì)的類型及用途。

遵循以下原則：表盤交互應(yīng)該是輕量的，用戶只需一兩次操作即可完成預(yù)期動(dòng)作。

點(diǎn)擊對(duì)象

如果僅僅想改變表盤的狀態(tài)，比如調(diào)整配色的話，可將整個(gè)表盤作為點(diǎn)擊對(duì)象。對(duì)于較大的改變或動(dòng)作，如發(fā)起一項(xiàng)活動(dòng)或給朋友發(fā)送一條消息等操作，需要將點(diǎn)擊對(duì)象設(shè)置為約48至90 dp之間（譯注：原文為 48-90 dpi 疑為筆誤）以避免誤觸。各元素之間應(yīng)保持 8-16 dp的間隔。為了優(yōu)化點(diǎn)擊體驗(yàn)，一次最多顯示7至9個(gè)點(diǎn)擊對(duì)象。

點(diǎn)擊區(qū)域

你可以設(shè)定不同的點(diǎn)擊區(qū)域來觸發(fā)不同的表盤變化。例如：點(diǎn)擊整個(gè)表盤可以切換表盤狀態(tài)，點(diǎn)擊某個(gè)具體對(duì)象則在當(dāng)前界面展示與之相關(guān)的信息，再次點(diǎn)擊該對(duì)象之外的區(qū)域則回到表盤初始狀態(tài)。

視覺反饋

當(dāng)用戶手指觸碰到表盤時(shí)，需要提供視覺反饋。雖然只有當(dāng)手指離開屏幕時(shí)，點(diǎn)擊事件才會(huì)被觸發(fā)，但是手指觸碰時(shí)的視覺反饋不僅能夠表明系統(tǒng)接收到了用戶的點(diǎn)擊行為，同時(shí)也能夠告知用戶手指的觸點(diǎn)位置。

注意:不要在手指觸碰表盤時(shí)立即展示新界面，這與系統(tǒng)界面交互手勢(shì)相沖突，比如：表盤選擇、通知卡片流、快速設(shè)置面板以及應(yīng)用啟動(dòng)面板的交互。

設(shè)計(jì)示例

下面給出一些可交互表盤的設(shè)計(jì)示例：

改變表盤外觀

切換表盤狀態(tài)

改變具體界面元素

在當(dāng)前界面展示信息

單擊觸發(fā)事件

雙擊觸發(fā)事件

支持Android Wear 應(yīng)用

用戶可通過手機(jī)端Android Wear應(yīng)用安裝及設(shè)置表盤。

不要設(shè)置單獨(dú)的表盤圖標(biāo)

所有可用表盤均可通過手機(jī)端Android Wear應(yīng)用或手表的第三方應(yīng)用啟動(dòng)，沒有必要為表盤設(shè)置一款單獨(dú)的啟動(dòng)圖標(biāo)。

設(shè)置

每款支持用戶定制的表盤都有對(duì)應(yīng)的設(shè)置面板，可以通過手表或手機(jī)端應(yīng)用進(jìn)入。標(biāo)準(zhǔn)界面可以滿足大多數(shù)情況需要，但在該基礎(chǔ)上也可探索其他創(chuàng)新方向。

手表端的設(shè)置界面應(yīng)僅限使用開關(guān)及滾動(dòng)列表控件。手機(jī)端設(shè)置界面可包含其他較為復(fù)雜的設(shè)置項(xiàng)目。

規(guī)格及資源

表盤設(shè)計(jì)范例及詳細(xì)系統(tǒng)界面 元素尺寸可參見?Andorid手表設(shè)計(jì)資源下載。

原文鏈接：http://developer.android.com/design/wear/index.html

 

翻譯@Tsongli ? ? 文章來源@騰訊MXD