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

　　另外一個典型的情景是應用剛剛啟動的時候。首先顯示一張適合該應用風格和布局的圖片，會降低用戶對加載時間的感知;同時配合loading動畫提示一起使用的話，效果會更好。

　　B.優化UI元素

　　任何一個UI元素都會影響到產品整體的性能表現，每個點滴之處的優化工作都可以對性能的提升起到推動作用?？梢灾攸c關注以下幾個方面：

　　元素的類型：不同類型的UI元素對產品性能的影響程度也不同;優化工作可以按照一定的優先級進行，例如可以集中資源首先處理那些音頻、視頻、地圖等類型的媒體文件。

　　元素的規格特性：拿圖片文件來說，分辨率或色深會對渲染時間造成影響。在Android中，任何可繪制資源(jpg、png)都會被解碼為位圖格式。所以，每一張在分辨率或色深方面經過優化處理的圖片都可以節省出幾KB的樣子。

　　元素的輸出方式：這方面可以針對具體情況做不同的處理，例如對于需要一整張圖片作為背景的應用來說，如果主要內容部分有自己的非半透明背景樣式，那么大背景圖片就沒有必要全部輸出了。

　　5.定義界面元素的權重規則

　　精心打造設計方案的過程，就好像在一片充滿障礙物的陸地上進行探索;我們必須時刻對功能、外觀、可用性、性能表現等方面的因素進行權衡和取舍。對于某些系統平臺來說，設計師要做更多的妥協。然而，無論系統方面具有怎樣的限制，產品都必須保持自身的品牌特色。

　　我們可以通過一定的方法來判斷UI元素之間的重要程度關系。有些元素對于品牌效應的貢獻程度是很大的，而合理的移除那些相對次要的元素，也是提升產品性能的有效方式。我們的團隊從這個角度對UI元素進行了如下分類：

　　必不可少的：最能體現品牌特征的核心UI元素，例如包含了logo和產品名稱的標題欄。

　　具有可替代性的：在相對高端的設計方案中，這類元素可以由性能負載相對較低的輸出方式代替。例如去掉標題欄的半透明效果。

　　非必要的：這類元素通常用來增強用戶體驗，在必要的時候可以簡化或移除。例如將搜索結果條目的數量由25個減為10個。

　　6.使用信息面板

　　團隊之間的信息溝通，對于打造成功的產品來說是必不可少的。我們經歷過的很多項目中，設計、開發、市場等部門的相關人員對同一款產品的理解有著很大的不同。從不同職能角度出發的各種功能需求與資源限制都會影響到最終產品的性能表現，所以保持信息溝通的順暢是很重要的。

　　信息面板是一種用于增強團隊間交流溝通的解決方案。它可以幫助我們對產品當前的狀態進行度量和監測，并設定下一階段的目標;一目了然的呈現方式更加便于團隊之間對產品狀態、功能預期和設計開發重點等方面的信息進行及時的交流。

　　我們通常在信息面板中標識以下幾個方面的因素：

　　核心功能需求：列出用戶在使用產品時將要經歷到的核心功能。

　　基準評分：列出重點競爭對手的同類產品在這些核心功能方面的性能表現數據。

　　當前完成度：列出自己的產品在當前階段中在這些核心功能方面的性能表現數據。

　　目標：列出自己的產品在這些核心功能方面的目標期望。

　　進展狀態：標明產品的當前狀態是否已經達到了目標期望。

　　類似的方法和工具還有很多，包括Android SDK本身，或是TraceView等。

　　7.UI工程技術

　　將優秀的設計方案通過相應的技術方法實現出來，也不是一件易事。除了忠實的還原設計方案之外，要使代碼同時可以帶來高效的性能表現，通常需要專家級別的技術能力，尤其對于移動應用產品來說，需要相關人員擁有豐富的前后臺開發經驗，同時對視覺及交互設計等方面具有深刻的理解。

　　布局、圖像、動畫的輸出和實現方式都會牽扯到功效方面的問題;在選擇實現方案時，最好從一些具體的方面進行考慮，例如：

　　智能化的內容加載：可以在合適的地方使用例如lazy loading這樣的方式，首先加載當前可視部分的內容，并通過用戶的瀏覽行為觸發其他內容的加載。這種方式可以很有效的提升界面功效，使體驗更加流暢。

　　背景圖形的加載：背景的實現方式對界面性能的影響也是很關鍵的;通常情況下，背景圖形可以通過整張大圖、小圖重復平鋪或純樣式代碼等方式實現。對于不同類型的界面，需要采用最合適的實現方式。

　　某些項目中，設計和開發等相關部門對于一款產品的責任是分離的;這種情況下，最終產品的用戶界面在外觀及性能等方面的表現必然也是缺乏統一性的。因為每個團隊都有他們各自的目標，所以在那些必須通力配合的地方，例如用戶界面性能優化等方面，執行力量往往無法集中。對于這樣的情況，我們的一種解決辦法是，將前端開發方面的職能角色并入設計團隊，這可以讓涉及到界面還原和前端效能等方面的開發工作更加符合用戶體驗設計的工作思路。

　　總結

　　通過本文，我們可以了解到，每個層面的設計工作都會對產品的性能表現造成不同程度的影響。所以在設計流程中，功效方面的因素是始終需要被考慮到的。否則，在隨后的相關流程中，性能方面的潛在問題會越來越多的暴露出來。

　　對于這七個設計準則，我們已經成功的在很多產品的設計過程中中加以貫徹，并切實提升了產品在性能體驗方面的表現，使它們看上去、用起來都很棒!

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