設(shè)計(jì)師如何有效參與團(tuán)隊(duì)協(xié)作
關(guān)于這個話題,我看過好幾篇文章,但似乎每篇文章都是在講“設(shè)計(jì)師如何參與團(tuán)隊(duì)協(xié)作”,而忽略了“有效”兩個字。有效,我覺得主要包含兩個層面的意思:有效率、有效果。作為產(chǎn)品研發(fā)團(tuán)隊(duì)的設(shè)計(jì)師,團(tuán)隊(duì)協(xié)作是工作日常,但如何讓協(xié)作更有效呢?
?

?
想讓協(xié)作更有效,首先我們需要找到導(dǎo)致團(tuán)隊(duì)協(xié)作低效甚至無效的問題所在。我們可以從設(shè)計(jì)環(huán)節(jié)和開發(fā)環(huán)節(jié)來總結(jié):
?
設(shè)計(jì)環(huán)節(jié):
需求方不明確,需求表達(dá)不清晰,導(dǎo)致反復(fù)改稿,產(chǎn)出效率被拉低
工具不統(tǒng)一,設(shè)計(jì)師之間協(xié)作和共享困難,設(shè)計(jì)進(jìn)度緩慢
設(shè)計(jì)審核流程復(fù)雜,項(xiàng)目推進(jìn)進(jìn)度緩慢
?
開發(fā)環(huán)節(jié):
只能看到視覺設(shè)計(jì)稿,開發(fā)不理解設(shè)計(jì)思路,設(shè)計(jì)稿還原度低
缺乏多端開發(fā)經(jīng)驗(yàn),反復(fù)要求設(shè)計(jì)師輸出不同規(guī)格的素材切圖
按照標(biāo)注還原設(shè)計(jì)稿過于繁瑣和低效,耽誤整體進(jìn)度
了解了問題所在,我們就可以對癥下藥,提升團(tuán)隊(duì)協(xié)作效率,達(dá)到更好的協(xié)作效果。首先是設(shè)計(jì)環(huán)節(jié),如何有效提升團(tuán)隊(duì)協(xié)作效率,加快項(xiàng)目進(jìn)程?
?
1、明確設(shè)計(jì)需求?
當(dāng)設(shè)計(jì)師面對產(chǎn)品、市場、運(yùn)營、策劃等多個需求方時,收到需求就開始設(shè)計(jì)是最大的錯誤。在開始設(shè)計(jì)前,必須要積極和上游的需求提供方進(jìn)行仔細(xì)的溝通。如果團(tuán)隊(duì)中缺乏交互設(shè)計(jì)師的角色,設(shè)計(jì)師需要直面產(chǎn)品時,還要適當(dāng)?shù)睾Y除偽需求,理清真實(shí)需求,再進(jìn)入設(shè)計(jì)環(huán)節(jié)。?
在這一環(huán)節(jié),我通常會整合所有需求方的需求。如果無法確定主要需求方,我們可以將所有需求方的需求整理一遍,找到其中的共同點(diǎn)和矛盾沖突的地方,再召集所有人共同商議確定。?
當(dāng)然,在產(chǎn)品研發(fā)團(tuán)隊(duì)中,需求梳理一般是產(chǎn)品經(jīng)理的工作。但作為設(shè)計(jì)環(huán)節(jié)的主要負(fù)責(zé)人,參與需求梳理可以讓自己更加直觀地理解需求,設(shè)計(jì)工作也可以更加順利推進(jìn)。
2、尋找合適的協(xié)作工具
以我的團(tuán)隊(duì)為例,設(shè)計(jì)師最常用的設(shè)計(jì)工具是PS和Sketch,在Figma火了之后,也有一些小伙伴轉(zhuǎn)戰(zhàn)Figma。使用不同設(shè)計(jì)工具,不僅存在兼容性問題,網(wǎng)絡(luò)限制、設(shè)備限制等問題都讓人苦不堪言,設(shè)計(jì)師交流全靠截圖,仿佛回到了“原始社會”。?
為了解決這個問題,我們嘗試了很多工具,最后選擇了國產(chǎn)工具——?摹客作為我們的協(xié)作“根據(jù)地”。當(dāng)時主要是因?yàn)閲鴥?nèi)協(xié)作平臺只有摹客支持交付Figma設(shè)計(jì)稿,但用了一段時間發(fā)現(xiàn),摹客的寶藏功能遠(yuǎn)不止上傳和分享設(shè)計(jì)稿。?
1).在線審閱設(shè)計(jì)稿:設(shè)計(jì)稿上傳后,團(tuán)隊(duì)成員可以直接在設(shè)計(jì)稿上打點(diǎn)評論,反饋意見。這個功能對于我們接下來要講的“簡化設(shè)計(jì)審核流程”來說非常重要。
2).版本對比和管理:設(shè)計(jì)稿修改后可以直接同步,同時摹客會自動生成歷史版本,可以隨時查看不同版本,還可以直接在摹客對比不同版本之間的異同,檢查是否存在問題。

3).制作高保真交互:用PS、Sketch、Adobe XD、Figma完成設(shè)計(jì)稿并上傳后,可以在摹客快速將設(shè)計(jì)稿轉(zhuǎn)化為可交互的高保真原型,不需要再單獨(dú)制作高保真。
?

4).快速交付設(shè)計(jì)稿:摹客的智能標(biāo)注方式可以準(zhǔn)確傳達(dá)設(shè)計(jì)規(guī)范,同時開發(fā)工程師也可以自主獲取不同平臺尺寸的切圖,因此設(shè)計(jì)師在定稿后可以直接交付,這一點(diǎn)我們在后面的開發(fā)環(huán)節(jié)詳細(xì)介紹。
?
3、簡化設(shè)計(jì)審核流程
在原來的工作流程中,重要設(shè)計(jì)稿需要經(jīng)過多人審核,那么就會出現(xiàn)這樣的問題:A審?fù)暝O(shè)計(jì)稿并提出修改意見,我們根據(jù)意見進(jìn)行修改后發(fā)給B審核,結(jié)果B完全不贊同A的評審意見,并要求全部改回來,如果后續(xù)還有CDEF,那么恭喜你,即使是一個靜態(tài)頁面,你也極有可能會經(jīng)歷涂涂改改的一個月。?
如何簡化設(shè)計(jì)審核流程,杜絕上述情況發(fā)生?我們依然可以用摹客來解決。摹客最大的特點(diǎn)是它設(shè)定的工作流程非常靈活,并不是一環(huán)接著一環(huán)的單線推進(jìn),而是支持多人同時在不同環(huán)節(jié)進(jìn)行協(xié)作。?
以設(shè)計(jì)稿評審環(huán)節(jié)為例,摹客提供了多種評審工具,參與審核的成員可以同時對設(shè)計(jì)稿進(jìn)行打點(diǎn)評論,也可以查看和回復(fù)其他人的評論內(nèi)容。設(shè)計(jì)師只需要根據(jù)所有成員的最終評審意見逐條進(jìn)行修改即可。修改后還可以直接更新評論的解決狀態(tài),二次評審時其他成員可以根據(jù)評論來對照檢查,問題就這樣迎刃而解,效率自然也就大大提升。

提升了設(shè)計(jì)環(huán)節(jié)的協(xié)作效率,接下來我們繼續(xù)來解決開發(fā)環(huán)節(jié)的問題。開發(fā)環(huán)節(jié)提到的三個針對設(shè)計(jì)師的問題,其實(shí)可以歸類為一個問題,即:?
如何高效完整交付設(shè)計(jì)稿??
與開發(fā)工程師的協(xié)作,主要是需要幫助開發(fā)工程師理清產(chǎn)品邏輯,準(zhǔn)確還原設(shè)計(jì)稿。要達(dá)到這個目的,開發(fā)工程師在開發(fā)環(huán)節(jié)就需要查看精準(zhǔn)的UI標(biāo)注和獲得不同平臺的切圖,如果這一環(huán)節(jié)出現(xiàn)紕漏,一定會影響設(shè)計(jì)的最終呈現(xiàn)效果。?
借助合適的交付工具,就能完美解決這個問題,如上文中提到的摹客。摹客具有強(qiáng)大的設(shè)計(jì)稿智能標(biāo)注、自動切圖及代碼輸出功能。設(shè)計(jì)師在交付設(shè)計(jì)稿前,只需要使用摹客做到以下幾點(diǎn),就可以完成一次高質(zhì)量交付,提升和開發(fā)同事的協(xié)作效率:?
1.理清產(chǎn)品邏輯:在交付設(shè)計(jì)稿前,我們可以在摹客的全貌畫板中添加邏輯線和邏輯說明,開發(fā)工程師只需查看全貌畫板,就能快速理解產(chǎn)品業(yè)務(wù)流程和交互邏輯。

?
2.準(zhǔn)確標(biāo)注:摹客提供了“自動+手動”的智能標(biāo)注模式,圖層信息和圖層之間的間距等數(shù)據(jù)都可以自動生成,還可以使用手動標(biāo)注功能進(jìn)行補(bǔ)充,相當(dāng)于生成了一個輕量的開發(fā)文檔,可以幫助我們準(zhǔn)確傳達(dá)設(shè)計(jì)要求。

?
3.標(biāo)記切圖:在上傳設(shè)計(jì)稿前,我們需要做好標(biāo)記切圖的工作,上傳到后直接交付給開發(fā)工程師,開發(fā)工程師可以根據(jù)開發(fā)需求,下載不同平臺不同尺寸的切圖,而不用我們一張張切好再打包交付。

設(shè)計(jì)稿交付后,開發(fā)工程師可以自由查看設(shè)計(jì)稿中的精準(zhǔn)標(biāo)注和圖層標(biāo)記信息,下載使用切圖,還能直接復(fù)制圖層的樣式代碼,不僅減輕了設(shè)計(jì)師的負(fù)擔(dān),也簡化了開發(fā)工程師的工作流程,這才是真正的“有效協(xié)作”。?
總結(jié)?
互聯(lián)網(wǎng)時代效率為王,提升項(xiàng)目的推進(jìn)效率,就可以擠出更多時間來創(chuàng)造更大的價值。想要有效參與團(tuán)隊(duì)協(xié)作,適合自己團(tuán)隊(duì)的效率工具必不可少,有了工具的協(xié)助,脫離了傳統(tǒng)工作方式和繁復(fù)工作流的束縛,自然可以達(dá)到事半功倍的效果。