增哥點(diǎn)評(píng)：交互設(shè)計(jì)的原則繁雜不堪，需要仔細(xì)的梳理并分類。我們生活中會(huì)有很多交互設(shè)計(jì)相關(guān)的問題，勤于思考和總結(jié)，才能使我們?cè)谠O(shè)計(jì)道路上走的更遠(yuǎn)。

作為一位移動(dòng)端的UI或UX設(shè)計(jì)師，你可能還記得蘋果發(fā)布第一部iPhone的情景，它就像發(fā)生在昨天那樣。除了別的一些原因，它把完全以觸屏為中心的交互放在最私密的個(gè)人設(shè)備上。它改變了所有的游戲規(guī)則。

現(xiàn)今，觸屏體驗(yàn)伴隨著孩子們的成長(zhǎng)，就像是一件很自然的事。家長(zhǎng)們都很驚訝于，他們的孩子這么快就懂得去使用平板和智能手機(jī)。這表示觸摸和手勢(shì)交互很有潛力使手機(jī)體驗(yàn)變得更好，讓使用過程變得更有趣。

挑戰(zhàn)按鈕和工具條

“人機(jī)交互指南”和蘋果軟件審查委員會(huì)（Apple’s App Review Board）對(duì)手機(jī)軟件的質(zhì)量有很大影響。它幫助很多設(shè)計(jì)師和開發(fā)者理解手機(jī)UI的元素和交互的的核心。例如，蘋果最受歡迎的建議就是使用UITabBar和UINavigationBar部件——這是所有人，包括我都會(huì)遵守的指南。

事實(shí)上，如果你說你設(shè)計(jì)的第一個(gè)iPhone軟件沒有任何頂部或底部工具條，聯(lián)系并發(fā)一幅截圖給我，我會(huì)請(qǐng)你喝一杯東西并且發(fā)一條twitter，你已經(jīng)超越你所在的時(shí)代。

頂部和底部工具條占據(jù)屏幕近20%的位置。設(shè)計(jì)一個(gè)小畫布的時(shí)候，我們應(yīng)該把每一個(gè)可用的像素都用在內(nèi)容上。這才是問題的關(guān)鍵。

在創(chuàng)意產(chǎn)業(yè)中，移動(dòng)端設(shè)計(jì)師應(yīng)該花一點(diǎn)時(shí)間去探索怎么設(shè)計(jì)更創(chuàng)新，更獨(dú)創(chuàng)的界面。由于“跳出思維”的軟件受到蘋果無情地拒絕，帶有實(shí)驗(yàn)性UI或UX設(shè)計(jì)的軟件（如，Clear和Rise）花了很長(zhǎng)的一段時(shí)間才能與大家見面。不過它們還是出新了！它們可能太極端，以及專注于那些高端用戶和適應(yīng)能力強(qiáng)的用戶，它們讓我們看到手勢(shì)驅(qū)動(dòng)交互的可能性。

下拉刷新是一個(gè)直覺的行為

手勢(shì)驅(qū)動(dòng)交互的力量

在過去的兩年中，我探索過很多讓手勢(shì)增加手機(jī)軟件體驗(yàn)的方法。其中最重要的一條準(zhǔn)則就是這些交互都是直覺而為。這就是為什么創(chuàng)造性的交互，譬如Loren Brichter’s “下拉刷新” 很快就成為一個(gè)標(biāo)準(zhǔn)。Brichter的交互（包括Tweetie for iPhone）是那么的直覺，以至于一時(shí)間無數(shù)的列表軟件都基于原有外觀使用這一手勢(shì)。

清理混亂的UI

把你的主屏幕變成主要內(nèi)容的窗口是開始設(shè)計(jì)一個(gè)更加手勢(shì)驅(qū)動(dòng)界面的好方法。你的責(zé)任并不是讓導(dǎo)航永遠(yuǎn)顯示在主屏幕。你更應(yīng)該考慮給導(dǎo)航一個(gè)屬于自己的位置。說到偽2-D或3-D環(huán)境，你可以把導(dǎo)航放到主界面的旁邊，下面，后面，前面，上面或者把它浮動(dòng)隱藏在表面。拖動(dòng)或滑動(dòng)的手勢(shì)是一個(gè)引導(dǎo)用戶去這個(gè)UI元素的好方法。最后怎么定義和設(shè)計(jì)軟件，這取決你。

例如，我喜歡IOS上的Facebook和Gmail，它們有一個(gè)“側(cè)邊滑動(dòng)”的菜單。這個(gè)流行的UI概念是非常容易使用。用戶把界面向右滑動(dòng)，顯示導(dǎo)航。這不僅把軟件變得更關(guān)注內(nèi)容，還通過2、3步的交互，把用戶帶到軟件的任何一個(gè)地方。很多軟件遠(yuǎn)做不到這一點(diǎn)！

Facebook和Gmail的側(cè)邊滑動(dòng)菜單

此外，通過這樣的導(dǎo)航，你的軟件還可以提供情景互動(dòng)。把相同2、3個(gè)按鈕放在每個(gè)內(nèi)容模塊的下方會(huì)是UI變得混亂！按鈕似乎變成一個(gè)有用的觸發(fā)器，但手勢(shì)有更大的潛能去使帶內(nèi)容的交互變得直覺和有趣。不要猶豫，去整合簡(jiǎn)單的手勢(shì)（如：點(diǎn)擊、雙擊、點(diǎn)擊并拖動(dòng)）來觸發(fā)重要的交互。Instagram提供簡(jiǎn)單地雙擊來執(zhí)行重要的功能，喜歡和取消喜歡某個(gè)內(nèi)容。（-。-似乎不能取消喜歡。。。）我覺得很快其他軟件就會(huì)整合這樣的快捷操作。

自適應(yīng)的界面

當(dāng)設(shè)計(jì)一個(gè)革新的手機(jī)產(chǎn)品時(shí)，預(yù)測(cè)用戶行為是非常困難的。制作Belgium’s Public Radio時(shí)，我團(tuán)隊(duì)努力保持音樂可視化和實(shí)時(shí)新聞之間的平衡。數(shù)量巨大的情景和偏好讓它很難變成完美UI。所以我們決定整合一個(gè)拖曳手勢(shì)讓用戶可以自己調(diào)節(jié)這個(gè)平衡。

通過拖曳，用戶可以調(diào)節(jié) 與音樂相關(guān)的內(nèi)容和實(shí)時(shí)新聞 之間的比例

這個(gè)手勢(shì)為這個(gè)應(yīng)用增加了創(chuàng)新的關(guān)聯(lián)性維度。拖曳手勢(shì)并不會(huì)把用戶從一個(gè)界面（音樂或新聞）帶到另一個(gè)。相反，它讓用戶可以關(guān)注感興趣的一類型內(nèi)容而不會(huì)忽略其他內(nèi)容。

根據(jù)時(shí)間，維度和動(dòng)畫來考慮

什么動(dòng)作應(yīng)該在用戶點(diǎn)擊是觸發(fā)？你又是怎么知道它已經(jīng)觸發(fā)？UI動(dòng)畫在界面上應(yīng)該有多快？5秒鐘沒有任何交互以后是不是應(yīng)該自動(dòng)消失？

觸屏和手勢(shì)驅(qū)動(dòng)的設(shè)備增加，戲劇性地改變我們?cè)O(shè)計(jì)交互的方式。我們更多地思考時(shí)間、維度和動(dòng)畫方面而不是屏幕和頁面。你可能已經(jīng)注意到，很難用靜態(tài)線框圖微調(diào)交互和展示它們給同事、顧客。你不能完整看到、理解和感受你觸摸、等待、拖曳和滑動(dòng)它們是會(huì)發(fā)生什么。

某些原型工具（如：Pop和Invision可以賦予線框圖活力。它們?cè)跍y(cè)試應(yīng)用的運(yùn)動(dòng)和標(biāo)示出什么時(shí)候用戶會(huì)在哪些地方卡住都起到很大幫助。你的應(yīng)用可以比簡(jiǎn)單的前進(jìn)后退導(dǎo)航做得更多，你可以盡可能地察覺到更多的界面bugs和潛在的混亂。難道你不希望你的開發(fā)團(tuán)隊(duì)指出它們嗎？

Invision可以讓你導(dǎo)入和鏈接你的電子線框圖

要變得更革新和實(shí)驗(yàn)性，首先你應(yīng)該告訴客戶，傳統(tǒng)的線框圖不是他們要的可交付UX。展示可交互線框圖的好處，鼓動(dòng)他們加入到這個(gè)過程中。這可能增加時(shí)間和預(yù)算，但這并不是一個(gè)問題，如果他們期待你走得更遠(yuǎn)。

我甚至提供一個(gè)概念界面的視頻給客戶，因?yàn)樗麄儏⑴c交互線框圖的制作和整理細(xì)節(jié)。我的客戶需要一些性感的東西去取悅他們的股東。

學(xué)習(xí)曲線

當(dāng)你設(shè)計(jì)基于手勢(shì)的交互，要知道每次你清理混亂的UI，應(yīng)用學(xué)習(xí)曲線將會(huì)上升。沒有可視提示的話，用戶會(huì)困惑于怎么與這個(gè)應(yīng)用進(jìn)行交互。一點(diǎn)點(diǎn)探索不是問題，但是用戶要知道怎么去開始。很多軟件會(huì)在首次使用時(shí)展示UI演示。我同意Max Rudberg的觀點(diǎn)——演示應(yīng)該只解釋一些重要的交互。不要嘗試一次性解釋所有事。如果演示太長(zhǎng)太復(fù)雜的會(huì)，他們會(huì)跳過它。

為什么不挑戰(zhàn)自我，逐步介紹這些有創(chuàng)意的UI提示，就像用戶正在使用他們？這個(gè)模式通常會(huì)進(jìn)階展開，信息提示只會(huì)在用戶做出相關(guān)的動(dòng)作時(shí)出現(xiàn)。例如，YouTube’s Capture會(huì)告訴用戶橫向旋轉(zhuǎn)設(shè)備，就像是他們打開相機(jī)那樣。

通過UI演示和/或可視化提示來對(duì)抗學(xué)習(xí)曲線

為UI增加可視化線索不是唯一的選擇。在Sparrow中，搜索欄出現(xiàn)幾秒鐘然后上移出屏幕，一個(gè)很精巧的方式告訴大家，它在等著被拉下來。

停止吹水，開始制作

iPhone引來一場(chǎng)關(guān)于交互的革命。只需5年，觸屏設(shè)備就會(huì)包圍我們，然后交互設(shè)計(jì)師從新定義人們?cè)趺词褂秒娮釉O(shè)備。

我們需要探索和理解觸摸、手勢(shì)交互的潛力，然后開始基于時(shí)間、維度和動(dòng)畫的思考。經(jīng)過一些革新的軟件演示之后，手勢(shì)能夠讓一個(gè)軟件更專注內(nèi)容、更原創(chuàng)和更趣味。很多以前看來實(shí)驗(yàn)性的手勢(shì)交互將變得更直覺。

縱觀手勢(shì)在移動(dòng)平臺(tái)上的機(jī)遇，證實(shí)Luke Wroblewski’s “Touch Gesture Reference Overview”。我希望你受到鼓舞去探索基于手勢(shì)交互和加強(qiáng)你在手機(jī)界面的探索。不要害怕走遠(yuǎn)了。通過交互線框圖，你可以迭代你的方法直到最好的體驗(yàn)。所以，讓我們停止吹水，開始制作吧。

作者：lyzhie 轉(zhuǎn)載自：簡(jiǎn)書