2011年涌現(xiàn)出諸多優(yōu)秀設(shè)計(jì)，隨著操作系統(tǒng)的更新和硬件性能的提升，交互設(shè)計(jì)又被提升到一個(gè)新的高度。不再是將內(nèi)容從互聯(lián)網(wǎng)搬至移動(dòng)設(shè)備，而是解決設(shè)備本身的問(wèn)題，根據(jù)用戶需求從操作方式、信息架構(gòu)和內(nèi)容呈現(xiàn)等各個(gè)方面挖掘設(shè)計(jì)的可能性，為用戶帶來(lái)新穎的交互體驗(yàn)。

本文匯總今年熱門產(chǎn)品的界面案例，希望能從中總結(jié)出未來(lái)一年需要重點(diǎn)關(guān)注的設(shè)計(jì)趨勢(shì)。

突出主要功能

對(duì)于信息架構(gòu)的不同，主界面也會(huì)有很大區(qū)分，以某一功能吸引用戶，如拍照分享。

專注是從眾多相似產(chǎn)品中脫穎而出的產(chǎn)品策略。有數(shù)據(jù)表明，如果界面某項(xiàng)功能在視覺(jué)上最明顯，那也將提高用戶使用的機(jī)率，而從主界面點(diǎn)擊超過(guò)三次才能操作的功能被使用機(jī)率則非常低。

integram在視覺(jué)上“share”按鈕的樣式區(qū)分去其他標(biāo)簽，強(qiáng)調(diào)分享，而不是拍照功能。

語(yǔ)音交互

設(shè)備硬件為取代其他終端產(chǎn)品和實(shí)現(xiàn)新穎的功能提供了技術(shù)基礎(chǔ)，用戶與設(shè)備之間的交互方式不僅局限受觸摸屏，語(yǔ)音和拍攝在2011年的移動(dòng)應(yīng)用中發(fā)揮了巨大的作用，促成微信和Instagram等熱門產(chǎn)品。

Siri被譽(yù)為革命性產(chǎn)品，不管其是否夸大其詞，它成功將語(yǔ)音交互引入到移動(dòng)設(shè)備中，比起語(yǔ)音命令更為智能。

百度手機(jī)瀏覽器Android率先引入語(yǔ)音搜索，解放雙手，提供更為自然的操作方式，但需要交互輔助解決識(shí)別率和使用環(huán)境嘈雜等問(wèn)題。

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

語(yǔ)音輸入是語(yǔ)音識(shí)別的基礎(chǔ)應(yīng)用，有望廣泛實(shí)現(xiàn)在手機(jī)的輸入法中。

攝像頭交互

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

裸眼3D利用前置攝像頭探測(cè)用戶和設(shè)備的相對(duì)位置，在屏幕上顯示立體化的圖形，不需要戴眼鏡可以看到3D的效果，這項(xiàng)技術(shù)可能優(yōu)先使用在游戲中。

攝像頭還可以捕捉眼球的位置移動(dòng)，取代觸摸屏操作，計(jì)算出用戶的視覺(jué)注意力在屏幕哪部分區(qū)域，頁(yè)面可以隨著眼球的移動(dòng)，當(dāng)眼球的注意力集中在某個(gè)圖標(biāo)上2秒鐘可以觸發(fā)點(diǎn)擊操作。

Galaxy Nexus的臉部識(shí)別功能，利用前置攝像頭將成熟技術(shù)應(yīng)用在移動(dòng)端，視頻通話也將在未來(lái)幾年得到普及。

手勢(shì)操作

以N9為代表，滑動(dòng)手勢(shì)取代Home鍵，滑動(dòng)操作將非常頻繁地出現(xiàn)在觸摸屏操作中，設(shè)計(jì)中使用滑動(dòng)手勢(shì)取代點(diǎn)擊有諸多優(yōu)點(diǎn)，比如避免點(diǎn)擊區(qū)域?qū)е碌恼`操作問(wèn)題、操作流暢和隱藏控件等。

N9手機(jī)

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

iPhone版Flipboard向上滑動(dòng)實(shí)現(xiàn)翻頁(yè)，不過(guò)效果過(guò)于強(qiáng)烈，視覺(jué)上并不連貫。

百度手機(jī)瀏覽器WP7版單指滑動(dòng)工具欄可以縮放頁(yè)面，隨意控制頁(yè)面比例。

動(dòng)效

隨著手機(jī)性能的提升，系統(tǒng)和應(yīng)用程序中的動(dòng)效越來(lái)越豐富，其豐富的視覺(jué)細(xì)節(jié)對(duì)于交互設(shè)計(jì)有著諸多的輔助作用，有效保證富交互的實(shí)現(xiàn)效果，應(yīng)用形式有轉(zhuǎn)場(chǎng)、控件交互、操作效果和提供反饋等。

翻頁(yè)和點(diǎn)擊單個(gè)元素進(jìn)入新頁(yè)面時(shí)，專場(chǎng)效果讓界面看起來(lái)更為流暢。

Path控件的動(dòng)效成為今年流行設(shè)計(jì)元素，越來(lái)越多的應(yīng)用為針對(duì)ios5增加動(dòng)效。

側(cè)邊欄

當(dāng)界面結(jié)構(gòu)比較復(fù)雜，類似Pad的側(cè)邊欄有助于減少界面的層級(jí)關(guān)系，充分利用顯示空間，或者讓目錄型數(shù)據(jù)便于操作。

Facebook&Path

全局顯示

移動(dòng)設(shè)備的屏幕越來(lái)越大，但還是要減少不必要視覺(jué)元素干擾用戶，特別是對(duì)于瀏覽類產(chǎn)品，更注重?cái)U(kuò)大主體顯示區(qū)域。

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

唐茶閱讀盡量屏蔽了無(wú)關(guān)的視覺(jué)元素，代表 了最好的中文閱讀體驗(yàn)。

百度手機(jī)瀏覽器WP7版單指滑動(dòng)工具欄可以縮放頁(yè)面，這也是動(dòng)效的應(yīng)用案例之一。

近距離交互

近距離交互是個(gè)人杜撰出來(lái)的詞匯，意指實(shí)現(xiàn)近距離的設(shè)備與設(shè)備之間的交互，移動(dòng)設(shè)備中數(shù)據(jù)可以像物品一樣被隨時(shí)隨地的交換，包括用戶的身份信息。

搖手機(jī)換名片應(yīng)用到LBS和重力感應(yīng)，實(shí)現(xiàn)“碰撞”設(shè)備交互數(shù)據(jù)，如通訊錄、照片和應(yīng)用程序等等。

Square可以查找到周圍的移動(dòng)設(shè)備，發(fā)送支付清單，實(shí)現(xiàn)線上支付。

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

（寫篇博文不容易，轉(zhuǎn)載請(qǐng)注明出處）

來(lái)源：http://daichuanqing.com/index.php/archives/3282