2016-11-16 ui設計分享達人
當產品的用戶體驗要求越來越高時，交互設計師的職責也越來越明晰了。交互設計師除了自身的基本功外，還需要有一個規范的流程，才能夠使工作完整有序。
圖1 交互設計在產品設計中的流程圖
一、版本計劃
版本計劃是指在產品或項目立項時，對產品的一個總的規劃，通常包括產品的需求與目標，比如能夠實現哪些功能，性能上如何。
這一過程，交互很少直接參與，或 者列席一下發版立項，對計劃情況有所知曉。交互可以縱觀一下歷史版本，對比行業內外的相關產品，以及滿懷未來產品的一種期待：實用、方便、美觀……
二、需求分析
在版本計劃立項完成后，產品經理就會把版本計劃分解，并整理成需求稿給交互設計師。交互設計師拿到需求稿后，開始需求分析。當發現有些邏輯不夠合理，或者 有任何不夠清晰的地方，都需要跟產品經理協商。
此時，交互可以使用各種原理與方法，比如根據產品的歷史用戶數據進行用戶研究，與開發人員進行一些實現效果 上的交流。
在與產品經理或開發溝通過程中，可以用自己方便的方式，隨時記下或畫下各種功能、效果與要求。交互設計是產品設計中的一個把需求變成模型的實現過程，產品 經理是產品設計的核心，在交互設計過程中只要有問題，都尋求產品經理解決或協調。
但是他們的主要工作是做需求，一個優秀的交互設計師所做的工作，產品經理 往往是不容易做到的。
三、交互設計
前期的準備工作做好了，就進入交互設計階段了。這一階段，交互需要借助axure等原型工具，將產品由抽象概念轉化為可演示的模型概念。
交互設計可以按三個小的步驟來走。第一個步驟，是交互過程的梳理，即用流程圖把交互過程梳理出來。
比如在設計一種手機自動問答股票證券的功能，流程需要從 入口、首次使用示例、詢問、回答到答案的分享等。
同時，需要注意在使用過程中各種突發的事件，如網絡連接、服務器異常等問題提示，有回答不了的問題怎么給 出回應等。
圖2 交互流程示例圖
第二個就是完成產品的功能需求，即把產品的基本功能通過一個完整演示的原型來實現。這個過程，可以用線框圖來表示，爭取每一種效果都能做出來，如果做不出 來，就用文字說明標注。
這一步做出來的低保真原型完成后，可以向產品經理演示，確認是否還有遺漏。一個有著完整交互效果的原型溝通起來還是能發揮出方便直 觀優勢的，拿給開發演示，讓測試作為評測的依據，也比長篇大論的文章交流效率高很多。
圖3 原型演示稿及說明
交互設計的第三個步驟，就是把完整的原型詳細分解到每一步動作進行說明。開發、測試關心每一步怎么做，視覺也會根據每一步進行設計。在設計時，將理想效果 大膽表達出來，當然這里少不了你寬闊的知識面。
不需要對技術了解太深，但需要知道哪些效果實現起來方便并符合整體風格，哪些效果在技術上極難實現，而這些 見識就要加強與開發的溝通。
當然，對視覺的基礎也是要有的，各種布局設計也要在產品整體的視覺風格之內，否則視覺設計時的改動會比較大。
圖4 交互動作分解與說明
交互稿的審核，需要研發人員的共同參與。在審核過程中，抓住需求這條主線，從用戶的角度考慮，主要從軟件的基本交互規律上討論。做產品必須有前瞻性，而非事后的。主觀上的感覺也是一個方面，但分量不能過重。
總之，交互設計完成后的產出物需要滿足兩個條件：完成產品需求，分解到每一步動作。這兩個條件具備了，就是一個不錯的交互文檔，圖和動作加上說明，比任何密密麻麻的文檔都直觀。
四、視覺設計
交互稿通過研發人員的審核后，交給開發前，需要進行視覺設計。視覺設計師不但要完成圖片圖標的設計，還要標注好背景色、字體、字號、間距等等。
當然，除了 圖標類的設計外，字體、間距、對齊等，交互設計師應該在規范文檔的指導下，在交互稿中有所體現了。但是即使有完善的規范，也只能完成70%-80%，很多 東西需要在場景變化時，進行適當的調整。
五、開發
產品的開發過程中，交互的主要任務就是跟進。功能方面，測試自然能夠把關，但是交互方面，哪怕前期溝通得再好，開發會一不小心還是會給做打折的。如果難度 太大或實在有問題，開發應該主動找你協商。
所以，在無關性能的影響下，只要能夠讓用戶體驗度再上升一點點，不要跟開發太多妥協。
六、測試
測試是你的好幫手，交互稿做得到位了，測試會幫你把好關。
七、版本發布
當測試完成了產品的各種驗證后，版本就要發布了，此時交互參與的這次研發基本進入了一個閉環。
八、用戶反饋
產品的版本發布后，會通過系統、電話等方式收到一些用戶反饋，有可能直接修改交互稿，或者直接跟開發提交互效果的更新，對版本進行一些完善。
當然，過了剛發布后的一段時間，進入穩定期，才是真正完成了本次版本的交互工作閉環。之后的反饋，可以為下一個版本提供參考。
需要提一下的是，產品的設計，并不一定有專門的視覺參與，就像產品設計過程并不一定有專門的交互設計師一樣。這個時候，交互設計師就要有一定的視覺設計能力了。
總結
簡單說來，交互設計過程如下圖所示，作為本文的一個總結
（注：本文轉自微信公眾號：人人都是產品經理）
藍藍設計( m.gyxygd.cn?)是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計?、 cs界面設計?、 ipad界面設計?、 包裝設計?、 圖標定制?、 用戶體驗 、交互設計、?網站建設?、平面設計服務
