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

 

　　UI設(shè)計(jì)工作流程
 

　　
　　這里說的PO崗位為產(chǎn)品運(yùn)營，SM為高級經(jīng)理，代表的是產(chǎn)品經(jīng)理。

 

　　涉及到的協(xié)同平臺很多，包括藍(lán)湖、石墨等，其他協(xié)同工具有。

 

 

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

 

 

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

 

 

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

 

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

 

 

　　Figma 是一款帶有實(shí)時協(xié)作的UI設(shè)計(jì)工具。

 

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

 

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

 

　　很多設(shè)計(jì)師也用Principle配合來做。

 

 

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

 

 

　　Hotjar 是一個用來分析和反饋的工具，主要是的功能是用來監(jiān)控和分析用戶在網(wǎng)站上的交互和操作。它提供了多種多樣的分析途徑，比如熱圖，反饋調(diào)研，轉(zhuǎn)換渠道等等，它能將訪客的行為數(shù)據(jù)完整的記錄并提供相應(yīng)的分析。Hotjar 在熱圖和用戶交互記錄上有著突出的優(yōu)勢。


UI設(shè)計(jì)師測試 中遇到的問題用 圖標(biāo)來呈現(xiàn)如上圖