Android Developer Blog：一個Android Wear應用的設計故事

美國Android Developer Blog週二刊登題為《一個Android Wear應用的設計故事》(An Android Wear Design Story)的文章，講述了設計師羅曼·奴裡克(Roman Nurik)和蒂莫西·喬丹(Timothy Jordan)第一次為Android Wear設計應用的經歷。

　　導語：美國Android Developer Blog週二刊登題為《一個Android Wear應用的設計故事》(An Android Wear Design Story)的文章，講述了設計師羅曼·奴裡克(Roman Nurik)和蒂莫西·喬丹(Timothy Jordan)第一次為Android Wear設計應用的經歷。

　　以下為文章全文：

　　幾周前，我和蒂莫西聊起如何為可穿戴裝置設計應用，以便驗證我們為Google I/O 2014大會規劃的一些內容。在談到這些裝置如何能夠同時吸引普通使用者和開發者的關注時，我們聊了很多。我們還談到了使用者情景，以及如何讓我們開發的應用更加善於把握機會，在其能夠發揮作用的情景中呈現自己。在可穿戴裝置上，開發者必須要改變觀念，不能再將應用視為網格中的一個圖示，而應該將其當做覆蓋整個作業系統的一個功能層。

　　儘管我之前為Android設計過很多觸控介面，而蒂莫西也在谷歌眼鏡上擁有豐富的設計經驗，但我們二人卻從未有過Android Wear的設計經驗。所以，我們決定將自己的想法付諸實踐，看看為這個新平臺設計應用究竟是什麼效果。

　　在開始前，我們需要規劃一個想法。我們去年參加了納迪亞·迪里科娃(Nadya Direkova)舉行的非正式谷歌眼鏡應用設計大賽，我的團隊設計了一款徒步旅行應用。這個想法是讓你從附近選擇一系列遊覽地，然後在不同地點之間步行，而且在每個地點都能夠了解目的地的詳細資訊。

　　雖然當時的模型很粗糙，但我還是十分看好那個創意，所以在此次實踐中，我們還會繼續使用這個創意。這似乎是情景識別應用的完美案例，可以加強你的Android Wear體驗。

　　為Android Wear設計步行應用

　　我們首先想到的是該應用的入口：使用者將如何“啟動”該應用？雖然使用“啟動XYZ徒步旅行應用”語音指令是很標準的做法，但如果能在使用者準備旅行時，在情景流中呈現一條通知，從而向其推薦附近的徒步旅行景點，肯定也很有吸引力。這些通知將具備“低優先順序”，所以，只有當你解決了好友傳送的文字資訊等更重要的內容後，它們才會顯示出來。

　　到這時，我們的興奮情緒已經被調動起來，決定開始設計使用者介面。我們並沒有從頭開始，而是使用了泰勒·靈(Taylor Ling)的Android Wear 0.1設計模板為基礎，它同時包含了方形和圓形裝置的介面。我們首先從方形開始，因為我們最熟悉的便是長方形的介面設計：

　　我必須承認，在如此緊湊的環境中設計介面的確令人激動不已。140×140dp(280×280px @ XHDPI)的空間確很有限，所以你需要對何時呈現資訊以及如何呈現資訊做出一些艱難的抉擇。但這些問題恰恰是設計的樂趣所在。這會讓你花費更多時間來思考，而用在Photoshop或Sketch上的作圖時間則會相應地減少。

　　我們很快為方形裝置繪製好了這款應用的其餘部分，包括了少量額外螢幕：一個與下一站之間距離的動態通知，以及一個在你到達目的地後顯示出來的長達4頁的詳細螢幕——你可以多花一些時間瞭解後一項資訊。

　　事實上，Photoshop也只能做這麼多了。對於一名設計師來說，要真正瞭解一個平臺，就必須要親手用用真正的裝置(最好能長時間使用)，看看你的作品實際呈現出來的效果。之後，你便可以對資訊流的複雜度、觸控目標的尺寸和文字的易讀性進行評估。

　　幸運的是，我和蒂莫西手上都有測試裝置——我有一臺LG G Watch原型機，蒂莫西則拿到了一臺Moto 360原型機。我們接下來需要通過一種方式，將我們設計的螢幕傳送到這些裝置上，從而對設計進行改進。幾年前，我釋出了一款Android Design Preview工具，讓使用者將自己設計的介面投射到聯網的Android裝置上。令我們欣慰的是，這款工具可以很好地相容Android Wear！在LG G Watch上看到我們的原型介面後，我們做出了一些細微調整，對整個理念更有信心了。

　　我們之前從未設計過圓形使用者介面，所以不確定這個新的考驗究竟意味著什麼。但說實話，實際操作起來卻異常簡單，甚至簡單得令人難以置信：我們只花了1個小時就將所有的8個螢幕改造成了圓形效果。當你每次只需要在螢幕上展示最重要的兩三條資訊時，便只需要針對圓形裝置優化這兩三條資訊即可。我們只進行了如下幾項基本修改：

　　——將背景圖片擴大到160×160dp(320×320px @ XHDPI)

　　——將內容邊緣從方形介面的12dp擴大到圓形介面的26dp；這意味著內容在方形介面上是116×116dp，而在圓形介面上會略有縮小，僅為108×108dp

　　——將“繼續旅行”等迴圈動作調整到錶盤的中心位置

　　——在圓形裝置上將某些簡短的文字片段居中對齊，而不再沿用方形介面上的左對齊

　　——用情景流卡片填充邊墊(平臺會自動針對通知完成這一工作，所以我們其實並沒有做什麼)

　　在使用Android Design Preview將我們的模擬介面投射到Moto 360原型機上後，我們的興奮之情溢於言表。說輕一點，我們的思維受到了震撼。

　　在完成了圓形和方形介面，並將其投射到我們的裝置上以後，我們首次得以瞭解到為這個令人振奮的新平臺設計應用是什麼感覺。

　　設計Android Wear應用與設計桌面、手機和平板電腦應用截然不同。就像谷歌眼鏡一樣，你需要仔細思考你所呈獻給使用者的資訊和活動，而根據使用者所處的情景呈現出的內容更是要經過深思熟慮。

　　對設計師來說，這是一次愉快的體驗——在裝置尺寸和使用者注意力等資源都很有限的情況下，深入思考自己的創意，更早、更頻繁地調整這些創意，便顯得更加重要。而真正的作圖部分反而異常簡單。

　　經過一番努力，我們終於將自己的想法付諸實踐，投射到幾年前還只存在於夢想中的裝置上。這是我長期的介面設計工作中難得的愉快體驗。還記得你第一次為Android設計了一款應用，並在你的Android手機上執行後的感受嗎？這兩種感覺幾乎一模一樣，只是Android Wear帶來的愉悅之情更勝一籌，因為你把應用親自戴在了自己的手腕上。我已經迫不及待地想讓大家都來體驗一下了。