Android Wear設(shè)計指南

2 評論 10238 瀏覽 2 收藏 14 分鐘

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

建議:信息情景

stream

上下布局是一個垂直列表,列表中的每一條會顯示有用的或及時的信息。就像現(xiàn)在Android手機(jī)和平板上的Google瀏覽器一樣,用戶垂直滑動界面,了解卡片的簡要信息或是將對自己有用的東西查看更多。在屏幕上,一次只會顯示一張卡片,而背景圖片常常可以提供額外的可視化信息。應(yīng)用程序可以創(chuàng)建卡片,如果這張卡片是最常用的,可以將它插入到上下文流中。

在上下布局中的卡片不是簡單的通知,用戶可以通過水平滑動來顯示更多的頁面。將來的水平滑動可能會顯示可點擊的按鈕,用戶可以通過點擊它來拒絕或接受通知。如果是從左往右滑動卡片的話,卡片就會消失??梢韵葘⒖ㄆ瑥纳舷挛牧髦袆h除,如果下次有有用信息時,還可以再將卡片添加到上下文流中。在模擬器中,鼠標(biāo)在屏幕頂部滑過時,頂部的藍(lán)條會發(fā)亮,當(dāng)你點擊后,界面就會返回到首頁。

詢問:提示卡片

cuecard

上下文流中的卡片不能預(yù)先知道用戶想要什么,而提示卡片可以讓用戶和設(shè)備進(jìn)行對話。用戶可以通過說“好的,Google”來打開提示卡片,或是在主屏幕上點擊“g”圖標(biāo),也可以向上滑動顯示一列可操作的提示卡片,這些提示卡片都是可以點擊的。

這一系列的操作行為包括Android的語音操作,即將來臨的Android可穿戴設(shè)備的SDK允許開發(fā)者的應(yīng)用與這個操作相匹配,用戶可以使用語音命令來進(jìn)行操作。很多應(yīng)用可以加載語音,用戶可以選擇他們更喜歡的應(yīng)用。

設(shè)計原則

Android可穿戴設(shè)備在適當(dāng)?shù)臅r間會提供適合的信息,能將用戶的真實生活和虛擬世界聯(lián)系起來。

02_notifications?05_images

在Android可穿戴設(shè)備設(shè)計平臺上有一些優(yōu)秀的用戶體驗設(shè)計指南。實質(zhì)上,設(shè)計Android可穿戴設(shè)備與設(shè)計手機(jī)或設(shè)計平板是不同的。我們從描述內(nèi)容怎么與整個Android可穿戴設(shè)備相配合開始設(shè)計。

為了更好地理解Android可穿戴設(shè)備的用戶體驗,可以去讀讀Android UI概述。

Android 可穿戴設(shè)備體驗包括:

  • 根據(jù)情景智能變化。這些設(shè)備達(dá)到了一種新的計算水平。不再需要用戶去關(guān)注或輸入,Android可穿戴設(shè)備可以注意到情景的變化,并在合適的時間提供有幫助的信息。它是及時、適當(dāng)和明確的。
  • 簡短的。?即使可穿戴設(shè)備在我們的視線范圍外,它們一整天都是在工作著的。高效的應(yīng)用程序能提供少錯誤的最大信息,并提供優(yōu)化的相關(guān)信息小片段。它是簡短、急速和直接的。
  • 零/弱交互。通過小元素來保持優(yōu)勢,Android可穿戴設(shè)備關(guān)注于簡單的交互,只有在絕對需要的時候才請求用戶輸入。大部分的輸入都是基于觸摸和聲音,并且避免了輸入時對高精度技能的要求。這些操作都是使用手勢,并且是簡單而快速的。
  • 有幫助的。Android可穿戴設(shè)備像一個偉大的個人助理:它理解你并且知道你的偏好,它只會在絕對需要的時候打擾你,并且它總是提供現(xiàn)成的答案。它是有效的,有禮貌和有響應(yīng)的。

在用戶關(guān)注的方面,為用戶提供與世界的智能聯(lián)系。Android可穿戴設(shè)備既是個人化的,也是全球化的,既是簡單的,也是智能的,雖然不引人注意,但隨時準(zhǔn)備提供服務(wù)。在設(shè)計時注意這些原則會使整個Android可穿戴體驗有親和感。

通知的UI 模式

circle_message2

Android的通知以卡片的方式在上下文流中匯總出現(xiàn),它們形成了Android可穿戴設(shè)備體驗的核心。許多關(guān)于通知的Android設(shè)計指南也適用于Android可穿戴設(shè)備。尊重用戶,減少沒必要的打擾。

在通知中省略沒必要的文本。為簡單一瞥,而不是為閱讀進(jìn)行設(shè)計。在設(shè)計時使用詞語或是短語,而不是使用句子。在可能的情況下,直接顯示簡單的圖標(biāo),符號或是可視化圖形來傳達(dá)你的信息。

在一些例子中,特別是信息應(yīng)用,卡片包含的動態(tài)內(nèi)容可能不適合出現(xiàn)在一個屏幕上。在這些例子中,內(nèi)容會自動縮小來適合卡片大小,當(dāng)用戶點擊時,它會放大,然后可以看到全部的信息。

通知的優(yōu)先級應(yīng)該反映出通知的緊急程度,有時效性的通知應(yīng)該要有高的優(yōu)先級。主動通知——引起設(shè)備振動——應(yīng)該在引起用戶緊急關(guān)注或行為的情形下使用(例如,時間提醒,朋友發(fā)來的信息)。不緊急的通知(比如:過渡時間卡,每日計步器記數(shù),社交網(wǎng)絡(luò)更新)應(yīng)該默默得添加到卡片流中。

操作

circle_message2_reply

在通知上可以進(jìn)行操作是用戶的權(quán)利,應(yīng)用程序應(yīng)該允許用戶可以在通知上進(jìn)行操作。允許多達(dá)三個的操作,最常用的操作應(yīng)該放在第一位,所以這個單獨的操作是遠(yuǎn)離內(nèi)容的。

操作由一個圖標(biāo)和一個標(biāo)題組成。圖標(biāo)應(yīng)該是PNG格式,有白色透明的背景,大小是32x32dp(8dp內(nèi)邊距)。按操作欄圖標(biāo)的圖解設(shè)計指南來進(jìn)行設(shè)計,標(biāo)題應(yīng)該是動詞,并且是簡短的,在一行內(nèi)會自動縮短。

操作應(yīng)是可選的,許多有用的通知并不需要包含全部的操作。

關(guān)于操作按鈕的開發(fā)細(xì)節(jié),請看《Creating Notifications for Android Wear.》。

圖像

circle_badge_B

圖像在卡片流中出現(xiàn),提供上下文和一看即可的內(nèi)容。圖像應(yīng)該提供通知的核心信息,例如,關(guān)于體育隊的卡片需要包含團(tuán)隊的顏色和標(biāo)志;關(guān)于聯(lián)系的信息內(nèi)容要包含個人的頭像照片。

記住,卡片可能會蓋住圖像的下半部分。當(dāng)水平滑動時,圖片應(yīng)該以合適的大?。?4x64dp)出現(xiàn)在手機(jī)上。在包含頁面或操作的通知里,風(fēng)景畫似的照片能起到更好地作用。

在通知中使用setLargeIcon()函數(shù)來增大圖像,更多信息請看《Creating Notifications for Android Wear》。

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

07_appicons

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

頁面

08_pages??09_pages??10_pages

頁面是在主流卡片右邊出現(xiàn)的額外卡片。如果核心信息不是小片段,但將大量信息放到主要通知中,用戶是不會一看就知道內(nèi)容是什么的,這時候就應(yīng)該使用頁面來提供額外內(nèi)容。

頁面在通知的右邊隨即出現(xiàn)。它們通常提供額外的細(xì)節(jié)或是關(guān)于卡片內(nèi)容的其他觀點。例如:

  • 當(dāng)前的天氣卡可能會提供一個額外頁面來顯示未來三天的預(yù)測。
  • 下一班火車時刻卡可能會提供一個額外頁面來顯示火車后續(xù)出發(fā)時間。
  • 每天記步數(shù)卡可能提供一個額外頁面來顯示熱量和距離的測量。

用戶可以添加任意數(shù)量的頁面。但是,通知里的操作不應(yīng)該超過三個頁面,以此來確保操作是簡單易訪問的。

頁面是可選的,許多有用的通知不需要包括頁面。

更多關(guān)于頁面設(shè)計的細(xì)節(jié),請看《Adding Pages to a Notification》。

通知庫

11_bundles_A?11_bundles_B

通知庫集合大量的通知,這些通知是相同的應(yīng)用程序中的通知整合成的一堆卡片。頁面通常是在一個單獨的通知里提供額外細(xì)節(jié),通知庫則是將相關(guān)通知都集合在一起。當(dāng)用戶進(jìn)入到一張單獨卡片查看內(nèi)容時,通知庫會放大。

通知庫是一種增加大量有用通知而不會給用戶卡片流增加負(fù)擔(dān)的方式。如果應(yīng)用程序會有同時推送的通知,考慮將它們合并放在通知庫里。

每個在通知庫中的通知可以包含不同的頁面和與其具體通知有關(guān)的獨立操作。用戶可以在通知庫中放大通知卡片來訪問這些操作。

更多關(guān)于通知庫的細(xì)節(jié),請看《Stacking Notifications》。

語音回復(fù)

circle_voice_A??circle_voice_B

語音回復(fù)主要在信息應(yīng)用程序中使用,提供了一種口語,而不用手寫來發(fā)送簡短信息的方式。在各種情況下,用戶可以使用多達(dá)5項的默認(rèn)回復(fù),或者是“預(yù)設(shè)回復(fù)”。預(yù)設(shè)回復(fù)是可以點擊的,在某些不能說話的場合下,用戶可以用這種方法快速簡單地回復(fù)。

在選擇中應(yīng)該要有一系列簡單、中性的回復(fù)。長語音回復(fù)在語音回復(fù)中可能會被自動截短。

關(guān)于語音回復(fù)設(shè)計的更多細(xì)節(jié),請看《Receiving Voice Input from a Notification》。

本文由江南大學(xué)設(shè)計學(xué)院研究生盧孩翻譯,查看原文;via:曉生

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 感覺iWatch也逃不出這個框架,最后被人詬病沒創(chuàng)意

    來自四川 回復(fù)