怎樣打造高性能的移動用戶體驗(2)

　　七個設計準則

　　在過去的幾年中，移動領域出現了很多變化。一些新的UI設計風格開始涌現，設備屏幕尺寸及處理器性能規格都在逐漸向桌面設備靠攏，輸入方式也發生了革命性的改變。

　　在這種情況下，設計師們需要一直努力去嘗試更加先銳的、特色鮮明、性能卓越的設計方案。我們所說的設計與性能的關系，并非單純的指降低圖片尺寸一類;在設計流程的不同階段和不同層面中的各種決策，都會對產品的性能和功效造成影響。下面，就讓我們一起來了解一些可以在實戰中有效幫助我們打造高性能移動用戶體驗的設計準則。

　　1.定義用戶界面的品牌特色

　　移動應用中的每一個可以與用戶產生互動的地方，無論是單一的交互元素，還是功能模塊整體，都應該有助于提升產品的品牌認知度、用戶忠誠度及滿意度;設計人員應該有能力識別出它們當中最關鍵的那些，例如特色功能、視覺風格、文案、字體或動畫效果等。我們的團隊經手過很多不同的產品，雖然從整體角度講，它們具有各自的品牌風格，但這些設計方案大多是由同一套基礎UI元素衍生發展出來的。我們可以將基礎UI元素組合成為界面模塊，而組件化、可復用的核心界面模塊，則可以進一步構成整個用戶界面。

　　所以，經由對這些UI元素的風格設定，我們就可以逐步為界面整體打造出能夠體現品牌風格的獨有特質。在概念階段，試著將那些在以下幾個方面發揮關鍵作用的UI元素識別出來：

　　有助于提升產品差異化競爭力的功能(例如Path中的照片檢視等)。

　　產品核心功能(例如在線購物類應用中的結帳功能)。

　　模式化的設計語言。Windows Phone 7的Metro UI是一個典型的例子：具有強烈風格的字體、布局和交互等方面的模式，構成了其獨特的設計基因。

　　這些能夠體現品牌特色的核心要素，本身要具有很強的響應性。它們會被用戶不斷的看到、用到，而且會在產品不同的功能界面中被復用;它們的性能將直接決定一款應用的整體表現。將設計與開發的注意力放在這些關鍵要素上，將會是一件事半功倍的事情。

　　2.判定產品優先級

　　對“功效”一詞的理解可以上升到整個產品研發周期及市場的層面上。很多時候，公司會希望快速上線一款新產品，或是開發一個產品系列(例如基于一個平臺的多款同類產品，或面向不同平臺的單一產品)，亦或是出于時間和資源的限制，必須從多個產品中選擇一款來優先完成。在這類情況下，設計與優化的工作力量就必須集中在那些最重要的產品上。優先級矩陣可以有效的幫助我們理清頭緒。

　　上圖所示的抉擇因素包括系統平臺、當前用戶量、預期用戶量、競爭對手情況;當然，我們還可以從其他更適合自己項目的角度來進行權衡。如果產品受眾多數是Android用戶，而且你的競爭對手也在盯緊他們，那么與其將精力分攤在各個平臺當中，倒不如集中資源打造一款簡潔高效的Android應用并盡快投入市場。

　　3.認清用戶需求

　　我們團隊經歷過的很多項目，在剛剛啟動時都面臨著一些相似的問題：功能需求列表過于冗長，焦點不明確，難以在項目截止時間之前搞定。..客戶或需求方通常會對產品功能進行天馬行空般的想象，卻往往忽視了用戶的真正需求。

　　舉例說，無論你是在一個小城鎮，還是牛津大街，或是在互聯網中，血拼的本質目的，都是尋找合適的商品并進行購買。良好的用戶體驗可以為購物過程帶來更多的樂趣，但絕不能破壞這件事的核心目標。用戶希望通過購物類的應用來快速的找到某種商品，并順利完成購買;他們甚至會忽視那些用于增強體驗和樂趣的額外功能。

　　下圖展示了一款購物應用的商品詳情頁面的兩種設計方案。左邊的原型中包含了一些“高級”購物功能，例如贈禮、相關商品和用戶評價;而右側的原型簡化了很多：去掉了贈禮功能;只顯示該商品的整體打分情況，如果用戶需要，可以點擊鏈接查看全部點評;省出的空間用以顯示商品介紹的全文，用戶無需進一步點擊就可以完整瀏覽。

　　顯然，右側的方案可以讓團隊將設計與開發的注意力放在核心功能上;從產品的角度，這也是最符合用戶的直接需求、最具性能功效的方案。那些“錦上添花”性質的內容和功能，即使真的有必要存在，也應該是在我們對產品核心功能做了最充分的優化和最合理的設計之后，才陸續登場，并且不能影響核心功能的可用性及性能表現。

　　4.優化用戶界面流程和元素

　　用戶不喜歡等待。在Google的用戶體驗十大內在原則中，時間方面的因素緊隨“用戶需求”排在第二位。對應用的每一個界面流程及其構成元素的優化，都可以不同程度的降低加載及響應時間。

　　A.增強可感知性

　　在很多情況下，設計師和開發者確實無法控制產品性能：網速也許會很慢，系統后臺也許正運行著多任務，某個功能也許需要大量系統資源來支持運算等等。無論怎樣，在延遲發生的時候，我們至少應該讓用戶感知到應用仍處于運行狀態。即使在無法預料的壞狀況中，合理的設計方案也可以起到良好溝通作用。

　　第一步是要識別出哪些功能流程有可能造成延遲，例如那些需要獲取后臺數據或是執行大量運算的運行過程。接下來，在這些關鍵流程中添加必要的狀態反饋標識，例如loading動畫效果，或是一些文案小提示。

　　下圖演示一個比較典型的內容搜索流程：

　　用戶在這個流程中經歷了四個步驟：

　　點擊搜索按鈕。

　　看到loading動畫提示。

　　看到了搜索結果中的文字內容;這時圖片還在加載。

　　看到全部圖文內容。

　　顯而易見，比起從第一屏開始經歷一段等待時間然后突兀的直接進入第四屏，將流程分為幾個短暫的步驟并給予狀態反饋的用戶體驗要好的多。即使中間耗費了同樣的時間，分步的設計方案也可以使應用的性能在感覺上更加流暢高效。

原文轉自：http://www.anti-gravitydesign.com