2012年移動應用交互設計趨勢

openkk 12年前發布 | 8K 次閱讀 設計

2011年涌現出諸多優秀設計,隨著操作系統的更新和硬件性能的提升,交互設計又被提升到一個新的高度。不再是將內容從互聯網搬至移動設備,而是解決設備本身的問題,根據用戶需求從操作方式、信息架構和內容呈現等各個方面挖掘設計的可能性,為用戶帶來新穎的交互體驗。

本文匯總今年熱門產品的界面案例,希望能從中總結出未來一年需要重點關注的設計趨勢。

突出主要功能

對于信息架構的不同,主界面也會有很大區分,以某一功能吸引用戶,如拍照分享。

專注是從眾多相似產品中脫穎而出的產品策略。有數據表明,如果界面某項功能在視覺上最明顯,那也將提高用戶使用的機率,而從主界面點擊超過三次才能操作的功能被使用機率則非常低。

2012年移動應用交互設計趨勢


integram在視覺上“share”按鈕的樣式區分去其他標簽,強調分享,而不是拍照功能。

2012年移動應用交互設計趨勢


語音交互

設備硬件為取代其他終端產品和實現新穎的功能提供了技術基礎,用戶與設備之間的交互方式不僅局限受觸摸屏,語音和拍攝在2011年的移動應用中發揮了巨大的作用,促成微信和Instagram等熱門產品。

2012年移動應用交互設計趨勢


Siri被譽為革命性產品,不管其是否夸大其詞,它成功將語音交互引入到移動設備中,比起語音命令更為智能。

2012年移動應用交互設計趨勢


百度手機瀏覽器Android率先引入語音搜索,解放雙手,提供更為自然的操作方式,但需要交互輔助解決識別率和使用環境嘈雜等問題。

2012年移動應用交互設計趨勢


語聊可能是今年最火的功能,音頻讓用戶溝通更為方便,在此基礎之上還能衍生出更豐富的語音交互方式,比如語音表情等等。

2012年移動應用交互設計趨勢


語音輸入是語音識別的基礎應用,有望廣泛實現在手機的輸入法中。

攝像頭交互

2012年移動應用交互設計趨勢


攝像頭的潛力同樣讓人興奮,除了拍照和拍視頻還有很多料想不到的功能,比如類似于kinect的操作,在屏幕上方移動手掌可以操作手機。

2012年移動應用交互設計趨勢


裸眼3D利用前置攝像頭探測用戶和設備的相對位置,在屏幕上顯示立體化的圖形,不需要戴眼鏡可以看到3D的效果,這項技術可能優先使用在游戲中。

攝像頭還可以捕捉眼球的位置移動,取代觸摸屏操作,計算出用戶的視覺注意力在屏幕哪部分區域,頁面可以隨著眼球的移動,當眼球的注意力集中在某個圖標上2秒鐘可以觸發點擊操作。

2012年移動應用交互設計趨勢


Galaxy Nexus的臉部識別功能,利用前置攝像頭將成熟技術應用在移動端,視頻通話也將在未來幾年得到普及。

手勢操作

以N9為代表,滑動手勢取代Home鍵,滑動操作將非常頻繁地出現在觸摸屏操作中,設計中使用滑動手勢取代點擊有諸多優點,比如避免點擊區域導致的誤操作問題、操作流暢和隱藏控件等。

2012年移動應用交互設計趨勢
N9手機

 

2012年移動應用交互設計趨勢


uc瀏覽器雙指滑動可以新建或者切換界面,有助于提高操作效率。

2012年移動應用交互設計趨勢


iPhone版Flipboard向上滑動實現翻頁,不過效果過于強烈,視覺上并不連貫。

2012年移動應用交互設計趨勢


百度手機瀏覽器WP7版單指滑動工具欄可以縮放頁面,隨意控制頁面比例。

動效

隨著手機性能的提升,系統和應用程序中的動效越來越豐富,其豐富的視覺細節對于交互設計有著諸多的輔助作用,有效保證富交互的實現效果,應用形式有轉場、控件交互、操作效果和提供反饋等。

2012年移動應用交互設計趨勢


翻頁和點擊單個元素進入新頁面時,專場效果讓界面看起來更為流暢。

2012年移動應用交互設計趨勢


Path控件的動效成為今年流行設計元素,越來越多的應用為針對ios5增加動效。

側邊欄

當界面結構比較復雜,類似Pad的側邊欄有助于減少界面的層級關系,充分利用顯示空間,或者讓目錄型數據便于操作。

2012年移動應用交互設計趨勢
非死book&Path

 

2012年移動應用交互設計趨勢

 

2012年移動應用交互設計趨勢


全局顯示

移動設備的屏幕越來越大,但還是要減少不必要視覺元素干擾用戶,特別是對于瀏覽類產品,更注重擴大主體顯示區域。

2012年移動應用交互設計趨勢


WP7瀏覽器將地址欄放置底部,增加顯示空間,同時讓用戶的操作集中在界面底部。

2012年移動應用交互設計趨勢


唐茶閱讀盡量屏蔽了無關的視覺元素,代表 了最好的中文閱讀體驗。

2012年移動應用交互設計趨勢


百度手機瀏覽器WP7版單指滑動工具欄可以縮放頁面,這也是動效的應用案例之一。

近距離交互

近距離交互是個人杜撰出來的詞匯,意指實現近距離的設備與設備之間的交互,移動設備中數據可以像物品一樣被隨時隨地的交換,包括用戶的身份信息。

2012年移動應用交互設計趨勢


搖手機換名片應用到LBS和重力感應,實現“碰撞”設備交互數據,如通訊錄、照片和應用程序等等。

2012年移動應用交互設計趨勢


Square可以查找到周圍的移動設備,發送支付清單,實現線上支付。

2012年移動應用交互設計趨勢


移動設備自帶的NFC功能,包含用戶各種卡類信息,從而可以取代用戶的銀行卡、飯卡、公交卡和門卡等等。


來自: 曉生語錄

 本文由用戶 openkk 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!