開發者自述:一個Android Wear應用的設計經歷
開發者自述:一個 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 帶來的愉悅之情更勝一籌,因為你把應用親自戴在了自己的手腕上。我已經迫不及待地想讓大家都來體驗一下了。
<span id="shareA4" class="fl">
</span>
</div>