在電子產(chǎn)品以及互聯(lián)網(wǎng)產(chǎn)品中，交互設(shè)計(jì)無(wú)疑是重要的內(nèi)容之一。中培偉業(yè)《用戶(hù)體驗(yàn)與UI設(shè)計(jì)開(kāi)發(fā)》培訓(xùn)專(zhuān)家尹老師在這里介紹了設(shè)計(jì)產(chǎn)品交互框架的大步驟 。

尹老師指出，這六個(gè)步驟無(wú)論是對(duì)新人產(chǎn)品經(jīng)理還是有經(jīng)驗(yàn)的PD都是很重要的，按照整個(gè)流程可以避免很多問(wèn)題，也會(huì)讓我們的工作變得有節(jié)奏，而不至于丟三落四，確實(shí)對(duì)產(chǎn)品的把握。

這個(gè)問(wèn)題有很多種答案，在我所有項(xiàng)目中，交互框架的確定是非常重要，非常費(fèi)時(shí)費(fèi)力的，但是實(shí)際中又很容易被忽略，被輕視，入行的新人特別容易陷入到細(xì)節(jié)自我陶醉，而忘記產(chǎn)品的宏觀建設(shè)，這對(duì)產(chǎn)品的發(fā)展無(wú)疑是非常不利的。

一個(gè)產(chǎn)品從一個(gè)靈感到真正可操作使用的實(shí)體，需要經(jīng)過(guò)的流程很多，尹老師在這里談到產(chǎn)品設(shè)計(jì)環(huán)節(jié)的細(xì)分步驟。

1. 定義形式要素、姿態(tài)和輸入方法

形式要素指：web、移動(dòng)端、pc端、ipad、智能硬件產(chǎn)品等；公共場(chǎng)所還是私人領(lǐng)域、光線充足還是比較暗、小巧輕便還是功能為先。這些產(chǎn)品的使用環(huán)境要素需要我們結(jié)合人物模型和使用場(chǎng)景提煉出來(lái)。

姿態(tài)是指用戶(hù)在和產(chǎn)品交互時(shí)，付出多大的精力和時(shí)間，以及用戶(hù)的姿勢(shì)等信息，例如PC端一般放在桌子上，用戶(hù)坐在椅子上比較常見(jiàn)，也會(huì)放在腿上，坐在沙發(fā)上。姿態(tài)決定了用戶(hù)對(duì)產(chǎn)品的定位和喜好，為我們對(duì)產(chǎn)品的使用場(chǎng)景提供參考依據(jù)。

2. 定義功能性和數(shù)據(jù)元素

很好理解，功能性是用戶(hù)希望通過(guò)某產(chǎn)品獲得什么樣的服務(wù)，轉(zhuǎn)化成我們得設(shè)計(jì)語(yǔ)言就是功能。功能是一個(gè)抽象的概念，它以功能元素為載體而真實(shí)存在。功能元素包括數(shù)據(jù)元素操作工具、數(shù)據(jù)視覺(jué)和結(jié)構(gòu)化管理方式（交互設(shè)計(jì)精髓4-100），例如，我們?cè)谠O(shè)計(jì)產(chǎn)品時(shí)，用戶(hù)可以點(diǎn)擊某個(gè)按鈕刪除某條信息，可以點(diǎn)擊某個(gè)空間切換頁(yè)面布局。

數(shù)據(jù)元素更方便理解一些，就是我們需要在產(chǎn)品中呈現(xiàn)給用戶(hù)的具體信息，包括文本、圖片等所有可見(jiàn)的獨(dú)立數(shù)據(jù)。難點(diǎn)在于，我們需要在設(shè)計(jì)產(chǎn)品時(shí)為數(shù)據(jù)分類(lèi)，將實(shí)現(xiàn)模型中的數(shù)據(jù)元素轉(zhuǎn)化為用戶(hù)日常界面的表現(xiàn)語(yǔ)言來(lái)描述，并根據(jù)數(shù)據(jù)間的優(yōu)先等級(jí)決定是否展示（一定要考慮數(shù)據(jù)之間的關(guān)系）。注意：數(shù)據(jù)元素的集合也就構(gòu)成了技術(shù)開(kāi)發(fā)中的搭建數(shù)據(jù)庫(kù)，需要對(duì)數(shù)據(jù)自上而下進(jìn)行拆分，能夠整合而不至于散亂。

3. 確定功能組和層級(jí)

經(jīng)過(guò)之前的功能性和數(shù)據(jù)元素的系統(tǒng)整理，我們需要將這些根據(jù)需求定義出來(lái)的功能和數(shù)據(jù)進(jìn)行分類(lèi)分組，以便梳理產(chǎn)品的架構(gòu)，由微觀到宏觀。簡(jiǎn)單點(diǎn)講就是講產(chǎn)品的所有數(shù)據(jù)和功能打包分組，劃分到每個(gè)一級(jí)板塊，對(duì)產(chǎn)品的基本架構(gòu)尤其更清晰的認(rèn)知。這一步驟需要注意不同功能和數(shù)據(jù)的對(duì)接，數(shù)據(jù)和功能橫向上的層次比較。

一個(gè)產(chǎn)品有很多功能，按照重要性可以分為核心功能、次要功能、輔助功能、補(bǔ)充功能。那么不同的功能也具備不同的層級(jí)和屬性，將同類(lèi)別的功能打包在同一個(gè)功能組，并按照重要性和產(chǎn)品場(chǎng)景劃分層級(jí)，哪些放在首頁(yè)，哪些顯示，哪些隱藏，功能之間的邏輯順序；一般情況下，功能是否屬于同類(lèi)別是根據(jù)數(shù)據(jù)是否相關(guān)來(lái)決定的。

4. 勾畫(huà)交互框架

經(jīng)過(guò)對(duì)功能和數(shù)據(jù)的分組，我們可以大體在心里對(duì)產(chǎn)品的架構(gòu)樣式有了感性的認(rèn)識(shí)，那么勾畫(huà)簡(jiǎn)圖是很快的。我們?cè)谶@里需要注意的是，將所需要組合的功能組合層級(jí)，通過(guò)塊狀的元素描畫(huà)出來(lái)，不要做過(guò)多修飾，簡(jiǎn)圖更多承擔(dān)著初審的任務(wù)，付出過(guò)多的細(xì)節(jié)工作影響了對(duì)框架的理解，也會(huì)由于過(guò)早牽涉細(xì)節(jié)缺乏產(chǎn)品的統(tǒng)一性。

在這一板塊，我們更多地需要嘗試，這種嘗試必須尊重交互原則和模式，并且是經(jīng)過(guò)驗(yàn)證或者有根據(jù)的，而不是隨心所欲，那樣會(huì)使得產(chǎn)品脫離現(xiàn)實(shí)，變得迷茫或者低劣。多繪制幾個(gè)方案，比對(duì)優(yōu)劣，選取，然后定稿。只有對(duì)所有的框架都進(jìn)行了反復(fù)修改后，產(chǎn)品的交互框架才算基本定型——不要妄圖一次成稿，不修改。

5. 構(gòu)建關(guān)鍵線路情景劇本

我們首先定義一下什么是關(guān)鍵路線——結(jié)合使用場(chǎng)景，針對(duì)每個(gè)功能理想狀態(tài)下的路徑，這種路徑一定具備高頻、精魄、重要三個(gè)標(biāo)志屬性。那么接下來(lái)我們講一下關(guān)鍵路線的使用方法和作用

關(guān)鍵路線就是，結(jié)合人物模型+場(chǎng)景+數(shù)據(jù)和功能元素，以任務(wù)為依托，使得最初設(shè)定的人物模型和交互架構(gòu)產(chǎn)生充分、反復(fù)、頻繁的接觸，并最終通過(guò)磨合，發(fā)現(xiàn)不合理的設(shè)計(jì)，并對(duì)產(chǎn)品的架構(gòu)產(chǎn)生更加深刻清晰的認(rèn)知。對(duì)關(guān)鍵路線圖的使用越頻繁，越能夠?qū)Ξa(chǎn)品的細(xì)節(jié)問(wèn)題進(jìn)行深刻考量。這和我們?cè)诳捎眯詼y(cè)試中提到的任務(wù)走查很像，只是后者更側(cè)重對(duì)產(chǎn)品測(cè)試，而我們是在架構(gòu)完善過(guò)程中對(duì)該方法的運(yùn)用。

6. 通過(guò)驗(yàn)證性的場(chǎng)景來(lái)檢查設(shè)計(jì)

既然是驗(yàn)證性的場(chǎng)景，那么這里提到的場(chǎng)景一般都是針對(duì)當(dāng)前設(shè)計(jì)中遺漏、丟棄、新增和次要的場(chǎng)景，由于設(shè)計(jì)過(guò)程的不完美性，因此我們必須對(duì)已經(jīng)完成的架構(gòu)采用這場(chǎng)驗(yàn)證性場(chǎng)景進(jìn)行回歸檢測(cè)。