Android Wear設計指南

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

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

建議:信息情景

stream

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

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

詢問:提示卡片

cuecard

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

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

設計原則

Android可穿戴設備在適當的時間會提供適合的信息,能將用戶的真實生活和虛擬世界聯系起來。

02_notifications?05_images

在Android可穿戴設備設計平臺上有一些優秀的用戶體驗設計指南。實質上,設計Android可穿戴設備與設計手機或設計平板是不同的。我們從描述內容怎么與整個Android可穿戴設備相配合開始設計。

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

Android 可穿戴設備體驗包括:

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

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

通知的UI 模式

circle_message2

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

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

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

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

操作

circle_message2_reply

在通知上可以進行操作是用戶的權利,應用程序應該允許用戶可以在通知上進行操作。允許多達三個的操作,最常用的操作應該放在第一位,所以這個單獨的操作是遠離內容的。

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

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

關于操作按鈕的開發細節,請看《Creating Notifications for Android Wear.》。

圖像

circle_badge_B

圖像在卡片流中出現,提供上下文和一看即可的內容。圖像應該提供通知的核心信息,例如,關于體育隊的卡片需要包含團隊的顏色和標志;關于聯系的信息內容要包含個人的頭像照片。

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

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

應用程序圖標

07_appicons

應用程序的啟動圖標會自動顯示在卡片上讓用戶能更容易得識別通知。不要使用通知標題或是背景圖像來識別應用程序或是給應用程序打上商標。相反,讓圖標起到識別的作用,在卡片和圖像中傳達清晰、簡潔的信息??梢允褂胹etHintHideIcon()函數來隱藏這些圖標。

頁面

08_pages??09_pages??10_pages

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

頁面在通知的右邊隨即出現。它們通常提供額外的細節或是關于卡片內容的其他觀點。例如:

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

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

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

更多關于頁面設計的細節,請看《Adding Pages to a Notification》。

通知庫

11_bundles_A?11_bundles_B

通知庫集合大量的通知,這些通知是相同的應用程序中的通知整合成的一堆卡片。頁面通常是在一個單獨的通知里提供額外細節,通知庫則是將相關通知都集合在一起。當用戶進入到一張單獨卡片查看內容時,通知庫會放大。

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

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

更多關于通知庫的細節,請看《Stacking Notifications》。

語音回復

circle_voice_A??circle_voice_B

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

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

關于語音回復設計的更多細節,請看《Receiving Voice Input from a Notification》。

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 感覺iWatch也逃不出這個框架,最后被人詬病沒創意

    來自四川 回復