什么是交互設(shè)計？交互設(shè)計的對象是行為。交互設(shè)計的五要素為人、動作、工具或媒介、目的、和場景[1]。交互設(shè)計在整個環(huán)節(jié)中的作用是至關(guān)重要的。如果說信息架構(gòu)是骨，界面是面，UI是妝，那么交互設(shè)計就是髓。界面的架構(gòu)、元素布局，都是在確定了用戶的操作流程之后才確定的。雖然交互設(shè)計并沒有特定的視覺存在形式，但卻統(tǒng)攝著產(chǎn)品的使用邏輯，無處不在的影響著用戶使用系統(tǒng)時的體驗?；蛘呖梢哉f交互設(shè)計以用戶操作流程為主線，將產(chǎn)品的各個功能以一種符合用戶心理預(yù)期的形式組織了起來。
因為交互強調(diào)的是行為互動，因此交互設(shè)計應(yīng)該實時注意交互行為發(fā)生時用戶的可能情緒波動，以及相應(yīng)的交互會引起用戶的情緒波動。如何通過必要的交互手段，加強和消減相應(yīng)的情緒波動。
1從交互的存在方式看，交互有顯性交互與隱性交互之分。
1.1顯性交互，我以為應(yīng)該從兩個層面來思考。第一個層面是信息層面。第二個層面是系統(tǒng)層面。
1.1.1信息層面，即用戶為實現(xiàn)一定目的，通過一系列行為從系統(tǒng)獲取信息的過程。在這一過程中，
? ? ? ?a 用戶獲取信息的行為流程是如何安排的？標(biāo)準(zhǔn)是什么？
? ? ? ?b 信息以何種方式，按照何種邏輯順序呈現(xiàn)給用戶？
? ? ? ?c 這整個過程中用什么方式幫助用戶更好地獲取信息?
也即人與信息的交互。那么為了有效的實現(xiàn)人與信息的交互，設(shè)計師需要仔細(xì)研究人本身，研究信息本身，研究人與信息的關(guān)系，還要研究人獲取信息所處的環(huán)境場所對于人、信息、人與信息間關(guān)系的影響。以此作為信息層面交互設(shè)計的出發(fā)點。
1.1.2系統(tǒng)層面，即用戶操作系統(tǒng)獲取目標(biāo)信息過程中必然需要與承載信息的載體（系統(tǒng)）進行必要的互動，那么用戶在獲取信息過程中，
? ? ? ?a 系統(tǒng)可提供的操作方式是否符合用戶的操作習(xí)慣？是否符合用戶的認(rèn)知習(xí)慣？
? ? ? ?b 系統(tǒng)對用戶的每一步如何反饋的？怎樣反饋？
? ? ? ?c 系統(tǒng)如何保障用戶在連續(xù)操作過程中的流暢性體驗？
? ? ? ?d 整個過程是否否合用戶心理預(yù)期？是否會給用戶造成認(rèn)知成本？
也即人與信息載體（系統(tǒng)）的交互。那么，為了有效的實現(xiàn)人與系統(tǒng)的交互，設(shè)計師仍然需要研究人，研究系統(tǒng)（這里對于系統(tǒng)的研究就涉及到對搭載系統(tǒng)運行的平臺---Android操作系統(tǒng)與iOS操作系統(tǒng)的系統(tǒng)研究，以及系統(tǒng)本身---產(chǎn)品戰(zhàn)略、產(chǎn)品邏輯、產(chǎn)品信息框架、導(dǎo)航、信息設(shè)計、視覺），研究人與系統(tǒng)之間的關(guān)系，依然要研究人操作系統(tǒng)時所處場景對于人、系統(tǒng)、人與系統(tǒng)間關(guān)系的影響。以此作為系統(tǒng)層面交互設(shè)計的出發(fā)點。
1.2隱性交互其實是人操作過程中，系統(tǒng)自動捕捉人的操作、外部環(huán)境等各種因素后，呈現(xiàn)給用戶的一種優(yōu)化結(jié)果，這些優(yōu)化結(jié)果并非是用戶的直接操作行為引發(fā)的，多半是用戶間接觸發(fā)的，但是這種交互卻切實的優(yōu)化了用戶的使用體驗。
1.2.1人的操作
關(guān)于捕捉用戶操作涉及到的就是算法問題，當(dāng)然并不是所有的設(shè)計都會有涉及算法這一問題。算法當(dāng)然是后臺程序的事，但是從本質(zhì)來講這是機器與人的一種交互。且絕大多數(shù)針對用戶行為習(xí)慣進行內(nèi)容呈現(xiàn)的算法，需要相關(guān)的界面設(shè)計來引導(dǎo)用戶進行某些相應(yīng)的操作，來幫助系統(tǒng)后臺算法推測用戶行為習(xí)慣，為用戶推送相關(guān)內(nèi)容。
系統(tǒng)應(yīng)該根據(jù)絕大多數(shù)的用戶普遍行為，以及用戶的習(xí)慣行為來指導(dǎo)相關(guān)的默認(rèn)操作。
1.2．2外部環(huán)境
? ? ? ? ?a 無免費WiFi。用戶啟動下載，是否要給予用戶提醒。
? ? ? ? ?b 網(wǎng)絡(luò)狀況不佳、無網(wǎng)絡(luò)、斷網(wǎng)。這就出現(xiàn)了三大機制加載機制、緩存機制、刷新機制。
? ? ? ? ?c 使用場景。移動端不同于pc端的一個主要的點就在于，用戶使用設(shè)備的地點可能在任何用戶可以到達的地方。家里、廚房、餐廳、 ? ? ? ? ? ? ? ?地鐵、偷情（╭∩╮(︶︿︶)╭∩╮）等等。那么這些場合交互的便利性、容錯性、隱私安全都需要考慮。
2交互與信息架構(gòu)
2.1信息架構(gòu)是交互設(shè)計師基于功能流程，最優(yōu)用戶操作邏輯確定的各功能模塊的分布形式。Jesse James Garrett在《用戶
體驗要素：以用戶為中心的產(chǎn)品設(shè)計》書中給出了信息結(jié)構(gòu)的分類---自上而下的或自下而上的信息結(jié)構(gòu)。
自上而下的信息分類結(jié)構(gòu)非常常見，而且這種分類方式非常便于日后產(chǎn)品功能的延展。多數(shù)toC類應(yīng)用都是采用了這種結(jié)構(gòu)。原因在于toC類產(chǎn)品一般屬于輕架構(gòu)產(chǎn)品，因為這類產(chǎn)品面向一般大眾，為了吸引最為廣泛的用戶，這類產(chǎn)品必須將產(chǎn)品的學(xué)習(xí)成本降到最低。同時為了最快的搶占市場，這類產(chǎn)品一般會通過做減法事先明確產(chǎn)品的核心功能點，通過后期迭代的方式不斷完善功能，因此這類產(chǎn)品一般采用自上而下的信息架構(gòu)方式，而很少采用自下而上的方式。
自下而上的架構(gòu)方式倒是與企業(yè)合并重組有著異曲同工之妙。按照知乎某答主的看法[4]，自下而上的信息分類方式常見于to類重架構(gòu)應(yīng)用中。
之所以會出現(xiàn)這種分歧或許是由于to C與to B產(chǎn)品的差異有關(guān)系。to C端產(chǎn)品一般是產(chǎn)品去挖掘用戶需求，是創(chuàng)造，從無到有。因此，是從整體到局部，從重點到細(xì)節(jié)。而to B端的產(chǎn)品一般公司戰(zhàn)略或相關(guān)方給你提出要求，產(chǎn)品經(jīng)理將這類“線下已有的需求”系統(tǒng)化，達到提高現(xiàn)有流程的效率的目的。因此，是從局部到整體，由枝節(jié)到核心，是歸納的過程。
2.2兩種方式的平衡
自上而下的信息分類方式有可能導(dǎo)致重要細(xì)節(jié)的缺失，且伴隨太多細(xì)枝末節(jié)功能的過度開發(fā)，使得產(chǎn)品功能趨向于臃腫。自下而上的信息分類方式可能導(dǎo)致產(chǎn)品后續(xù)功能不能進行添加，不能靈活容納系統(tǒng)未來功能發(fā)展的需要。同樣按照知乎某答主的看法，解決辦法是這兩種層級結(jié)構(gòu)的平衡式使用方式。
2.3信息分類結(jié)構(gòu)的構(gòu)成。
無論是哪一種分類方式，最下單位為圖中的一個個節(jié)點。這些節(jié)點或者對應(yīng)的是APP中的一個頁面，又或者是頁面中的某一個模塊。而箭頭反映的就是頁面或模塊之間的跳轉(zhuǎn)。
2.3.1一個適應(yīng)性強的信息架構(gòu)系統(tǒng)，能把現(xiàn)有內(nèi)容作為吸納有結(jié)構(gòu)的一部分容納進來，也可以把現(xiàn)有內(nèi)容作為一個新的部分容納進來（見圖二）。
2.3.2節(jié)點的添加與刪減不應(yīng)該特定數(shù)目類別為標(biāo)準(zhǔn)，而是應(yīng)該思考用戶是否認(rèn)為這種分類是合理的。既不刻意增加步驟，也不刻意壓縮步驟。
2.3.3信息架構(gòu)的最終目標(biāo)是架構(gòu)出符合網(wǎng)站或系統(tǒng)目標(biāo)以及用戶需求的結(jié)構(gòu)。
3交互設(shè)計與界面設(shè)計
交互設(shè)計更加注重產(chǎn)品和使用者行為上的交互以及交互的過程，以電話銀行系統(tǒng)為例，在這個例子里，并沒有可以觸摸的視
覺面，而它在交互方面的行為本質(zhì)卻完全表現(xiàn)出來了。界面是一個靜態(tài)的詞，當(dāng)進行界面設(shè)計的時候，我們關(guān)心的是界面本身，界面的組件，布局，風(fēng)格，看它們是否能支撐有效的交互，但是，交互行為是界面約束的源頭，當(dāng)產(chǎn)品的交互行為清清楚楚地定義出來時，對界面的要求也就更加清楚了，界面上（如果存在可視界面的話）的組件是為交互行為服務(wù)的，它可以更美，更抽象，更藝術(shù)化，但不可以為了任何理由破壞產(chǎn)品的交互行為。從廣義上來說，也可以認(rèn)為界面設(shè)計包含交互設(shè)計，在這樣的情況下，它同時還包含另外的部分例如外觀設(shè)計或平面設(shè)計，這些都是可以單獨進行研究的更細(xì)的分支。[3]
界面交互設(shè)計的思考起點應(yīng)該是用戶在該界面的行為邏輯。由信息架構(gòu)系統(tǒng)可知，界面是為了幫助用戶實現(xiàn)特定目的的一連串的節(jié)點，界面所承載的內(nèi)容便是用戶達至最終目的的一連串的與最終目的相關(guān)的信息。因而，界面本質(zhì)就是承載引導(dǎo)用戶通向最終目的的信息載體。這就決定了界面之間具有相互承接的性質(zhì)，界面承載的內(nèi)容是連續(xù)的信息流。因而，界面交互設(shè)計就涉及前面提到的交互設(shè)計的顯性層面與隱性層面提到的內(nèi)容。
界面設(shè)計應(yīng)該注意的一些事項
a彈出層。彈出層從前面提到的交互角度看應(yīng)該屬于顯性交互中的系統(tǒng)層面，是系統(tǒng)對于人與信息交互過程中出現(xiàn)的狀況的一種提醒反饋。
b加載頁面。限于當(dāng)前網(wǎng)速問題，用戶在頁面跳轉(zhuǎn)過程中必然會涉及到頁面內(nèi)容下載的問題，為了保持頁面間的連續(xù)性，更重要的是對于當(dāng)前系統(tǒng)內(nèi)部正在發(fā)生的行為給予用戶一定的反饋，以緩解用戶的情緒，需要在加載頁面添加一些下的交互動畫。以及相應(yīng)的加載機制（具體參看文后文章鏈接）。
4交互設(shè)計與導(dǎo)航設(shè)計
導(dǎo)航設(shè)計的依據(jù)是信息架構(gòu)中的節(jié)點。導(dǎo)航是為了幫助用戶在不同節(jié)點之間跳轉(zhuǎn)，或者說在不同的信息流程中跳轉(zhuǎn)，幫助用戶清楚了解當(dāng)前操作在整個操作流程中的位置，接下來的操作將要通往何處。當(dāng)導(dǎo)航滿足了這些基本的需求之后，還應(yīng)該準(zhǔn)確傳達出導(dǎo)航與內(nèi)容之間的聯(lián)系，設(shè)計師往往借助于轉(zhuǎn)場動畫特效，來體現(xiàn)導(dǎo)航與內(nèi)容之間的聯(lián)系。而上下級導(dǎo)航的連續(xù)性，往往通過標(biāo)準(zhǔn)化的配色、造型等來確保導(dǎo)航在各個頁面具備較高的識別度。
4.1導(dǎo)航的分類
4.1.1全局導(dǎo)航。
標(biāo)簽導(dǎo)航優(yōu)點：方便用戶在不同流程之間來回替換。
缺點：占用有限的屏幕空間。
駝式導(dǎo)航優(yōu)點：當(dāng)頁面有處于同一層級的幾大部分內(nèi)容，同時又需要一個非常重要且頻繁操作的入口，就可以使用該導(dǎo)航。
抽屜導(dǎo)航優(yōu)點：節(jié)省頁面空間，使得用戶集中注意力于當(dāng)前頁面。
缺點：用戶在各功能模塊間跳轉(zhuǎn)的頻率降低
宮格導(dǎo)航優(yōu)點：使得用戶集中于當(dāng)前操作內(nèi)容，適用于各功能模塊較獨立的設(shè)計。
缺點：用戶要想跳轉(zhuǎn)到下一個功能模塊，必須先退出當(dāng)前模塊，在進入相應(yīng)模塊，且必須進入模塊才可看到內(nèi)容。和以內(nèi)容為主的趨勢相悖
組合導(dǎo)航：用戶可聚焦當(dāng)前內(nèi)容，又可實現(xiàn)在不同內(nèi)容之間的快速轉(zhuǎn)換。
列表式導(dǎo)航：結(jié)構(gòu)清晰，這種形式不會展示內(nèi)容，因此一般存在于二級頁面中。
Tab導(dǎo)航：一般用于二級頁，本質(zhì)和標(biāo)簽導(dǎo)航相同，當(dāng)應(yīng)用層級較多的情況下，可以采用tab導(dǎo)航。
4.1.2局部導(dǎo)航。提供給用戶在這個框架中到“附近地點”的通路。
4.1.3輔助導(dǎo)航。能夠以簡潔明了的形式查看其他信息或執(zhí)行特定操作，同時無需用戶退出當(dāng)前活動。例如：彈窗。
4.1.4上下文導(dǎo)航。嵌入頁面自身內(nèi)容的一種導(dǎo)航。
4.1.5友好導(dǎo)航。用戶并不會經(jīng)常用到，但可以作為一種便捷途徑來使用。例如：溢出菜單。
4交互與信息設(shè)計。
從設(shè)計學(xué)科的角度，信息設(shè)計研究的是如何呈現(xiàn)信息，以便于信息的受眾有效地理解信息。換句話說，有效呈現(xiàn)信息內(nèi)容的方式以及利于信息傳達的優(yōu)美、簡潔的信息環(huán)境是信息設(shè)計研究的首要內(nèi)容。[5]最關(guān)鍵的是，用一種能“反映你的用戶思路”和“支持他們的任務(wù)和目標(biāo)”的方式來分類和排列這些信息元素。關(guān)于信息的設(shè)計，應(yīng)該從用戶獲取最終信息的整個流程中去審視當(dāng)前信息設(shè)計在整個環(huán)節(jié)中的作用，以此來決定傳達的信息內(nèi)容、排列方式、主次重點。
寫在最后：
《用戶體驗要素》這本書中提到網(wǎng)頁設(shè)計的5個層面，我以為一個優(yōu)秀的設(shè)計是一個整體性的存在，因此，雖然作者將整個的設(shè)計分做了五部分，但是在設(shè)計過程中設(shè)計師應(yīng)該帶著整體性的視角去做每一個環(huán)節(jié)，因為單獨看每一個環(huán)節(jié)在整個環(huán)節(jié)中的作用都是承上啟下的，并不是絕對獨立的。交互設(shè)計也是如此。一個優(yōu)秀的交互設(shè)計師難道不應(yīng)該以交互的視角，審視產(chǎn)品的一切設(shè)計層面嗎？
參考：
1《交互設(shè)計：從物理邏輯到行為邏輯》作者：辛向陽http://www.360doc.com/content/15/0210/13/21907744_447672901.shtml
2《交互設(shè)計的三大隱形機制：加載、刷新和緩存》作者：不詳http://www.mahaixiang.cn/jhsj/525.html
3《交互設(shè)計和界面設(shè)計》 作者：百度文庫
4《怎樣理解信息架構(gòu)》作者：尤文文https://www.zhihu.com/question/19719820
5《交叉研究視野中的信息與交互設(shè)計》 作者：裝飾雜志http://art.china.cn/products/2015-03/18/content_7758063.htm
6《用戶體驗要素》
