挖掘創新！2014年APP互動設計10大趨勢

標籤：c   blog   a   http   tar   ext   

在移動互連網飛速發展的這幾年，每年都會有一些新鮮的設計趨勢湧現出來。2014年，又有哪些新的設計趨勢脫穎而出呢？ 百度MUX有一群關注趨勢的小夥伴，從大量的APP中去發現設計範式，挖掘設計趨勢，預測出2014年在移動產品中會被廣泛應用的十大互動設計趨勢。希望這些新穎的設計模式，為設計師們帶來創新設計構想，進而為使用者帶來新鮮有趣的體驗。

圖00

　　1 轉場動效的極致平滑（TRANSITION ANIMATION IS SMOOTH EXTREME）

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

圖01

圖02

圖03

　　Yahoo! New Digest  Making of Making Facebook Paper

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

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

　　2 多樣化新手引導（ VARIOUS GUIDANCE）

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

圖04

　　Hue

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

圖05

　　為Ta鬧鐘

　　語音視頻類的引導，”為ta鬧鐘”則直接應用一個製作精良的動畫短片讓你瞭解APP的使用情境，激起使用者對功能的嘗試慾望。

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

　　3 資訊架構扁平化（FLAT INFORMATION FRAMEWORK）

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

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

圖06

　　Google Now

　　Google Now使用卡片式列表架構展示資訊，把使用者需要的資訊展示在首頁，將搜尋結果前置，省去輸入、點擊和頁面跳轉的步驟，讓使用者更快捷的擷取所需要的資訊。

圖07

　　Drippler

　　Drippler主要提供和自己裝置相關的提示、軟體更新等所有資訊。首頁以瀑布流的方式展示資訊，支援頂部下拉式功能表進行篩選，省去更多分類入口，縮短使用者到達資訊詳情頁的步驟。

 擷取更多更新的行業資訊請關注公眾平台：藍藍設計