發新話題
打印

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帶來的愉悅之情更勝一籌,因為你把應用親自戴在了自己的手腕上。我已經迫不及待地想讓大家都來體驗一下了。(書聿)

http://news.cnyes.com/Content/20140604/KIVYGE4ZLXPRB.shtml?c=headline_sitehead
蝌蚪廣告 M / Line  0913258225
logo設計案例
logo設計流程
logo設計方案

TOP

發新話題