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

 

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

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

 

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

 

 

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

 

 

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

 

 

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

 

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

 

 

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

 

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

 

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

 

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

 

 

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

 

 

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


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