一種新形式需要一種新的UI設(shè)計(jì)模式。在較高層次上,Android的可穿戴設(shè)備UI主要由建議和詢問這兩個(gè)核心方面組成。應(yīng)用程序在這兩方面扮演重要的角色。
建議:信息情景

上下布局是一個(gè)垂直列表,列表中的每一條會(huì)顯示有用的或及時(shí)的信息。就像現(xiàn)在Android手機(jī)和平板上的Google瀏覽器一樣,用戶垂直滑動(dòng)界面,了解卡片的簡要信息或是將對自己有用的東西查看更多。在屏幕上,一次只會(huì)顯示一張卡片,而背景圖片常常可以提供額外的可視化信息。應(yīng)用程序可以創(chuàng)建卡片,如果這張卡片是最常用的,可以將它插入到上下文流中。
在上下布局中的卡片不是簡單的通知,用戶可以通過水平滑動(dòng)來顯示更多的頁面。將來的水平滑動(dòng)可能會(huì)顯示可點(diǎn)擊的按鈕,用戶可以通過點(diǎn)擊它來拒絕或接受通知。如果是從左往右滑動(dòng)卡片的話,卡片就會(huì)消失。可以先將卡片從上下文流中刪除,如果下次有有用信息時(shí),還可以再將卡片添加到上下文流中。在模擬器中,鼠標(biāo)在屏幕頂部滑過時(shí),頂部的藍(lán)條會(huì)發(fā)亮,當(dāng)你點(diǎn)擊后,界面就會(huì)返回到首頁。
詢問:提示卡片

上下文流中的卡片不能預(yù)先知道用戶想要什么,而提示卡片可以讓用戶和設(shè)備進(jìn)行對話。用戶可以通過說”好的,Google”來打開提示卡片,或是在主屏幕上點(diǎn)擊”g”圖標(biāo),也可以向上滑動(dòng)顯示一列可操作的提示卡片,這些提示卡片都是可以點(diǎn)擊的。
這一系列的操作行為包括Android的語音操作,即將來臨的Android可穿戴設(shè)備的SDK允許開發(fā)者的應(yīng)用與這個(gè)操作相匹配,用戶可以使用語音命令來進(jìn)行操作。很多應(yīng)用可以加載語音,用戶可以選擇他們更喜歡的應(yīng)用。
設(shè)計(jì)原則
Android可穿戴設(shè)備在適當(dāng)?shù)臅r(shí)間會(huì)提供適合的信息,能將用戶的真實(shí)生活和虛擬世界聯(lián)系起來。


在Android可穿戴設(shè)備設(shè)計(jì)平臺(tái)上有一些優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)指南。實(shí)質(zhì)上,設(shè)計(jì)Android可穿戴設(shè)備與設(shè)計(jì)手機(jī)或設(shè)計(jì)平板是不同的。我們從描述內(nèi)容怎么與整個(gè)Android可穿戴設(shè)備相配合開始設(shè)計(jì)。
為了更好地理解Android可穿戴設(shè)備的用戶體驗(yàn),可以去讀讀Android UI概述。
Android 可穿戴設(shè)備體驗(yàn)包括:
根據(jù)情景智能變化。這些設(shè)備達(dá)到了一種新的計(jì)算水平。不再需要用戶去關(guān)注或輸入,Android可穿戴設(shè)備可以注意到情景的變化,并在合適的時(shí)間提供有幫助的信息。它是及時(shí)、適當(dāng)和明確的。
簡短的。即使可穿戴設(shè)備在我們的視線范圍外,它們一整天都是在工作著的。高效的應(yīng)用程序能提供少錯(cuò)誤的最大信息,并提供優(yōu)化的相關(guān)信息小片段。它是簡短、急速和直接的。
零/弱交互。通過小元素來保持優(yōu)勢,Android可穿戴設(shè)備關(guān)注于簡單的交互,只有在絕對需要的時(shí)候才請求用戶輸入。大部分的輸入都是基于觸摸和聲音,并且避免了輸入時(shí)對高精度技能的要求。這些操作都是使用手勢,并且是簡單而快速的。
有幫助的。Android可穿戴設(shè)備像一個(gè)偉大的個(gè)人助理:它理解你并且知道你的偏好,它只會(huì)在絕對需要的時(shí)候打擾你,并且它總是提供現(xiàn)成的答案。它是有效的,有禮貌和有響應(yīng)的。
在用戶關(guān)注的方面,為用戶提供與世界的智能聯(lián)系。Android可穿戴設(shè)備既是個(gè)人化的,也是全球化的,既是簡單的,也是智能的,雖然不引人注意,但隨時(shí)準(zhǔn)備提供服務(wù)。在設(shè)計(jì)時(shí)注意這些原則會(huì)使整個(gè)Android可穿戴體驗(yàn)有親和感。
通知的UI 模式

Android的通知以卡片的方式在上下文流中匯總出現(xiàn),它們形成了Android可穿戴設(shè)備體驗(yàn)的核心。許多關(guān)于通知的Android設(shè)計(jì)指南也適用于Android可穿戴設(shè)備。尊重用戶,減少?zèng)]必要的打擾。
在通知中省略沒必要的文本。為簡單一瞥,而不是為閱讀進(jìn)行設(shè)計(jì)。在設(shè)計(jì)時(shí)使用詞語或是短語,而不是使用句子。在可能的情況下,直接顯示簡單的圖標(biāo),符號(hào)或是可視化圖形來傳達(dá)你的信息。
在一些例子中,特別是信息應(yīng)用,卡片包含的動(dòng)態(tài)內(nèi)容可能不適合出現(xiàn)在一個(gè)屏幕上。在這些例子中,內(nèi)容會(huì)自動(dòng)縮小來適合卡片大小,當(dāng)用戶點(diǎn)擊時(shí),它會(huì)放大,然后可以看到全部的信息。
通知的優(yōu)先級(jí)應(yīng)該反映出通知的緊急程度,有時(shí)效性的通知應(yīng)該要有高的優(yōu)先級(jí)。主動(dòng)通知——引起設(shè)備振動(dòng)——應(yīng)該在引起用戶緊急關(guān)注或行為的情形下使用(例如,時(shí)間提醒,朋友發(fā)來的信息)。不緊急的通知(比如:過渡時(shí)間卡,每日計(jì)步器記數(shù),社交網(wǎng)絡(luò)更新)應(yīng)該默默得添加到卡片流中。
操作

在通知上可以進(jìn)行操作是用戶的權(quán)利,應(yīng)用程序應(yīng)該允許用戶可以在通知上進(jìn)行操作。允許多達(dá)三個(gè)的操作,最常用的操作應(yīng)該放在第一位,所以這個(gè)單獨(dú)的操作是遠(yuǎn)離內(nèi)容的。
操作由一個(gè)圖標(biāo)和一個(gè)標(biāo)題組成。圖標(biāo)應(yīng)該是PNG格式,有白色透明的背景,大小是32x32dp(8dp內(nèi)邊距)。按操作欄圖標(biāo)的圖解設(shè)計(jì)指南來進(jìn)行設(shè)計(jì),標(biāo)題應(yīng)該是動(dòng)詞,并且是簡短的,在一行內(nèi)會(huì)自動(dòng)縮短。
操作應(yīng)是可選的,許多有用的通知并不需要包含全部的操作。
圖像

圖像在卡片流中出現(xiàn),提供上下文和一看即可的內(nèi)容。圖像應(yīng)該提供通知的核心信息,例如,關(guān)于體育隊(duì)的卡片需要包含團(tuán)隊(duì)的顏色和標(biāo)志;關(guān)于聯(lián)系的信息內(nèi)容要包含個(gè)人的頭像照片。
記住,卡片可能會(huì)蓋住圖像的下半部分。當(dāng)水平滑動(dòng)時(shí),圖片應(yīng)該以合適的大小(64x64dp)出現(xiàn)在手機(jī)上。在包含頁面或操作的通知里,風(fēng)景畫似的照片能起到更好地作用。
應(yīng)用程序圖標(biāo)

應(yīng)用程序的啟動(dòng)圖標(biāo)會(huì)自動(dòng)顯示在卡片上讓用戶能更容易得識(shí)別通知。不要使用通知標(biāo)題或是背景圖像來識(shí)別應(yīng)用程序或是給應(yīng)用程序打上商標(biāo)。相反,讓圖標(biāo)起到識(shí)別的作用,在卡片和圖像中傳達(dá)清晰、簡潔的信息。可以使用setHintHideIcon()函數(shù)來隱藏這些圖標(biāo)。
頁面



頁面是在主流卡片右邊出現(xiàn)的額外卡片。如果核心信息不是小片段,但將大量信息放到主要通知中,用戶是不會(huì)一看就知道內(nèi)容是什么的,這時(shí)候就應(yīng)該使用頁面來提供額外內(nèi)容。
頁面在通知的右邊隨即出現(xiàn)。它們通常提供額外的細(xì)節(jié)或是關(guān)于卡片內(nèi)容的其他觀點(diǎn)。例如:
當(dāng)前的天氣卡可能會(huì)提供一個(gè)額外頁面來顯示未來三天的預(yù)測。
下一班火車時(shí)刻卡可能會(huì)提供一個(gè)額外頁面來顯示火車后續(xù)出發(fā)時(shí)間。
每天記步數(shù)卡可能提供一個(gè)額外頁面來顯示熱量和距離的測量。
用戶可以添加任意數(shù)量的頁面。但是,通知里的操作不應(yīng)該超過三個(gè)頁面,以此來確保操作是簡單易訪問的。
頁面是可選的,許多有用的通知不需要包括頁面。
通知庫


通知庫集合大量的通知,這些通知是相同的應(yīng)用程序中的通知整合成的一堆卡片。頁面通常是在一個(gè)單獨(dú)的通知里提供額外細(xì)節(jié),通知庫則是將相關(guān)通知都集合在一起。當(dāng)用戶進(jìn)入到一張單獨(dú)卡片查看內(nèi)容時(shí),通知庫會(huì)放大。
通知庫是一種增加大量有用通知而不會(huì)給用戶卡片流增加負(fù)擔(dān)的方式。如果應(yīng)用程序會(huì)有同時(shí)推送的通知,考慮將它們合并放在通知庫里。
每個(gè)在通知庫中的通知可以包含不同的頁面和與其具體通知有關(guān)的獨(dú)立操作。用戶可以在通知庫中放大通知卡片來訪問這些操作。
語音回復(fù)


語音回復(fù)主要在信息應(yīng)用程序中使用,提供了一種口語,而不用手寫來發(fā)送簡短信息的方式。在各種情況下,用戶可以使用多達(dá)5項(xiàng)的默認(rèn)回復(fù),或者是”預(yù)設(shè)回復(fù)”。預(yù)設(shè)回復(fù)是可以點(diǎn)擊的,在某些不能說話的場合下,用戶可以用這種方法快速簡單地回復(fù)。
在選擇中應(yīng)該要有一系列簡單、中性的回復(fù)。長語音回復(fù)在語音回復(fù)中可能會(huì)被自動(dòng)截短。
注:更多精彩教程請關(guān)注三聯(lián)網(wǎng)頁設(shè)計(jì)教程 欄目,