當然每個團隊、公司都有一套更適合自己的工作流程，這里的工作流程只能說是一個通用的原則，總的歸納起來用下面一個圖即可表達。

 

　　UI設計工作流程
 

　　
　　這里說的PO崗位為產品運營，SM為高級經理，代表的是產品經理。

 

　　涉及到的協同平臺很多，包括藍湖、石墨等，其他協同工具有。

 

 

　　InVision 主要是針原型設計和團隊協同來提供服務的。當你創建新的項目的時候，可以選擇從 Sketch/Photoshop/圖片導入到InVision當中，然后通過InVision 添加動畫、手勢和轉場動效，將它轉化為逼真的原型。InVision 是一個非常棒的協同平臺，你可以在原型的任何地方添加注釋和評論，從而實現視覺上的反饋。此外，你可以通過 Facebook、Twitter和Linkedin 等平臺快速便捷地分享你的項目鏈接。此外，InVision 用戶還能使用內置于瀏覽器的協作工具 LiveShare，輕松地同團隊內其他的用戶協作。

 

 

　　zipBoard 是一個簡單的設計反饋工具，它可以實現簡單的基于上下文的反饋。即使是客戶和團隊內的非設計成員，都能順暢地使用它。在使用 zipBoard 的過程中，只需要瀏覽網頁內容，無論發現任何問題，只需要抓取一張屏幕截圖捷克。現在可以通過添加注釋來查明問題，它還允許你通過分配、共享、設置優先級來組織問題。你可以設置數量無上限的協作者參與到項目中，也可以通過共享鏈接來獲取評論和反饋。zipBoard 還提供 JIRA 和 Slack 的集成功能，讓你的團隊可以和項目保持進度同步。

 

 

　　UXPin 旗下主要有兩個產品，一個是UXPin 原型，一個是UXPin 系統。前者是設計和原型工具，后者則是包含設計、原型在內的交付工具。你可以在UXPin 中從零開始設計，也能從已有的 Sketch 或者 Photoshop 項目直接導入到UXPin。你可以使用 UXPin 設計出可交互的完全響應式的原型，其中內置了十幾個不同的庫，包括最常見的 BootStrap、Foundation、Android、iOS 等不同平臺 UI控件庫。就制作線框圖和原型而言，UXPin 有著明顯的優勢。

 

　　團隊版的UXPin 中可以添加三類不同的成員角色，包括管理員，創建者和協作者。管理員可以創建和訪問所有的項目，創建者可以創建項目和訪問選定的項目，協作者則只能訪問選定的項目。UXPin 可以實現流暢的團隊協作，用戶可以對各種元素進行直接評論和注釋，也能在電子郵件和Slack 中反饋。

 

 

　　Figma 是一款帶有實時協作的UI設計工具。

 

　　Figma 是基于瀏覽器和云端的工具，允許多個設計師同時在線對一個項目進行編輯。Figma 是一個完全獨立的設計工具，內置矢量柵格，具備完整的歷史和版本管理的功能。與 Sketch 不同，Figma 不需要專門的客戶端，所有的設計、評論、反饋和協同都發生在瀏覽器內部。你所需要做的只有一件事，就是在你選中的位置或者控件上進行修改和留言，進行協同。

 

　　多人模式下，協同是實時的，這種體驗非常有意思，同時，其中還包含了諸如在移動端上實時查看修改的效果，它們讓整個服務顯得非常的實用也非常的好玩。

 

　　很多設計師也用Principle配合來做。

 

 

　　Zeplin 是一款能讓設計師和開發者更加高效協同的標準化設計風格工具，有了它設計師和開發者不用在細節上反復糾纏。Zeplin 有專門的 Windows 版，Mac版和Web版。它能自行生成風格指南，并且同 Sketch 和PS 進行同步。友好的用戶界面是 Zeplin 的加分項，這使得用戶可以相當方便地調整細節，比如控制字體樣式，大小和顏色，而當你調整完了之后，通過Zeplin 的同步，你的隊友會立刻收到更新，看到調整。

 

 

　　Hotjar 是一個用來分析和反饋的工具，主要是的功能是用來監控和分析用戶在網站上的交互和操作。它提供了多種多樣的分析途徑，比如熱圖，反饋調研，轉換渠道等等，它能將訪客的行為數據完整的記錄并提供相應的分析。Hotjar 在熱圖和用戶交互記錄上有著突出的優勢。


UI設計師測試 中遇到的問題用 圖標來呈現如上圖