2014年移動應用交互設計10大趨勢

 　　1 轉場動效的極致平滑(TRANSITION ANIMATION IS SMOOTH EXTREME)

　　移動APP越來越強調沉浸式的體驗，頁面和頁面之間切換也需要更加的流暢，轉場動效需要更加的極致和平滑。如果你還沒有為你的APP提供轉場動效，那麼你已經落伍了，如果你還是使用比較傳統的轉場動效，如向左滑動、放大縮小，那麼你的體驗也已經落伍了。平滑無縫的切換和體驗，信息需要沒有阻力的傳遞，用戶需要集中注意力，專注於目標任務來進行一系列的操作。我們相信，優先注重轉場動效的移動產品，會有極大的產品競爭力。

　　Yahoo! New Digest Making of Making Facebook Paper

　　Yahoo! New Digest/Making of Making/Facebook Paper，都對轉場的動效進行了精心的設計，平滑流暢的體驗讓我們眼前一亮。

　　設計師設計移動APP的的動效，需要像導演一樣，布局不同場景中，界面元素的登場方式，不同元素之間的出現、運動、消失要足夠的連貫。必要時，信息框架需要優化重構。動效的語義需要保持一致，避免認知的混淆。如果使用擬物化的動效語言需要符合物理定律。

　　2 多樣化新手引導( VARIOUS GUIDANCE)

　　靜態圖片或蒙灰圖層的新手引導容易被用戶忽略，眼前一亮的新手引導才能讓用戶有學習的欲望與沖動。新穎的新手引導往往會突破靜態圖片這種方式，通過生動的故事、吸引眼球的動效、場景化的圖片、語音引導及視頻小短片等新穎的新手引導突破靜態圖片的方式，吸引用戶的眼球。

　　Hue

　　視覺動效類的引導，各種視差動效、過渡動效、入場動效、強化動效等等多種多樣，”Hue”通過動效將功能及引導元素串聯起，活潑的展現在用戶面前，也不失為一種吸引眼球的方式。

　　為Ta鬧鐘

　　語音視頻類的引導，”為ta鬧鐘”則直接應用一個制作精良的動畫短片讓你了解APP的使用場景，激起用戶對功能的嘗試欲望。

　　另外，Facebook paper的新手引導使用真人語音配合動效教學基本的操作手勢，而且是一步一提醒的交互形式，非常簡單、”醒耳”。

　　3 信息框架扁平化(FLAT INFORMATION FRAMEWORK)

　　APP設計中一個比較重要的設計因素，是效率的最大化。2013年我們追求界面扁平，注重通過弱化視覺效果，來強化功能主義，界面風格的扁平化，還遠遠不夠，2014年應該從信息架構角度，再進一步的去應用扁平化的設計理念，這就是信息架構的扁平化趨勢。

　　信息框架扁平目的是減少信息層級，追求信息到達用戶的最短距離。通常，移動APP的層級關系不比網頁直觀，不不存在面包屑或是站點地圖允許用戶任意跳轉。縱深的返回機制會增加用戶操作成本，扁平的信息框架會從根本上解決上述問題。

　　Google Now

　　Google Now使用卡片式列表框架展示信息，把用戶需要的信息展示在首頁，將搜索結果前置，省去輸入、點擊和頁面跳轉的步驟，讓用戶更快捷的獲取所需要的信息。

　　Drippler

　　Drippler主要提供和自己設備相關的提示、軟件更新等所有信息。首頁以瀑布流的方式展示信息，支持頂部下拉菜單進行篩選，省去更多分類入口，縮短用戶到達信息詳情頁的步驟。

　　4 動態數據可視化(Dynamic data visualization)

　　人類身體的微妙變化、運動耗能都會產生大量的數據。近幾年由於可穿戴設備的興起，人們可以通過數據更深入了解自己的身體。結合數據可視化的概念，這將掀起又一熱浪。

　　現今數據可視化不只是靜態展現數據，用戶希望通過互動及時獲取數據流，動態數據可視化(Dynamic data visualization)將更加強調數據轉譯實時更新的圖形，以及動態的圖形化表達。

　　Moves

　　實時數據監測，Moves會根據你的運動情況在後台計算步數、距離和時間，然後生成簡單易懂的圖表幫助你了解一天的運動情況和地點，如果你一邊走一邊掏出手機查看Moves，隨著你步數的一步步邁出，oves相應運動的圓形會跟著你的步伐震動，同時數字也在不斷增長，伱會產生一種莫名的成就感;Nike+會隨著你跑步的行為以語音方式提醒你跑步的公裡、速度;其他還有 Nike+furlband、latin。

　　UP Coffee

　　動態數據呈現，靜態圖形僅能表現數據的單一數據屬性，當圖形以動態效果呈現時，便能多維度呈現給用戶實時信息、同時能與用戶形成互動，提高數據表現的趣味性。

　　UP Coffee是一款追蹤你體內咖啡因影響你睡眠的動態展示APP，計算你飲入的咖啡因與體內水分反應，引導你睡眠的最佳時間。

　　5 精細的視差效果(FINE PARALLAXF EFFECT)

　　視差是指讓多層背景以不同的速度移動，形成立體的運動效果，帶來非常出色的感官體驗。視差動效在網站中應用不少了，在移動應用中，除了一些讓人眼前一亮的新手引導頁，還有一些精細的視差效果應用也能給我們帶來錯落有致的新鮮體驗。

　　視差效果的應用需要橫向考慮哪些是前景，哪些是背景元素，考慮在滾動的過程中狀態的停留和過程中的效果呈現。

　　CORSSFADER

　　CORSSFADER/ IFTTT/ HUE產品都采用了精細化的視差設計，效果非常吸引人。

　　App Flow

　　微視差的設計，App Flow在從圖文結構向文字轉換閱覽體驗的過程中，標簽前景、圖片背景、底部文字區域部分在滾動過程中速度均不相同，呈現錯落有致的效果，並且前景標簽的形狀會發生變化與文字場景融為一體。

　　Yahoo天氣

　　Yahoo天氣通過橫向劃動切換的方式查看兩個城市天氣時，前景的框和背景的圖片以不同的速度滾動，如話劇表演序幕徐徐拉開的效果。

　　6 分層結構 (LAYERED INTERFACES)

　　通常，屏幕界面以水平方式展示，沒有縱深層級感。然而iOS7的發布引發了一種層次感的變革，模糊背景、帶有縱深感的層次及動效，拓展了屏幕空間，塑造出內容的層級感，這種設計手法，也被很多設計師逐漸運用到自己產品中去了。

　　分層結構可以想象在立體空間中，在XY軸的基礎上，增加Z軸。將當前所在的界面蓋在另一個的上面，將信息分層歸納，體驗上能夠感覺到明顯的層級感，區分主次信息的展示 。這種設計更專注於內容，更多的暴露信息，減少結構層級，操作高效 。

　　Cal

　　Cal是Any.Do 的團隊推出的一款設計精良的智能日歷應用，主要內容的展示采用卡片形式而非全屏顯示，大家可以明顯的感覺到卡片和底圖兩個層級，能夠烘托場景、交代背景、渲染氣氛，帶入情境，給人無限想象 。

　　DayBoard

　　還有