上面的幾節(jié)中，我們反復在強調一個概念就是界面設計的情感因素。這就要求我們的界面不僅滿足可用性，還要考慮美學，用戶心理學等等諸多方面。這就要求了交互設計和圖形界面設計人員不僅僅要具備界面設計的專業(yè)技能，還要在心理學、工程學、社會學等諸多方面有所涉獵。同時為了滿足軟件交互設計的標準化，我們總結出了一套交互式界面設計的過程。雖然界面的種類和用戶群體各不相同，但是設計步驟是基本一樣的。
1.4.1 人機交互工程師的必備素質
作為交互設計工程師，不僅僅要考慮界面的可用性，還要注意界面可能傳達什么信息，可以如何提高用戶體驗等等。交互設計工程師要有以下思想：
圖1-1 交互設計工程師思想
一名合格的人機交互工程師，不僅僅是一個軟件工程師或者美工師，他要具備很多方面的廣泛而專業(yè)的及恩呢該，下面的圖是現(xiàn)代人機交互工程師需要掌握的技能樹：
圖1-2 人機交互工程師技能樹
可以看出，人機交互工程師要具備工程學，數學，邏輯學，心理學，社會學等諸多方面的專業(yè)素質，除此之外還要了解設計史、計算機圖形學、用戶調查研究方法、產品策劃與分析、宏觀經濟學、現(xiàn)象分析技術、數據篩選技術等等。所以現(xiàn)在行業(yè)內缺乏這類高端的人才，一般的美工師也可以通過自身的學習和提高向人機交互工程師邁進。
1.4.2 交互設計流程
交互界面是用戶感知產品的直觀通道，產品能否被用戶所接受，很大程度上取決于交互設計的成敗。所以交互設計是產品設計中一個重要的步驟，其重要性不亞于產品的功能設計。交互設計工作應在產品需求功能確定的時候就開始。此時，交互設計工程師應該考慮如何將產品功能通過交互設計呈現(xiàn)給用戶。如果我們開發(fā)的產品已經有類似的成品，或者是慣用的交互設計形式，那么我們可以先拿來一份界面，根據需求和自身特點小幅度修改就可以了。但是如果這個產品的原創(chuàng)性很強，沒有類似的產品或者可模仿的對象，那么對于交互設計工程師我們應從哪里入手呢？下面我們來總結一下產品完整的交互設計的流程。
1. 業(yè)務流程的梳理
首先，從用戶的角度，遍歷產品功能的各個流程。體會整理出用戶在不同場景和階段如何使用產品，先做什么后做什么，確定不同活動間的先后和依賴關系。在這個階段的工作重點是要轉換視角。從以產品功能為核心的視角轉換到以用戶為中心的視角，分析用戶在使用產品時的動作和感受，整理出產品的業(yè)務流程。這個階段的交付物一般是產品交互流程圖，說明了用戶使用產品時動作的先后順序和依賴關系。
2. 整理各個步驟用戶信息的輸入輸出
完成了以用戶為中心的業(yè)務流程整理之后，我們已經對用戶在使用產品時的所見所聞有了大致的認識。接下來的工作就是細化這些業(yè)務流程。我們采用自頂向下的分析方法，沿著流程的方向，分析流程中的每一個步驟�？从脩粼诓僮髅總�步驟時進行輸入輸出的情況。這里所述的用戶信息的輸入輸出就是在討論的是用戶與軟件產品的交互關系，包括：
1）用戶輸入的信息：在這個步驟中，產品需要主動告知用戶操作信息，例如接下來信息的操作提示和指導等等。
2）用戶輸出的信息：在這個步驟中，產品需要等待用戶執(zhí)行完某些操作之后，才可以進入接下來的步驟。
3. 分析各個步驟中信息溝通的主次關系
這一步是一個優(yōu)化、細化的過程，它要解決的問題是使交互設計與用戶信息交流更加有條理有次序，避免用戶與產品交互時產生無所適從感。
首先，需要識別出的是交互信息中的關鍵信息，也就是對于產品功能重要的那些信息。之所以要將這些信息專門識別出來，是因為我們要將這些信息強化顯示，以確保用戶不會漏掉這些關鍵信息。而且這些重要的信息在后續(xù)交互設計與視覺設計過程中，要自始至終受到用戶關注。至于其他信息，則不需要進行視覺強化，可在之后的界面中，占據不顯著的位置。
其次，在用戶與產品的信息交互中，有一些信息之間是有順序和依賴性的。也就是獲取和顯示某些信息之前，必須先顯示另外一些信息。我們需要先識別出這些依賴關系，以便我們確認交互過程中的關鍵信息。關鍵信息的前置依賴信息也必須是關鍵信息。同時，某些信息之間有邏輯上的關系，比如某些信息屬于一類，需要放在一起展示。梳理完信息間的關系和依賴性之后，用戶與產品的交互過程就已經有比較清晰的輪廓了。我們已經知道用戶在使用產品時做了哪些動作，得到了什么信息，輸入了什么指令，并且識別出了哪些指令是重要的指令。接下來我們就可以識別出界面單元和界面元素，正式開始界面設計了。
在這里應該明確的是，交互流程并不能定義界面單元，因為中每一步驟并不是必須有一個單獨的界面，但是每個步驟要傳遞的信息，必須在某一個界面上展示。所以下面的工作就是要識別出界面單元，每個界面單元需要哪些信息傳遞，有哪些信息可以合并。
4. 設計界面交互圖
這里要考慮的一點是界面的布局，界面元素采用什么樣的方式進行展示等。這些工作實際上會參考許多模板和樣例，這里就不多說了。這個階段的產出物一般是線框圖，它不涉及界面元素具體的視覺效果，展示的重點是界面元素之間的相互關系。
交互線框圖交付之后，接下來就是視覺設計師的工作了。各種界面元素的絢麗的視覺效果將在這階段被展現(xiàn)設計出來，交互設計的工作節(jié)本完成了。當然，交互設計師還有后續(xù)工作，他要在視覺設計階段持續(xù)的配合視覺設計師的工作，確保界面終效果與交互圖中主次和關系符合。并在后面的軟件研發(fā)過程中對這一問題持續(xù)跟蹤。
