美國Android Developer Blog周二刊登題為《一個Android Wear應(yīng)用的設(shè)計故事》(An Android Wear Design Story)的文章，講述了設(shè)計師羅曼·奴里克(Roman Nurik)和蒂莫西·喬丹(Timothy Jordan)第一次為Android Wear設(shè)計應(yīng)用的經(jīng)歷。
以下為文章全文：
幾周前，我和蒂莫西聊起如何為可穿戴設(shè)備設(shè)計應(yīng)用，以便驗證我們?yōu)镚oogle I/O 2014大會規(guī)劃的一些內(nèi)容。在談到這些設(shè)備如何能夠同時吸引普通用戶和開發(fā)者的關(guān)注時，我們聊了很多。我們還談到了用戶情景，以及如何讓我們開發(fā)的應(yīng)用更加善于把握機會，在其能夠發(fā)揮作用的情景中呈現(xiàn)自己。在可穿戴設(shè)備上，開發(fā)者必須要改變觀念，不能再將應(yīng)用視為網(wǎng)格中的一個圖標(biāo)，而應(yīng)該將其當(dāng)做覆蓋整個操作系統(tǒng)的一個功能層。
盡管我之前為Android設(shè)計過很多觸摸界面，而蒂莫西也在谷歌眼鏡上擁有豐富的設(shè)計經(jīng)驗，但我們二人卻從未有過Android Wear的設(shè)計經(jīng)驗。所以，我們決定將自己的想法付諸實踐，看看為這個新平臺設(shè)計應(yīng)用究竟是什么效果。
在開始前，我們需要規(guī)劃一個想法。我們?nèi)ツ陞⒓恿思{迪亞·迪里科娃(Nadya Direkova)舉行的非正式谷歌眼鏡應(yīng)用設(shè)計大賽，我的團隊設(shè)計了一款徒步旅行應(yīng)用。這個想法是讓你從附近選擇一系列游覽地，然后在不同地點之間步行，而且在每個地點都能夠了解目的地的詳細(xì)信息。
雖然當(dāng)時的模型很粗糙，但我還是十分看好那個創(chuàng)意，所以在此次實踐中，我們還會繼續(xù)使用這個創(chuàng)意。這似乎是情景識別應(yīng)用的完美案例，可以加強你的Android Wear體驗。
為Android Wear設(shè)計步行應(yīng)用
我們首先想到的是該應(yīng)用的入口：用戶將如何“啟動”該應(yīng)用？雖然使用“啟動XYZ徒步旅行應(yīng)用”語音指令是很標(biāo)準(zhǔn)的做法，但如果能在用戶準(zhǔn)備旅行時，在情景流中呈現(xiàn)一條通知，從而向其推薦附近的徒步旅行景點，肯定也很有吸引力。這些通知將具備“低優(yōu)先級”，所以，只有當(dāng)你解決了好友發(fā)送的文本信息等更重要的內(nèi)容后，它們才會顯示出來。
到這時，我們的興奮情緒已經(jīng)被調(diào)動起來，決定開始設(shè)計用戶界面。我們并沒有從頭開始，而是使用了泰勒·靈(Taylor Ling)的Android Wear 0.1設(shè)計模板為基礎(chǔ)，它同時包含了方形和圓形設(shè)備的界面。我們首先從方形開始，因為我們最熟悉的便是長方形的界面設(shè)計：
我必須承認(rèn)，在如此緊湊的環(huán)境中設(shè)計界面的確令人激動不已。140×140dp(280×280px @ XHDPI)的空間確很有限，所以你需要對何時呈現(xiàn)信息以及如何呈現(xiàn)信息做出一些艱難的抉擇。但這些問題恰恰是設(shè)計的樂趣所在。這會讓你花費更多時間來思考，而用在Photoshop或Sketch上的作圖時間則會相應(yīng)地減少。
我們很快為方形設(shè)備繪制好了這款應(yīng)用的其余部分，包括了少量額外屏幕：一個與下一站之間距離的動態(tài)通知，以及一個在你到達目的地后顯示出來的長達4頁的詳細(xì)屏幕——你可以多花一些時間了解后一項信息。
事實上，Photoshop也只能做這么多了。對于一名設(shè)計師來說，要真正了解一個平臺，就必須要親手用用真正的設(shè)備(最好能長時間使用)，看看你的作品實際呈現(xiàn)出來的效果。之后，你便可以對信息流的復(fù)雜度、觸控目標(biāo)的尺寸和文本的易讀性進行評估。
幸運的是，我和蒂莫西手上都有測試設(shè)備——我有一臺LG G Watch原型機，蒂莫西則拿到了一臺Moto 360原型機。我們接下來需要通過一種方式，將我們設(shè)計的屏幕發(fā)送到這些設(shè)備上，從而對設(shè)計進行改進。幾年前，我發(fā)布了一款A(yù)ndroid Design Preview工具，讓用戶將自己設(shè)計的界面投射到聯(lián)網(wǎng)的Android設(shè)備上。令我們欣慰的是，這款工具可以很好地兼容Android Wear！在LG G Watch上看到我們的原型界面后，我們做出了一些細(xì)微調(diào)整，對整個理念更有信心了。
我們之前從未設(shè)計過圓形用戶界面，所以不確定這個新的考驗究竟意味著什么。但說實話，實際操作起來卻異常簡單，甚至簡單得令人難以置信：我們只花了1個小時就將所有的8個屏幕改造成了圓形效果。當(dāng)你每次只需要在屏幕上展示最重要的兩三條信息時，便只需要針對圓形設(shè)備優(yōu)化這兩三條信息即可。我們只進行了如下幾項基本修改：
—— 將背景圖片擴大到160×160dp(320×320px @ XHDPI)
—— 將內(nèi)容邊緣從方形界面的12dp擴大到圓形界面的26dp；這意味著內(nèi)容在方形界面上是116×116dp，而在圓形界面上會略有縮小，僅為108×108dp
—— 將“繼續(xù)旅行”等循環(huán)動作調(diào)整到表盤的中心位置
—— 在圓形設(shè)備上將某些簡短的文字片段居中對齊，而不再沿用方形界面上的左對齊
—— 用情景流卡片填充邊墊(平臺會自動針對通知完成這一工作，所以我們其實并沒有做什么)
在使用Android Design Preview將我們的模擬界面投射到Moto 360原型機上后，我們的興奮之情溢于言表。說輕一點，我們的思維受到了震撼。
在完成了圓形和方形界面，并將其投射到我們的設(shè)備上以后，我們首次得以了解到為這個令人振奮的新平臺設(shè)計應(yīng)用是什么感覺。
設(shè)計Android Wear應(yīng)用與設(shè)計桌面、手機和平板電腦應(yīng)用截然不同。就像谷歌眼鏡一樣，你需要仔細(xì)思考你所呈獻給用戶的信息和活動，而根據(jù)用戶所處的情景呈現(xiàn)出的內(nèi)容更是要經(jīng)過深思熟慮。
對設(shè)計師來說，這是一次愉快的體驗——在設(shè)備尺寸和用戶注意力等資源都很有限的情況下，深入思考自己的創(chuàng)意，更早、更頻繁地調(diào)整這些創(chuàng)意，便顯得更加重要。而真正的作圖部分反而異常簡單。
經(jīng)過一番努力，我們終于將自己的想法付諸實踐，投射到幾年前還只存在于夢想中的設(shè)備上。這是我長期的界面設(shè)計工作中難得的愉快體驗。還記得你第一次為Android設(shè)計了一款應(yīng)用，并在你的Android手機上運行后的感受嗎？這兩種感覺幾乎一模一樣，只是Android Wear帶來的愉悅之情更勝一籌，因為你把應(yīng)用親自戴在了自己的手腕上。我已經(jīng)迫不及待地想讓大家都來體驗一下了。